Tilt: 3D-DOM-Viewer in your Browser

Schöne Spielerei: Tilt 3D ist ein Firefox-Plugin, das einem das DOM (Document Object Model) einer Website in 3D anzeigt. Das Bild oben ist Nerdcore und man sieht wunderbar, wie unaufgeräumt mein WordPress-Theme eigentlich ist. Gmail sieht auch ziemlich interessant aus. Links zu Screenshots von Euren 3D-DOMs gerne in die Comments.

Tilt is a fun new Firefox extension focused on creating a 3D visualization of a webpage, drawn using WebGL. Since the DOM is essentially a tree-like representation of a document, this tool layers each node based on the nesting in the tree, creating stacks of elements, each having a corresponding depth and being textured according to the webpage rendering.

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 also offers the possibility of inspecting the html, css, and attributes of each node in the DOM tree, refreshes its contents if the webpage has been modified with other tools such as Firebug, and exporting the webpage to a 3D mesh or a screenshot.

Tilt 3D by Victor Porof, robcee – A WebGL-based 3D visualization of a webpage, ein paar mehr Infos dazu im Mozilla-Blog (via MeFi)