All entries in topic: HTML5

Franz Enzenhofer has cobbled together a whole bunch of tech to create the “unofficial Google Image Search by Drawing” service. He’s also made the source available on Github, what a nice chap.

One of the demos on Mozilla’s Web O’(pen) Wonder is The Letter Heads by Simurai. It’s a wonderfully whimsical use of CSS3 text shadows and JavaScript. There’s also some subtle audio. It’ll bring a smile to your face guaranteed.

When starting this website I never thought I’d write a title as awesome as that about anything as awesome but useless as a PDP-1 emulator written in JavaScript. I could happily retire this website right now and never write about another experiment. Go check it out. It really is the original 1962 Spacewar! game code running on a PDP-1 emulator in JavaScript.

Microsoft really seem to be getting into the HTML5 vibe. Not surprising really considering how crap IE8 is compared to every other modern browser out there; they really have to catch up or be left behind. This site is an IE9 promotion site, but since it’s really a canvas element demo site it can be viewed in all supporting browsers, complete with framerate readout. It’s slick, fun and worth checking out. Personally, I’m very excited about IE9 and the browser landscape in general. Exciting times.

If it’s not cubes then it’s ripple effects! Almer’s is pretty good though and he’s made it into a library you can use on your own site. An interesting factoid from his blog post: Firefox 4 runs it best, even better than Chrome.

Using the three.js library, Rob has created a spinning globe. Of course you’ll need a browser that can display WebGL; Chrome does fine. There are some real nice touches like the star field backdrop, eclipse-like glow, and FPS display. Very cool. There’s a video if your browser of choice lets you down. It might be slow to load the textures, but give it time it’s worth it.

It’s these kind of experiments I built this site for. Eirik has encoded all the HTML for his web page into an image file. He uses RGB value to store ASCII values, and then decodes them using JavaScript and the HTML5 canvas element. Think about how useful this technique could be.

Nicholas sent word of his recent experiments using the canvas element. He’s made a simulation of water ripples in two dimensions, a simulation of evolving fish intelligence—it uses a genetic algorithm to train neural networks which act as fish brains, controlling the movement of the fish—and a Spirograph generator.

Check this amazing HTML5 canvas demo. Joe takes original graphics from old 8-bit adventure games, converts them to JSON data and uses a canvas element to animate them in realtime—sound effects included.

Amazing work by Alex. A mostly-functional iPad simulator—with working apps! Well not all of them, but still Pretty cool. The source code is on github too.