2011年7月21日 星期四

Tilt 網站變形金剛化!體驗任何網頁的3D版可旋轉立體模型

tilt-00

從「Hacks.mozilla.org」上看到的一個有趣套件:Tilt」,適用於Firefox瀏覽器,安裝後就能利用WebGL相關技術把任何網頁3D化,原本平面的頁面,立刻變成一個可以隨意旋轉、縮放的立體模型,版面上原本的標題、圖片、連結、按鈕全部都像變形金剛一樣站起來了。

當然,把網頁3D化後完全沒有任何實際用途,但確實很好玩,你可以試試看自己常去的網站,或是拿自己的部落格做實驗品,體驗網站隱藏的另一面。

有興趣玩玩看的朋友,請先下載「tilt.xpi」到桌面上,然後把xpi檔案拖曳到你的Firefox瀏覽器中,接著就可以像一般擴充套件那樣安裝,最後重新開啟瀏覽器,來到任何網頁上按下〔Ctrl〕+〔Shift〕+〔L〕,就能切換到3D模式了,3D模式裡的右上方Help則可以查看操作方法。

就是純粹好玩,所以不要問我這個有什麼用!或者你也可以先看看下面有趣的示範影片:

14 則留言 :

  1. 不知道这个效果会不会对显卡有要求。

    PS:你的BLOG为什么不设置一下分页导航,那样的话找旧文章会方便许多

    回覆刪除
  2. @vpnoneiro
    我是ATI顯示卡(HD 4570),用開源驅動
    要分頁就加個view
    http://playpcesor.blogspot.com/view/
    像這樣,五個版面選自己喜歡的吧

    回覆刪除
  3. @vpnoneiro :
    分頁導航是指?分頁數嗎?

    回覆刪除
  4. Ctrl+Shift+L按下無反應...
    此外,我在其他的資料中查到說按Ctrl+Shift+M @.@
    (可是這個按法又跟Tab Mix Plus快捷鍵相衝= =)
    怎麼不做一個可以按的按鈕哪.......

    回覆刪除
  5. 看了影片之後,其實這個外掛應該是可以被網頁設計者用來了解某網頁在設計上各個網頁元素的「層」關係,最上層的元件就會顯示在最凸出面,點選之後會出現該網頁元素的語法。例如該影片中,影片錄製者點選某網頁元素之後,便出現語法視窗,影片錄製者有用滑鼠將語法視窗中的語法反白,猜測應該是想表示該網頁元素的語法。

    所以應該並非「完全純粹好玩」而已。

    回覆刪除
  6. 要啟動的時候出現"could not initialize the WebGL conext,your hardware or drivers may not support it.是不支援內建顯卡嗎?還是不支援xp呢?

    回覆刪除
  7. 應該是你的內建顯卡無法支援WebGL

    回覆刪除
  8. 感覺除了有趣之外,對網頁設計的人是不是也有一點幫助阿,像是可以清楚的看出來用div跟標籤之類的?

    回覆刪除
  9. 這個有什麼用!這個有什麼用!?這個有什麼用!???(顯示為白目

    回覆刪除
  10. 超無聊 不用三十秒un了

    回覆刪除

相關文章: