Urban Jungle Street View by @inear

Clipboard01Si hoy te toco cumplir con la amada “hora nalga”, a lo mejor esto te sirve para matar un poco el tiempo.

Se supone que corre sólo en le navegador más usado del mundo, pero estos screenshots con Firefox demuestran lo contrario.

Yo visité este lugar de pesadilla que es Cuatitlán

Screenshot 2014-03-17 18.36.57Con todo y sus vehículos

Screenshot 2014-03-17 18.37.00Screenshot 2014-03-17 18.38.37

Screenshot 2014-03-17 18.35.37

Visit any place available in Street View by entering a location, drag the map to browse around and drop the little guy on a road. It works best in environment with large buildings surrounding the streets. Some locations need a little more imagination than others.

This experiment using an undocumented part of Street View, the depth data. With that a depth map and a normal map is generated, which can be used in the shaders and to plot geometry and sprites in (almost) the correct position in 3d space.

Tech used in the demo:

Streetview panorama loading logic and UI inspiration from @thespite http://www.clicktorelease.com/code/street/
Post effects composer for three.js called Wagner from @thespite https://github.com/spite/Wagner
GSVPanoDepth to parse the depth data to a depthmap.
Three.js for fancy 3d, http://threejs.org
GreenSock GSAP, Draggable for animations and interaction.
A html-tag and some divs.

There is more demos and write-ups at: inear.se or follow me on Twitter: twitter.com/inear

Anuncios

Haz de esto una conversación

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s