HTML5 Demos

Isometric HTML5 Game Demo

An interesting HTML5 demo from Daniel Magliola’s gaming portfolio showing an isometric game world with per-block lighting. Share List

Blocky Earth: WebGL Minecraft-like Map viewer

@thesprite has released an WebGL-mashup experiment combining real map data with a minecraft like view block-style viewer using Three.js. Below is its block-like rendering of Cape code. Share List

Ascii Fluid

Designer Nick Kwiatek posted a innovative combination of Fluid Dynamics and Ascii Art. Creative JS has some more notes. Share List

GPU Particle Attractors

A Three.js Chrome Experiment using texture and FBO to store and compute particle data. View Demo Share List

Instagram style filters in JavaScript

Alex Michael has written a GPL’d JavaScript library that let’s you apply Instagram-style filters using Canvas and JavaScript entirely client side. Code is on Github. Share List

Soul Reaper: HTML5 Scroll Book

Soul Reaper, and HTML5-based scroll book is pushing the boundaries of comic-book style story-telling by bring it to the web in parallax scrolling style. Share List

WebGL Music playing machine

An interesting almost rube-goldberg music playing machine where ping pong like balls press keys synced to the music being played. Build on the Echonest api. Share List

WebGL Particle Morph

A neat interactive WebGL demo of flying particles morphing into a few various shapes Share List

Seriously.js: Realtime Video-Compositor

BadassJS has a nice write-up on Seriously.js “A Realtime, Node-Based Video Compositor for the Web.” Check out the (WebGL-requiring) Demo. Real-time video composition effects client side in the browser. What …Read more

HTML5 WebCam Toy

An example of the cutting edge of HTML5 that uses the initial implementations of the getUserMedia spec. Currently requires Chrome Canary with –enable-media-stream flag enabled. If you don’t have Chrome …Read more

WebGL-meincraft

A Minecraft like clone called WebGL-meincraft use WASD to fly around and the arrow keys to change direction. Source code is up on GitHub. Share List

WebGL 3D Maze Game based

A Cool WebGL based 3D maze based on the old-school Win95 screen saver has been posted on nyhacker.org. The spinning netscape navigator logo really bring it home! Share List

Nokia WebGL Maps 3D

Nokia has released a WebGL 3D Maps page that lets you zoom in from way out in space all the way down to the city level. This is an incredibly …Read more