As I mentioned in my previous post, Richard is working on a game engine of sorts. So as such, I’ve taken steps to see if I can generate some HTML5/JS code that he might find useful and provide him a quicker path to learning what he is trying to learn, than having to research all the stuff that I did.
So here’s what I’ve learnd how to do so far (sorry if the music has started to bother you):
- How to create and draw images to a canvas. (and do basic animations)
- How to calculate a somewhat *modest* framerate (it’s not perfect, but I’m not sure there is such thing as perfect framerate with HTML5 and Canvas… it’s not like we control the framebuffer).
- How to play music.
Graphics and music have been borrowed for learning purposes from Mythic Entertainment/EA/Origin’s Ultima Online. (I may now have an urge to go re-open my UO account)
If you want to see how I did it, view the source on the iframe.
Without further adieu, I present “Man’s Journey: An HTML5 Demo” for your reflection and review.