loading

In this Instructable you will NOT be learning how to make a game from scratch, however this will lead you to the eventual process of that. This Instructable will be teaching you how to edit a basic game, which is the first step(in my opinion) in becoming a game developer. WARNING: Basic Javascript and HTML5 skills are required for this, these can be easily picked up at www.w3schools.com

Step 1: Start!

Open up the website
https://github.com/dmcinnes/HTML5Asteroids/
This website will give you a basic HTML5 asteroids game, no gimmicks or tricks, completely free.

Step 2: Download!

On the right side of the screen you should see a download zip button. Click it, and choose the designated place you wish for it to be downloaded at.

Step 3: Getting File Ready for Use.

Once you have downloaded the file you want to right click it and click extract all. From here you again select the location you wish for the file to be.

Step 4: Editor

Once you have found the extracted file you will need to download a code editing software. The one I use frequently is brackets, it's open source and completely free. Brackets however doesn't just edit Javascript but also HTML5, CSS, and much more. To download brackets go to www.brackets.io

Step 5: Once Downloaded

Once Brackets is downloaded open your extracted Asteroids game file. You will see a Game.js file. Once you see it you want to click open with, and then select brackets.

Step 6: Start Editing

Once game.js is open you are ready to start editing the most preliminary parts if the game. I recommend start with lines 368-379, as these are how the ship looks and are easy to notice differences once edited.

Step 7: See Your Work

To see your work at any given time go to top left of the screen, click file then save. Once you have saved your work open a new brackets file named index. On the right of the screen you should see a lighting bolt, double click this, and a new window will open up with the Asteroids game including YOUR edits!

Step 8: Done!

You can continue this process over and over again until you customize the game to be completely unique to yourself, and from here you are ready to edit or create more complex games.

Hey pizza80810 I recommend a program called stencyl, <br>http://www.stencyl.com
<p>Hey, nice job! Do you recommend any programs that I can create a game with almost no expirince in coding? </p>

About This Instructable

706views

29favorites

License:

Bio: Technology is pretty cool...
More by kiannajaf:How To Create/Edit A Game 
Add instructable to: