How to Create/Edit a Game

Introduction: How to Create/Edit a Game

About: Technology is pretty cool...

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.

Be the First to Share

    Recommendations

    • Raspberry Pi Contest

      Raspberry Pi Contest
    • Anything Goes Contest 2021

      Anything Goes Contest 2021
    • New Year, New Skill Student Design Challenge

      New Year, New Skill Student Design Challenge

    2 Comments

    0
    kiannajaf
    kiannajaf

    7 years ago

    Hey pizza80810 I recommend a program called stencyl,
    http://www.stencyl.com

    0
    pizza80810
    pizza80810

    7 years ago on Introduction

    Hey, nice job! Do you recommend any programs that I can create a game with almost no expirince in coding?