Mozilla Tilt Project (first preview)
Sign in to YouTube
Sign in to YouTube
Sign in to YouTube
Published on Jun 8, 2011
http://blog.mozilla.com/tilt/
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.
The implementation consists of 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.
-
Category
-
License
Standard YouTube License
Loading...
Loading...
Loading...
Loading...
-
2:32:27
WebGL 101by Erik Möller
26,497 views
-
1:28
Tilt: Creating a 3D representation of a webpage (alpha preview)by Victor Porof
3,006 views
-
2:13
Tilt (3D DOM visualizer) Firefox plugin on EveryBlockby psmith
3,739 views
-
0:34
Play With Web Pages in 3D Using Tilt (Firefox)by Karan Goel
86,127 views
-
2:58
Tilt: hacks.mozilla.org demoby Victor Porof
85,888 views
-
11:41
OpenGL Real-Time Procedural Planet Renderingby wr00m
46,140 views
-
2:21
Inspecting CNN, Reddit and Hackernews with Tiltby Victor Porof
78,783 views
-
2:38
Firefox 4/5 Hardware Acceleration on GMA500by GPUminusTECHdotORG
852 views
-
1:23
Firefox Tilt 3D add-onby HVGtechline
3,787 views
-
1:54
Chrome 7 vs Firefox 4 with Hardware Accelerationby thechromesource
7,270 views
-
0:39
Firefox Google Tiltby singapore1more
2,468 views
-
3:45
How to Use the Driver Information Center - Cadillac Escalade Bommarito Cadillac St. Louisby BommaritoCadillac
3,567 views
-
6:54
Highrise/One Millionth Tower - WebGL Captureby nfb
3,309 views
-
26:05
Neil Trevett presents 'What is WebGL?'by MetaverseOne
1,381 views
-
4:19
DirectX 11 vs. OpenGL (Heaven Benchmark)by HardwareMAGde
89,130 views
-
52:08
Google I/O 2011: WebGL Techniques and Performanceby GoogleDevelopers
41,444 views
-
3:53
Cisco Unified Intelligence Center Video Data Sheetby ciscovid
2,337 views
-
5:07
The Home Data Center (Video)by klein2de
6,828 views
-
3:27
WebGL Iceberg Demoby jwagner29a
17,041 views
-
1:23
Tilt: visualizing the DOM nodes depth and coordinatesby Victor Porof
3,143 views
- Loading more suggestions...
All Comments (4)
andutzu 1 year ago
Useless
Sign in to YouTube
Sign in to YouTube
Victor Porof 1 year ago
@MegaBenBarnes Tilt is an extension, and it will support any version of Firefox from 4.0 to the latest Aurora builds.
Sign in to YouTube
Sign in to YouTube