three.js – Page 2

Mind the Gap

Physically accurate 3D model of the London Underground, with trains (following their schedule). Mind the Gap → About Mind the Gap → Related: Métropolitain →

Read Post →

Chrome Experiment – Google “Roll It”

Roll It links your devices through Chrome: roll a ball from your phone to your laptop. Since the whole thing runs on Chrome, no apps, installs, or special configurations are needed – and any smartphone that runs Chrome can play. Use your phone as a remote controller, thanks to websockets. Roll It →

Read Post →

Google Maps “Map Dive” Demo

Very cool demo shown at Google I/O: Basically it’s just Chrome showing Google Maps (rotated via CSS3) and WebGL (via three.js). Input is not done via a Kinect, but by means of a ASUS Xtion 3D (just like the Kinect ;)) Google I/O 2013: Inside “Map Dive” →

Read Post →

ViziCities

We’re about to bring cities to life using big data and the power of the web. Inspired by the data visualization from the latest SimCity, ViziCities is located at the intersection of data, art and play. Powered by Three.js and lots of other web technologies. Be sure to read the dev diary, it contains a …

Continue reading “ViziCities”

Read Post →

Google Streetview Hyperlapse

Stunning webapp allowing one to create Google Streetview Hyperlapses Hyperlapse — a technique combining time-lapse and sweeping camera movements typically focused on a point-of-interest The results are amazing: Google Streetview Hyperlapse → Hyperlapse.js source (GitHub) → (via @codepo8 & kottke)

Read Post →

WebCamMesh

WebCamMesh is a HTML5 demo that projects webcam video onto a WebGL 3D Mesh. It creates a ‘fake’ 3D depth map by mapping pixel brightness to mesh vertex Z positions. Perlin noise is used to create the ripple effect by modifying the Z positions based on a 2D noise field. CSS3 filters are used to …

Continue reading “WebCamMesh”

Read Post →

Three.js Tetris Tutorial

This is a Three.js 3D Tetris tutorial. I thought of it as an alternative way of learning Three.js and as a source of HTML5 game development tips. The game itself is not so great, but it’s quite good for the first project. Three.js Tetris Tutorial → Play Three.js Tetris →

Read Post →

Basics of three.js

Great presentation to get one kickstarted into fiddling around with three.js Basics of three.js →

Read Post →

Loop Waveform Visualizer

The Loop Waveform Visualizer uses a combination of level and waveform data to produce a circular audio visualization of any MP3. Use the mouse to tilt and the mousewheel to zoom. Now this thing is really amazing. Couldn’t even imagine this being so responsive. Very, very neat. Canary Chrome required. Loop Waveform Visualizer → The …

Continue reading “Loop Waveform Visualizer”

Read Post →

Acko.net Redesign

The last design was meant to feel spacious, the new design is spacious, thanks to generous use of CSS 3D transforms. Webkit-based browser required, video of the result embedded for those without Webkit. Making love to Webkit →

Read Post →