My small web based game is built purely on JavaScript and HTML5, with this game I have tried to create a platform based game. Much like Mario or in some ways Manic miner. The main aim of the game is to collect the most coins and set a high score.
Before starting this game, I had basically no knowledge of Javascript and very basic skills in HTML/CSS but I believe over the past few weeks working on this game, I believe y skills have increased greatly and I am happy with the result of my game.
Warning, on the final level (level 3) there is a possibility of losing coins by falling of the platform and into the water.
Some of the included features involve:
• User control (keyboard input)
• Interactive sounds
• A scoring system
• Multiple levels
All images on my site, including the background, players, coins and treasure were created by myself using Abode Photoshop CS6.
All sounds were downloaded legally from a site called freesound.org. All of which are .WAV files.
I used a very basic tutorial online for the basic layout of the platforms and the player. (This link will be provided at the bottom). From this small example I then went onto create lots of other functions which did various things from checking collisions to game_over. Other resources I used were W3C schools and Stackoverflow. These links will also be provided below.
To develop my game further in the future I will create more like a manic miner type game, where there will be enemies involved, there would be a high score board for different uses to compete when being on my site and more levels. The main reason I did not accomplish these tasks is due to lack of time and Javascript based knowledge.
I declare that the contents of this page are entirely my own work apart from the declared exceptions above (freesound, W3schools, stackoverflow and the basic tutorial). The images were created by myself, and the sounds are free to use as displayed on the site above.
http://www.somethinghitme.com/2013/01/09/creating-a-canvas-platformer-tutorial-part-one/ http://www.homeandlearn.co.uk/JS/html5_canvas_keyboard_keys.html http://unixpapa.com/js/testkey.html http://esprima.org/demo/validate.html http://www.slideshare.net/ernesto.jimenez/5-tips-for-your-html5-games http://www.w3schools.com/css/css_navbar.asp
Can checkout my github repo for this repo.
Might still be in game_development branch
(if I forget to merge)
Should also checkout my blog.