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

tilt-00

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

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

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

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

留言

  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了

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流

Google Maps 我的地圖完全教學!規劃自助旅行攻略

個人知識管理的時間平衡心法,忙碌中我如何維持高效率輸入輸出

5 條「這時候,不要做」清單打破無意識行動模式的低效率循環

Google 表單的 10 個專業問卷調查設計秘密教學

如何用 ChatGPT 加速生成一份有圖有文的簡報,實戰案例教學

ChatGPT DALL-E 3 的7個特殊 AI 繪圖應用教學,勝過 Midjourney