Physically accurate 3D model of the London Underground, with trains (following their schedule).
Related: Métropolitain →
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.
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 ton of screengrabs and videos.
Related: here’s a talk about the project from Front-Trends 2013:
Using big data and WebGL to bring real-world cities to life →
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 add contrast and saturation effects.
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.
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.