どんなWebページも3D化してしまうFirefoxのエクステンション「Tilt」
これからのレイアウトは上下左右だけでなくて奥行きも考えるようになるのかも。HTMLを解析し、DOMツリーの階層をWebGLを使って3D化してこうれるFirefoxのエクステンション「Tilt」の紹介です。
実際に「Tilt」を動作させているデモ動画です。
Tilt 3D Firefox Test Hero-Gamers – 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
