It has been a while since people started playing around with HTML5, and still nowadays there are some people that come with some comparisons between Flash and HTML5. I am a little bit tired about all this, and to be honest I am totally convinced that HTML5 and Flash are completely different solutions which make everything a bit pointless when comparing both, it is so clear to me what/when to use HTML5 or Flash.
We all remember when Adobe came with Acrobat Reader ages ago, and we all remember people saying things like; this piece of software is not going to be here for long, this approach of showing and printing images and text is something that everybody is already doing and at the end it was all curious, how can a product like Acrobat be accepted in the market? What's my point? Where I am going to is… one single word "consistency". At the present the PDF format is considered as a standard for absolutely all kind of content distribution (and online printing). How can? The answer is so simple; everywhere it looks the same, it can be printed everywhere the same, we all trust on its consistency, so many of us feel the same with the SWF format.
HTML5 is here to stay, it is for us, and it is for helping us with that boring monkey job nobody wants to do like building a video player with a scroll slider progress bar and some navigation buttons, or making a basic photo gallery with enchanted options, etc. If you are trying to do something more complicated than that, I am afraid you have to be prepared to waste a lot of time dealing with very annoying things like cross browser inconsistencies, performance issues, plus you never know if that thing will work in new browsers in the future. The main problem of HTML is and will be always consistency; it looks different among browsers when you are dealing with advanced features, careful, it could be a big pain, keep it simple if you want to sleep well.
A while a ago I wrote a very simple article speaking about Verlet physics, plus mixing it all with Spline Curves, it was about a Balloon movement algorithm, remember? Well here is the flash article in case you would like to have a go with it, Balloon Flash Version.
This time I tried to remake exactly the same piece of program in HTML5 so people can have a better understanding about it, using same logic, same work flow, and same algorithms. I did a quite big research about HTML5 before starting with it but unfortunately once I got it run, it couldn't reach the same performance of the Flash Version. I have tested it on different browsers, in the best scenario (using google Chrome) HTML5 runs about 4 times slower than Flash, I also tried running it iPhone4 and compared with HTC Desire, it runs in iPhone4 about 8 times slower than HTC Desire, of course HTC running it in Flash. I haven't tried it yet in iPad, do you have an iPad? Let me know how it runs like.
Here we are! same Balloon HTML5 version.
and the original version Balloon Flash version.
Alex Nino - YoAmbulante.com