A Platform Game Written in HTML5
Nearly 15 years ago, when I was all of 15 years old, I wrote this little platform game which I have recently ported to HTML5/Javascript.
It’s a kind of Mario clone and at the time I named it “Fred Jones in Adventureland”… hmm, not a great name.
The themes of the game are intended to be tongue-in-cheek however. Hence the ridiculous title and deliberately unsubtle references to other games in the genre.
And it is somewhat incomplete; the player has unlimited lives and unfortunately there are only 5 levels. But as it stands it is playable and hopefully a little bit of fun. There are a couple of surprises along the way too.
Browser Compatibility
If you’re using Microsoft Internet Explorer 7 or 8 the game will run dreadfully slow. (Update: The game now supports the Google Chrome Frame plug-in. If you are using Internet Explorer I recommend you install it.)
Internet Explorer 6 and earlier, Firefox 1.x and I believe Opera 8 and previous will not run the game at all. This is because these older browsers do not support HTML5 (arguably, no version of Internet Explorer supports HTML5, however the game can run with the assistance of 3rd-party plug-ins and other workarounds). Please upgrade or switch to a different browser.
Controls
Left Arrow: move left
Right Arrow: move right
Spacebar: jump
iPhone Version
See HTML5 Platform Game for iPhone
Play!
Click the link above to play the game.
Technical Details
This is a port of the original game to HTML5/Javascript. This means it now runs in any modern web browser.
Unlike most web games the game does not use Flash. The HTML5 Canvas is used to draw the visual elements.
All the code for the game is all available to read if you hit “view source” in your browser and I invite you to take a look.
I was pleasantly surprised by the performance of Canvas drawing operations and javascript run-times in most modern browsers. However Internet Explorer users apparently will have to wait for version 10 before such features will grace the browser.
The game currently has no sound but this could be added using the HTML5 <audio> element.
Awesome dude, thanks for posting this. You are inspiring a new generation of coders with this type of thing. If I were 15 and wanting to hack code, this type of project would give me a hard-on.
why ctrl?? totally messes with spaces! please use something normal like space or enter!
It’s a great!
But it would be nicer if you chose another key for jump, because it interferes with the combination ctrl+directional key, which changes the current desktop in mac os. So it’s a little annoying.
Anyway good work!
Thanks for the feedback. I’ve changed the jump key to be spacebar so Mac users should no longer have a problem.
I’m a Linux guy myself 😉
Amazing!
Awesome! Reminds me the days when I was a kid playing platform games, well done for doing this in HTML5/JavaScript 🙂
Hehe that’s awesome. Especially from a technological point of view. Hopefully HTML 5 will become standard soon, that will give Adobe/Flash a run for their money.
Instead of lives, you could implement a timer, so that players can compete in “speed-runs”.
Btw. I love how you stored the map data 🙂
Hi, I was wondering if I could use this game on my website (maybe I’m still not sure what I’m doing with it). I have a domain and server, I was thinking of possibly making an addicting games type website except fully html5. I dunno just an idea, get back at me. Thank you.
If you are planning to host the game on another server I’d appreciate it if you email me first 🙂 My email address can be found on this blog’s about page.
Speachless………
Is it possible to make it work on the iPhone safari browser? The game appears to load but there’s no way (I can find) to trigger any controls.
Twould be most awesome.
Hi Mark, yes! I’ve written a version of the game for iPhone, still in HTML5/Javascript, see this post.
Its going to be a sad few years for web games soon. Developers are going to be “oh wow – we don’t need flash – look a javascript game!”
Well look at the graphics – no vector = back to the old 16bit games console games.
It’s only programmers and devlopers who think it’s great they dont need flash – almost 98% of browsers support flash. The graphics are amazing with the effects. Apart from really badly coded games – they run fine (believe me – JS games can kill your browser just as easily as flash)
Its a good example – but i just hate how flash is getting such a hard time lately.
If your where 15 years old when you did this game, I´m sure that you are a great game programmer now! =) We are currently developing a browser game, check it out and maybe you have some inputs to it. The game is called Aloriah, and it´s now in the beta test. Enjoy =)
I see this post is quite old, but for us HTML5 is all quite new. Without wanting to be a spammer, I’d like to draw your attention to http://www.html5contest.com. We’re doing a monthly contest for HTML5 games and we’re trying to encourage developers to try out HTML5. Don’t hesitate to contact me about this, thanks!
Sweet game man, working in with HTML5 myself. Keep up the work blogging about it. I love reading about what people are doing with the technology.
Dude i want to make a education video game of automatization and robotics in html, i gave clases of robotics for kids and they go crazy when making a robot car with sensors and programming in a diagram way to complete a task, it would be extremely cool a video game that emule that proses.
In 2d
thanks. enjoyed the post .. here is another usefull stuff
All about html5, templates,news,apps everything here.
http://html5arena.blogspot.com/
Nice post. One thing, i’m running Win 7 with the Firefox 4 Beta browser and your columns are overlapping a little. Though you may want to fix it 🙂
hi..! can i use/upload your
game in my site http://
trantopic.com
email me
Hi, I do think this is a great web site. I stumbledupon it 😉 I’m going to revisit once again since i have bookmarked it. Money and freedom is the best way to change, may you be rich and continue to guide other people.
Very nice game ! Thanks u :o) check mine : http://www.facebook.com/LosgoGame
They make more cash that way, instead of selling everything at once or selling each item individually.
Such a restriction places this benefit out of reach for many owners.
Based on HUD info, every state was granted ADDI allocation.
I was playing this game on my iPhone and added it to my home screen like you suggested, and I was playing it from there, but then it glitched. My power button wouldn’t work, and my home button wouldn’t work. The only thing that worked was the game. It wouldn’t even shut off automatically! I had to leave it there, on, all night so that it would die. What the heck?!!!
I know this if off topic but I’m looking into starting my own blog and was wondering what all is required to get set up? I’m assuming having a blog like yours would cost
a pretty penny? I’m not very web savvy so I’m not 100% certain.
Any tips or advice would be greatly appreciated. Thanks
Well, I examined your blog and I really concur, mind-blowing thoughts.
A little bit off-topic, nonetheless, it’s something I would love to to show you. The condition with so many modern games is that they are simply just not pleasant to play. A particular zero cost to play game I play is empire online, give it a try and let me know what you think
Hey There. I found your blog using msn. This is an extremely well written article.
I’ll be sure to bookmark it and return to read more of your useful info. Thanks for the post. I will definitely return.
Magnificent goods from you, man. I have understand your stuff previous to and you are just too wonderful.
I really like what you have acquired here, certainly like what you’re saying and the way in which you say it. You make it enjoyable and you still take care of to keep it wise. I can’t wait
to read far more from you. This is really a wonderful
website.
I am truly thankful to the owner of this website who has
shared this impressive paragraph at here.
I’m not that much of a internet reader to be honest but
your blogs really nice, keep it up! I’ll
go ahead and bookmark your website to come back in the
future. Cheers
Nice game! can you please let me know whether i can get the source code to do some experiment with it?
coppra coprah copras copses copter copula coquet corals.
censes censor census centai cental centas center centos.
holdfast holdings holdouts holdover holeless holibuts holidays holiness.
It’s the best time to make a few plans for the longer term and it is time to be happy.
I have read this submit and if I may I desire to recommend you few
interesting issues or suggestions. Maybe you could write
next articles regarding this article. I want to read even more things approximately it!
One of the biggest arcade classics in history is finally coming
home to the XBox 360 and Play – Station 3. When the dude
faces problems he gets high, when he wants to mellow out, he gets high,
when he is ready to bowl and roll his way into the semi’s,
he gets high, his life is pretty much getting high. Wakeboarding has
you holding you remote horizontally as you take to the
water, sweeping from side to side and flicking the remote
up as your board hits the wave.
” Maltby notes, “When it pulls up, I literally feel the joy draining out of my body.
On the previous operating system, you would have to close out of
the racing app to read and answer the text. If you’re asphalt does
need to be repaired, however be sure to do it quickly as sealcoating can protect the asphalt
from water and other elements once the surface it’s self is cracked.
Like any other type of betting, football betting requires
skills, and sufficient knowledge. The language and learning disabilities can be cured
with the help of computer video games. So, the users just need to access the intenet and the rest is all done.
It’s possible that when walking across a carpeted room with a Blu-ray disc in hand and placing it into
your player, a certain amount of electro static is generated which can
then transfer to the player, resulting in various functional issues.
Spiderman – Now here we have a superhero who gets his name
from the thing that has caused him to be one. The impact of
depression and sexual deviance on each of them is enormous.
Even with 25 billion apps obtainable in i – Phone 4s 5.
Step 5: Once you are back at the extras menu, press the Pwned DFU button to continue
with the jailbreak process using custom i – OS 5 firmware file.
They zoomed seamlessly, adding relevant street names seemingly as I needed to know them.
Do people pick grapes from thorns, or figs from thistles.
It wont come back again the adhering to yr, although (omit) a number of exceptions to this
rule, which established seeds that manage to survive about the winter season and volunteer
the upcoming yr. Sacral center 2 and 8 ‘ Zimbabwe : opposite side (8) pacific ocean where
Lemuria used to be.
Seasons one to ten have been released on DVD in many continents.
Mom reminds him that Wo – W is “just a video game” – his grade on the Spanish exam is more important than how he’s doing in some video game,
right. Having the option to save after every mission helps to make the
time just fly by, and it makes the game more pick-up-and-play friendly,
plus, there is also a mission skip feature is in the game, but it is only made available after your sixth restart for a mission, which
gives you a nice reward for replaying a mission that you just
can’t get done for whatever reason.
Bad weather can affect the way a quarterback throws a ball and how well a
player’s shoes grip the turf. Central midfielder – 17 – PSV – £3m – Dutch – DEMO.
Have you always wondered how you can control stress management in the
workplace.
Most amazing and nice prince here for HTML 5 game good platform where i aware about new and latest gaming and get the peoples 100% reviews and talking about the games and this game is very user friendly i played already with my sister,
It’s going to be end of mine day, except before ending I am reading this enormous
piece of writing to increase my experience.
Ahaa, its pleasant conversation about this article here at this website, I have read all that, so at this time me also commenting at this place.
superb job. though i know html and being working on it from years but never come out with such idea. great work
Me chhifla mucho tu forma de escribir. Este portal web de manera directa
a el bookmarker! Felicidades y enhorabuena por el web blog!
Me satisface infinitamente como has escrito el tematica.
Resulta ser indudable que te has meditado maravillosamente detenidamente.
Me gustaria de los que mas escrito de tuu parte.
Esplendido!!
¿Que tal todo?! no tengo la impresion qque la posteo este muy bien comprobada.
De todas formas un web-post mmuy adecuado. Estupendo
faena!
Es harto sencillo descubrir un tema en la red ssi lo
comparamos con loos libros, tal como yo he hallado eszte escrito
en este weblog.
Un blog Interesante con mucha referencia util. Felicidades!.
Sin duda uno de mis bookmarked!
El tema aacerca de el que has escrito resulta sser muy
soso y no es de hoy en dia. He perdido el rato mirando este
web-post.
Es eel momento perfecto para planear ciertos planteamientos para el
futuro y ser una persona plena. Lei este escrito y si me
ermitieras desearia sugerirte unas cosas interesantes o consejos.
Pudiera ser qque tu fueras capaz escribir los siguientes post en relacion a
este escrito. desearia leer mas cosas acerca de este tema
Estoy seguro que este escrito ha sido visto por la mayor parte de los usuarios, de internet yaa que resulta un sugstivo escrito para la construccion de recientes paginas de internet.
Me encanta algo los asuntos que escribes aqui, si bien es cierto que el composicion del blog
resulta insulso. De todas maneras , Flipante articulo.
La info que nos das no resulta ser del momeento y de ninguna manera has contrastado la info acerca
de la que escribes. Me ha decepcionado mucho el presente articulo.
El argumento sobre el que has publicado es muy soporífero y no es reciente.
He tirado el rato mirando este web-post.
Ciertamente creo que de ninguna manera te has informado detenidamente.
Aunque perfectamente escrito
He encontrado el pagina web de suerte y hoy por hoy lo pongo a preferidos.
Mas Grande hallazgo. Mis Sinceras Felicitaciones.
He revisado centenares de veces en relacion a
el presente topico. De Hedho No es muy novedoso. Un articulo mediocre.
He visto el blog de chiripa y en el dia presente va a marcadores.
Abrumadora hallazgo. Mis Sinceras Felicitaciones.
Un forum increible con muchisima post beneficiosa.
Enhorabuena!. Sin ninguna clase de duda uno de mis preferidos!
Sencillamente estoy integramente en sintonia con cada uno de los Tips que hhas puesto, aunque no een la integridad.
Un Webblog perfecto.
Resultan unas ideales ciertamente maravillosas directamente vinculadas a bloguear.
Has revisado ciertos elementos practicos aqui. De cualquiera manera continua
comentando.
No soy capaz dee entender abundante bastante la asunto
que has probqdo comentar. Sea como sea me encanta
tu pagina web.
Creo que no te has informado muy bien. Como sea muy bien posteado
La asesoría que indicas de ningún modo es del
momento y no has contrastado la asesoria acerca de la que posteas.
Me ha decepciknado claramente este web-post.
Me gusta cuantioso tal y como has resumido el tematica.
Es alogo claro que te has informado mucho claros. Espero mejor post de tu parte.
Formidable!!
De hecho no encuentro preciso lo que
has puesto. Yo Creo que no te has informado correctamente.
¿En serio opinas todo esto?
Wow! Realmente me siednto hechizado conn el topico del pagina.
Es elemental y aun asi efectivo. En gran cantidqd situaciones es muy laborioso alcanzar un equilibrio entre
utilidad y aspecto visual.Es necesaro comentar que has llevado a cabo
un trabajo buenisimo con esto. A La Vez, la pagina carga muy rapido en mi Internet
explorer. Un blog sobresaliente!
Enhance your own small town and fortify your current troopers hassle-free.
Experiment with the actual Clash Of Clans cheats tool and also demonstrate the idea on your own.
A few mouse clicks out and also you’ll make sources in an instant, more rapidly when compared with a person ever
thought.
No he conseguido resistirme reflejar mi opinion.
Me parece muy bien posteado
Me agrada sobradamente tu modo de escribir. Este webblog de manera clara a bookmarked!
Congratulaciones por el weblog!
¿De verdad piensas esto? En Lo Absoluto creo que la info que has publicado
sea sin duda cierta. No importa satisfactoriamente posteado.
Saludos, yo pienso que este es un excepcional web
site. Tropece con el por suerte 😉 Lo visitare mucho mas con asiduidad porque lo he metido
en book marked . Este tipo de parecer es la mejor metodo de mejorar y colaborar
con la gente.
No me siento en consonancia ccon ninguna idea de loo
que has blogueado. No hay info ni parece que te hayass informado con anterioridad de
hacer comentarios.
Cordialmente agradecido por toda la posteo que has redactado.
Me chifla este blog! Podria ser que revisara el estilo, a pesar de todo ell resto excepcional!
¿En que pagina tal vez seria ver mayor posteo acerca de dicho argumento?
Me sirve muchisimo y lo has expresado excesivamente aceptablemente.
Lo Aprecio Mucho.
Bien apuntado, sii bien es cierto quue hay
ciertas opiniones en las que no concuerdo en consonancia.
Me agrada suficiente los ideas que blogueas En este sitio, a
pesar de que el diseño dell pagina web resulta ser sobrio.
De todas maneras, Importante post.
Saludos! ¿Te importaria hacerme saber que el el servivio webhost que estas usando?
He crgado tu web blog en 3 navegadores completamente distintos y
no puedo añadir otra cosa que este web se carga
de forma rapida en todos ellos. ¿Serias tan amable de sugerir un buen aprovisionador de servivio webhost a un costo razonable?
Muchas gracias!
¿Ciertamente opinas todo eso? ¿O unicamente quieres
crear problematica para conseguir post? No yo creo que sepas nada del topio que has posteado.
¿Donde pudiera ver un poco mas de referencia acerca de el topico?
Me hha gustado sobradamente.
Impresionante. Me apasiona tal y como hhas planteado el topico.
¿Me serias tan amable de suministrar uun poco mas asesoramiento del contenido?
Estoyy muy interesado en este tematica. Debido.
jajaja, se me antoja una conversacion interesante lo que se expone en este escrito que me he
encontrado en este lugar web, lo he repasado
y ahora me encantaria comentar. aqui.
No mme parece correcto lo que has posteado.
Me da la impresion que dde ningun modo te has informado eficientemente.
¿Verdaderamente estas pensando todo esto?
jajaja, me resulta un intercambio de ideas muy interesante lo
relacionado en este articulo que he descubierto een este
website, lo he leido detenidamente y ahora me gustaria mucho escribir.
en este site.
Wow! Me apasiona este website! ¿De en donde sacas tan fantasticas conceptos?
Un post muy atractivo. Rapidramente a favoritos!
De segiro que este post ha sido repasado por la mayoria de los usuarios, de internet ya que es un llamativo editorial pzra la creacion de recientes websites.
Me chifla dicha pagina. ¿Seria Posible aconsejartme determinados trucos
de estilo y diseño?. Felicidades Y Gracias.
He descubierto el Webblog de azar y en el dia presente see va a
preferidos. Estupenda descubrimiento. Mis Felicitaciones.
Como estan! Poderias decir que la platafrorma que estas usando?
Estoy teniendo en mente efectuar mi propio blog pronto, pero me esta llevando numeroso gawsto de horas seleccionar entre BlogEngine/Wordpress/B2evolution/Blogger
y Drupal. La razon hago la consulta es debido a qque tu estilo me resulta unico que la mayor parte de
blogs y yyo estoy rebuscando para idear algo completamente unico.
P.D Dissculpas estar fuera de tema pero tenia de consultar!
¿En serio estas pensando todo eso? ¿O simplemente quieres engendrar
polemica para conseguir escritos? No me da la impresion de que
conozcas nada del asunto que hass apuntado.
Yo pienso que de hechoo no te has informado con exito.
Aunque adecuadamente narrado
¿Que tal? Un contacto de mi grupo de Facebook compartio esta pagina wweb entree nosotros de este modo he pensado ojear la
pagina web. Sin Duda he disfrutado las noticias.
Metere esto en mi book-marking y se lo aconsejare a mis seguidores!
Sobresaliente pagina y un diseño y estilo magnifico.
Bien apuntado, si bien hay varias conceptos en llas que
noo concuerdo de acuerdo.
No me parece sensato lo que has publicado. Creo
que de hecho no te hass informado eficientemente.
¿En serio estas pensando todo eso?
Estoy seguro que este ost ha sido leido por la gran parte de los usuarios del foro, de la red ya que es
un ameno articulo para la construccion de emergentes paginas
de internet.
Wow, este post es ameno, mi padee esta investigando grandes cantidades de este categoria de fragmentos de
texto, de manera que no tardare en decirselo y enviarle hasta este sitio.
Absolutamente Toda la indicacion se halla redactada de maneras clara y directa.
El presente website resulta ser de loo mas bueno que he visto en todo las redes sociales.
Muchas Gracias.
La referencia que nos das de ninguna manera resulta
ser del momento y de ninguna manera has contrastado laa info acerca de la que posteas.
Me ha desilusionado claramente este posteo.
Coincido de pies a cabeza conforme conn los presentes los puntuaciones que haas apuntado, a pesar de que no en la totalidad.
Un site maravilloso.
¿Podrias hablarme donde has ubicado tanta info real?
Esto es simplemente formidable!
Es harto simple localizar un asuntito en laa red si lo comparamos con los libros tradicionales, tal
como yoo he localizado este articulo en este weblog.
Heya just wanted to give you a brief heads
up and let you know a few of the images aren’t loading correctly.
I’m not sure why but I think its a linking issue. I’ve tried it
in two different internet browsers and both
show the same outcome.
I see a lot of interesting articles here, i know writing articles is time consuming, but
i know unlimited source of content for your blog ,
just type in google – rewriter creates an unique article in a minute
You post very interesting articles here. Your page deserves much more traffic.
It can go viral if you give it initial boost, i know useful service that can help you, simply search
in google: svetsern traffic tips
In fact, at some point of the last five years, there was a huge growth in online shopping. People were able to find better deals online than they could at brick and mortar stores. The availability of coupons and discounts enabled people to retailer more money on their purchases. This is one of the reasons why the black Friday weekend sales have been among the busiest shopping days of the year.
To start with you need to generally contemplate that there are several on line casinos from what type can decide to have the most effective sport position machine experience. First thing that anyone want to do is to find an on the web casino that has got the most effective sport slots and this can be carried out by maintaining some crucial details in mind. There are numerous online casinos from which you can entry and take advantage of this fantastic opportunity but there are a few facets that you’ll require to help keep in your mind and this will ensure that you find the best experience. These methods and practices will ensure that you produce the best choice and collect the big jackpot.