The HTML5 Experiments of Hakim El Hattab

This is the creative lab and interactive playground of Hakim El Hattab. Dedicated to the exploration of interaction, visual effects and technologies.

If you liked this, I would love it if you say hi on Twitter or play around with the code at jsdo.it

Please don't use this as HTML5 vs Flash firewood. I do it because it's fun. Not because it's HTML5.

Sinuous - HTML5

A game built using canvas which will test your mouse pointer reflexes.

A little monster that I brought to life with JavaScript. Bakemono is Japanese for monster.

A playhead travels between keys which resonate in sound depending on where they are placed in the room.

Soft blobby physics. It's like, you know... jelly?

Control and create currents of particles which react to magnetic nodes.

Particle movement patterns that generate smooth trails.

Particle positioning patterns using depth.

A wave with bubbles floating on the surface, the bubbles each represent a tweet with the word "water" in it.

Particles slide across the screen and grow as they get close to the mouse.