Long Term: Creating a puzzle platforming web game–Something in design with grabbing a key and bringing it to a door (Think of games like ‘Limbo’). Or a platforming shooting (Think of games like ‘Megaman’ or ‘Cave Story’).
Short Term: Making a shape able to move one way or another with the arrow keys. Assuming the shape is a square and the square is the character which you play.
- After figuring out how to move one way or another with the arrow then…
- Try figuring out how to jump. To be more specific: make a character fall after rising with the space button.
In no particular order below.
- Next figure how out to create an ‘advance to the next stage’ code.
- Create an enemy that would force you to restart an level, yet not restart the entire game entirely.
Additional things to try learning after the above.
- If going the platforming shooter route than try to make a way to erase an enemy once shot.
- Create a health system.
Some starting places:
– https://html5gamedevelopment.com/2013-06-5-part-html5-game-tutorial-galaxian-shooter/
– http://www.w3schools.com/graphics/game_intro.asp
– https://www.html5rocks.com/en/tutorials/canvas/notearsgame/
Also, I hope you’ll contribute here: http://leifsegen.com/csa/areas/web-design-and-development/in-browser-games/