But Apple’s recent HTML5 demo page finally did it for me, proclaiming that they’re the bastions of the “open web” (what ever the hell that is – I’m really not sure any more) then putting a “to view this content please download our propriety platform” just plain sucks!

So in an attempt to show that the future technologies which are going to usurp Flash as the dominant rich experience aren’t actually all that rich, I’m throwing down the gauntlet. Can the animation in the swf below be recreated in HTML5/CSS3/JS/Canvas/SVG? To make it easier, lets say you only have to make it work in 1 browser.

Shape Tween Gauntlet (swf)

I’m genuinely interested to see if there’s an HTML5/CSS3/JS/Canvas/SVG guru out there that can do it.

To clarify, the reason that I’ve chosen a shape tween is that it utilises one of Flash’s core strengths, manipulating vectors. If you go back to Flash’s birth even before it was Future Splash/Flash 1 the core engine was about taking user drawn input, wibbly lines and turning them into recognisable vectors; straight lines, smooth curves, squares and circles. With this strength creative people are able to realise incredible interactive experiences like this: http://soytuaire.labuat.com/

Happy coding!

PS. If this gets some traffic I may start a series