Z Showcase #1

Back
The number of WebGL experiences is growing by leaps and bounds. Z has selected the best from among the many latest remarkable creations in WebGL for you.


Air BnB, interactive map:
This interactive map created for Air BnB using WebGL collects numerous statistics on the different destinations offered by the site members.
https://www.airbnb.de/map




Omm experience:
An aptly-named project: an experience in which interactivity is key as the user can make the story progress without having to press the “next” or “ok” buttons. A great example of the creativity allowed by WebGL.
http://ommexperience.com/




Void:

Like Omm, this experimental project lets the user interact with WebGL animations. Here, ideas are associated with shapes and movements on the basis that “all art is created from nothing into something”.
http://void.hi-res.net/



Bjork:

The minimalistic browsing of the site gives weight to the visual ambiance designed in WebGL.
http://bjork.com/




Curiosity:

This experience allows viewers to journey along with the one-ton rover on its Martian expeditions. The program simulates Mars in 3-D based on actual data from Curiosity and NASA's Mars Reconnaissance Orbiter (MRO), giving users first-hand experience in a day in the life of a Mars rover.
http://eyes.nasa.gov/curiosity/




Data visualization:

A data visualization site which presents information in a vivid and colorful way.
http://www.theatlantic.com/sponsored/seagate/the-invisible-infrastructure/377/

The invisible infrastructure 

Terminator: 
A website that is part of the promotional campaign of the last Terminator movie. Its futuristic look echoes the film's scenario.
http://www.terminatorgenisysmovie.co.uk/insidelook/

Terminator 

Divergent:
To promote the second part of the Divergent saga, the user can relive, through this website, the nightmarish personality tests seen in the film. The fascinating WebGL animation takes us to the heart of a game where the aim is to overcome the different challenges.
http://www.thedivergentseries.com

Divergent

Immersive reading:

A project that illustrates a text through an interactive 3D with a dynamic audio background.
http://cabbi.bo/enough/

Cabbi


"Bend it like...":

WebGL seems to be the new tool of choice for promoting a brand, a movie or even a football player.
https://crazyskills.panasonic.com/en/

Crazy Skills


Subway map:

A map that shows traffic circulation on Tokyo’s different subway lines in real-time.
http://nulldesign.jp/metrogram3d/

Metrogram


Social experiment: 
A website that uses Twitter to collect data on the rate of happiness in different London areas. The user can view each area on a map and measure different rates (social interaction, violence, citizens actions, etc.).
http://www.thehappyforecast.com/region-select/

The Happy Forecast

logo ultranoir
logo ultranoir