ネット・PC

どんなWebページも3D化してしまうFirefoxのエクステンション「Tilt」


これからのレイアウトは上下左右だけでなくて奥行きも考えるようになるのかも。HTMLを解析し、DOMツリーの階層をWebGLを使って3D化してこうれるFirefoxのエクステンション「Tilt」の紹介です。

実際に「Tilt」を動作させているデモ動画です。
‪Tilt: hacks.mozilla.org demo‬‏ – YouTube

ソースコードと最新のXPIファイルはこちらから入手出来ます。
victorporof/Tilt at master – GitHub

XPIファイルのみダウンロード・インストールしたい場合はこちらのリンクからどうぞ。
https://github.com/victorporof/Tilt/raw/master/bin/Tilt.xpi

操作方法はとても簡単、メニューバーの「ツール」から「Tilt」をクリックすると動作します。

このような感じで動作します。

ただしWebGLが動作する環境以外ではこのようなエラーメッセージが表示されます。

ソース:Tilt Project Page – MozillaWiki

関連記事

どんなWebページでも「塊魂」にして遊べてしまうブックマークレット「Katamari Hack」 - DNA

どんなサイトも一発で「ワイヤーフレーム」に変換してしまうブックマークレット「Wirify」 - DNA

人類とIE6の戦いについに終止符、マイクロソフト社が告知サイト「ie6countdown.com」をリリース - DNA

人類の敵「IE6」のレンダリングを再現しレイアウトを崩壊させるブックマークレット「IE6ify」 - DNA

あのトラウマがよみがえる……!Internet Explorerの「あのエラー」をJavaScriptで見事に再現 - DNA

人間による人間のためのサイト案内、「humans.txt」をサーバーに置く日がやってくるかも - DNA

縦横にスクロールしないと表示できないような巨大なWebページでも楽々キャプチャできるFirefoxアドオン「Screengrab」 - DNA

とてもシンプルなコードで写真から顔を認識するjQuery Plugin「Face detection」 - DNA

この記事をブックマーク/共有する


前後の記事

DNAをこれからもよろしくお願いします!

Facebook上のコメント一覧

Twitter上のコメント一覧