JavaScript Platformer Demo
July 07, 2009Matthew Casperson
- http://www.brighthub.com/hubfolio/matthew-casperson.aspx
- Location:
- Brisbane, Australia
Launch Experiment
Slow? Not Working? Try it in Google Chrome.
From the Author:
It is the end result of an ongoing tutorial series (http://www.brighthub.com/hubfolio/matthew-casperson/blog/archive/2009/06/29/game-development-with-javascript-and-the-canvas-element.aspx) that demonstrates how a simple game can be made using JavaScript and the Canvas element. Although it works in a number of browsers, Chrome is definitely the best browser to run it in.
Technology:
The demo makes use of the Canvas element and JavaScript to produce a simple platform style of game.
Comments
THANKS .. went thru the previous 2 tutorials in the series .. hope to be able to build a game with HTML5 after I go thru the tutorial associated with this one ..
Reply to this commentY Halo Thar, XNA Platformer Starter Kit graphics
Reply to this commentJust trying different engines for HTML5. Great work here. But its severe on CPU usage. On firefox it takes usage upto 45% from 3%. May be some optimization can be dome. I was comparing it with a severe tile game on flash which only used 14% CPU.
Reply to this commentnot to bad at all could be better
Reply to this commentawsome, add in a gun that u can shoot other soldiers and make the dimonds into "pickup boosters" and this game would thrash others.
Reply to this commentAwsome it apears to work on iPhone. Just missing controls to check it out with.
Reply to this commentneed more actions
Reply to this commentnice proof of concept, could i use your graphics for one of my things? they're pretty cool
Reply to this commentyou could do this with plain old img tags too... Though you'll need to preload your images.
Reply to this commentRuns on Firefox too!
Reply to this commentI wanna to play full game mode.
http://www.codventure.com
Reply to this commentnothings
Reply to this commentIf I were you I would use original graphics as i know the were in the MICROSOFT XNA GS 3 Starter Kit.
Reply to this commentno cmment
Reply to this commentIt's a really good proof of concept, however, it uses too much processor power, even more than flash. Hopefully javascript engines will become much less resource intensive, and game designers will know how to code their games to use less power.
Reply to this commentdo the java
dun dun dun
dedendu
do the java
bim bim bim belimp im.........
Reply to this commentThis has been done over and over again and the graphics need more work.
Reply to this commenti like java
Reply to this commentMy screen is too small... when ever I jump (space) it scrolls down. Otherwise, GROOVY!
Reply to this commentI like the Idea, but its " sorta " boring, at least it's a test = more coming who knows when, who know where
Reply to this commentIs it just me or does the character bump into thin air close to the blocks? Bounding box seems to be a little too wide.
Reply to this commentHaven't you people ever heard of a proof of concept? This is mostly a tech-demo, it isn't a full fledged game. Mad props to author, you rock. Keep up the hard work!
Reply to this commentVery Metal Slug. Props.
Reply to this commentborrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr\
rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
ing
Reply to this commentat least it runs
Reply to this commentboooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
ring
Reply to this commentit's a friggin experiment not a full game.
Reply to this commentHe's right.
You must not have any mind.
Reply to this commentHey!!
If youy thing that was boring then i support you...yet lemme ask you how did you like chrome?
Its a damn excellent browzer
Reply to this commentBOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOORRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIINNNNNNNNNNNNNNNNNNNNNGGGGGGGGGGGGGGGGGG!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Reply to this commenttoo short
Reply to this commentIt is just a test.
Reply to this commentOh Wank Off, Its His Opinion, Don't Be So Derogative.
Reply to this commentgostaria que fosse em portugues
Reply to this commentYes! I totally made the high score!
Reply to this commentI like it
Reply to this commentvery good
Reply to this commentFor some reason the bounding box on the blocks seems to be wider than blocks themselves.
Reply to this commentI cant believe that was javascript. did you notice the three layers when you scroll?
Reply to this commentYes, *very* impressive.
Reply to this commentNot bad at all. But it could have some more action. Nice for a tutorial though.
Reply to this commentnot bad, but ts a little, short!
Reply to this commentI am an early programmer with a program from mit called scratch.
This is not bad but a little short.
Reply to this comment