Tilt a Firefox extension containing a 3D representation of a web page, as both a fun visualization tool and a developer-friendly environment for debugging the document’s structure, contents and nesting of the DOM tree. Various information besides the actual contents will be displayed on request, regarding each node’s type, class, id, and other attributes if available. The rendering will be dynamic, in-browser, using WebGL and GLSL shaders.
Tilt represents a new way of visualizing a web page. This tool creates a 3D representation of the document, with the purpose of displaying, understanding and easily analyzing the DOM. It will take advantage of the great tools Firefox has to offer, as it is an extension which contains a WebGL implementation, providing rich user-experience, fun interaction and useful information, while taking full advantage of 3D hardware acceleration, GLSL shaders and what OpenGL ES 2.0 has to offer.
How to use Tilt
#1 Download this xpi file.
#2 To install drag it to your Firefox window.
#3 Activate the 3D navigation controls by pressing Ctrl + Shift + M.
#4 Your mouse/arrow keys to pan, zoom or rotate that page in any direction.
Source code for Tilt on github.
- 09/11/2012 • Cooking simulator: Virtual Reality Cooking will help you cook a perfect steak every time
- 08/15/2012 • Print a 3D model of your unborn baby
- 02/16/2012 • Code Hero is a game that teaches you how to make games
- 12/17/2011 • Greatest Card Trick Ever or say The Most Incredible Card trick
- 11/16/2011 • MiniatureMoments print your pictures in 3D
- 11/03/2011 • Fitted Fashion – 3D scanners and pattern-making software used to create perfect-fitting jeans