Some HTML 5 Works
I've been seriously trying to learn JavaScript, CSS, the DOM (document object model) and jQuery recently, hopefully toward the production of some HTML 5 art thangs down the road. It's going fairly well. Anyway, I've also been looking at work people are doing with HTML 5. The best site I've come across so far that posts links to HTML 5 work is canvasdemos.com. There's considerable dreck here, of course, but there are a few pieces worth looking at.
HTML 5 has been publicized as an open source replacement for Adobe's proprietary Flash. In truth, HTML 5 is far less featureful than Flash concerning audio, video, imaging, text and much else. And there are currently no tools available for non-programmers to work comfortably in HTML 5. It will take HTML 6 or 7, which will be some years, perhaps a decade, for HTML to approach the current featurefulness of Flash. But it's coming along.
The most notable thing about HTML 5 is the <canvas> tag, which provides the ability to do interesting graphical operations. There are various programmerly commands available to draw stuff. HTML 5 also introduces a few audio commands, but nothing with the sophistication of Flash’s audio capabilities.
What we're going to do is have a look at four recent pieces that use HTML 5 in interesting ways. And that work. Yes, some HTML 5 works. When new programming possibilities are introduced to a mass audience, you can bet there's going to be more than a few blue screens. I've only had one today looking at new HTML 5 work. But not from any of the below pieces. These pieces ran well and were very rewarding to view.

The video is by Chris Milk. This is not his first work for the web. Nor is this Arcade Fire's first piece of net art. The Montréal band produced a Flash interactive version of their song Neon Bible.
The Wilderness Downtown is apparently built to run in Google Chrome. I didn't use Chrome but Firefox; it ran fine in Firefox. If it's insufferably slow for you, try Chrome or Firefox.

Apparently there was an earlier version of this game in Flash. They say "Flash has been dropped for the newer & interoperable HTML5 features." It's really quite an ambitious project, what with not only the game but the ability to create skins. With pencil drawings. And it's from France. It doesn't have that 'computer gamey' look to it at all. Very impressive work indeed.
And it's been very popular with the kids. It seems people have added hundreds of maps. And the discussion forums are active and gabby with teens. This game really is fun. Some of the maps, better than others, capture a sense of flying through the air on the bike. Which of course is exhilarating whether you are really doing it or just in a computer game. The maps vary a great deal not only in their playability, but in the vision of life they present. Some are outdoorsy. One is a little girl's room. We ride along the bed, her dressing drawers, her nightstand, and so on. Others are quite abstract. The game offers great scope for artistic invention in creating skins. Gotta say I'm almost hooked on this one. No skin from me yet though.


So there you have it. Four pretty good HTML 5 works. If you're interested in the programming possibilities of the canvas tag, have a look at mozilla.org's tutorial on the canvas tag.
Here is another innovative music video: http://sour-mirror.jp
Now, is this HTML 5 or Flash? Well, if you right-click on a window (um, Ctrl+click, I think, on Macs) a menu pops up. If the piece is done with Flash, the menu that pops up will tell you the piece was done with Flash.
And, indeed, that’s what happens with the above piece; it was done in Flash.
But you can also tell it’s done with Flash in another way. In the piece, you see many images of web pages. Note that the links in these pages are not working. The reason why the links aren’t working is because what we’re looking at are *bitmap images* of web pages, not web pages themselves. Flash can retrieve web pages, on the fly, and create bitmap images of the pages it retrieves. You can’t do that in HTML 5. Hence the piece is done with Flash.
A friend pointed out that while the content of http://sour-mirror.jp is done in Flash, the various windows are almost certainly browser windows; the moving of the browser windows around is done with JavaScript. So this piece is a hybrid of Flash/JavaScript.
[…] Some HTML 5 Works by Jim Andrews A review of four new HTML 5 works including an innovative, interactive music video by Montréal’s The Arcade Fire, 2011 winners of the Grammy for album of the year (The Suburbs). […]
[…] Andrews também publicou uma resenha sobre trabalhos recentes feitos em HTML5, vale conferir: http://netartery.vispo.com/?p=1061. Para quem se interessa pelo assunto, há outros trabalhos interessantes compilados […]