The latest articles on DEV Community by Chirag Arora (@chirag8023). https://dev.to/chirag8023 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1615992%2F2e4f39ae-2084-4266-b9c8-65e9316a83e6.png https://dev.to/chirag8023 en Chirag Arora Tue, 24 Sep 2024 11:29:53 +0000 https://dev.to/chirag8023/mundane-blaster-web-game-challange-58c4 https://dev.to/chirag8023/mundane-blaster-web-game-challange-58c4 <p><em>This is a submission for the <a href="https://dev.to/challenges/webgame">Web Game Challenge</a>, Build a Game: Alien Edition</em></p> <h2> What I Built </h2> <p>Mundane Blaster is a 2D browser game built using Phaser 3, created for the Dev.to Community Web Game Challenge. This project started as a way to learn more about Phaser and web game development, with the initial foundation based on a tutorial, but I try to make it unique.</p> <h2> Demo </h2> <p>You can play Mundane Blaster online: <a href="https://chirag8023.github.io/mundane-blaster/" rel="noopener noreferrer">Mundane Blaster Game</a>.<br> Repository of the project is can be <a href="https://github.com/Chirag8023/mundane-blaster" rel="noopener noreferrer">found here</a>.</p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb5xx11zmybvtz46qc052.PNG" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb5xx11zmybvtz46qc052.PNG" alt="Main Screen" width="" height=""></a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fstpxoeq35e61fcykgyrg.PNG" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fstpxoeq35e61fcykgyrg.PNG" alt="Game Screen" width="" height=""></a></p> <h2> Journey </h2> <p>This is first time i used <a href="https://phaser.io/" rel="noopener noreferrer">Phaser</a> for making a game but it's a very nice and easy HTML5 framework and i follow tutorial to use phaser and after few of them, i tried to add few things and make the gameplay how i would enjoy, so i learn about spritesheets and audios and then how many states we have to keep in mind while building a game, like preload(), create() and update() and how to manage these before adding anything or changing in the game. 👾</p> devchallenge gamechallenge gamedev webdev