360° 3D 互動式網站首頁 (點我) |
本網站運用 Three.js 技術讓使用者移動滑鼠就可以翻轉地球,轉動滑鼠滾輪就可以放大、縮小。瀏覽器必須支援 HTML5 才能讓 Three.js 順利運作,Chrome、Edge、IE11 測試過都沒問題;IE10(含)以下者都無法執行。手機或平板也可以用 Chrome 操作,在地球上點兩下就可以加以控制。
其他的瀏覽器有賴讀者們測試,再告訴我結果。若有問題請告訴我,才能及時修正。至於首頁為何只放地球,其實學習 Three.js 的人對地球並不陌生,很多範例程式都有出現地球。既然稱作 3D 互動式網站,首頁當然要會動,第一個想到的就是地球。看著地球慢慢轉,心情就輕鬆許多,沒事還可以撩撥它一下,蠻好玩的。
為此還做了一支短片:
請大家指教。
沒有留言:
張貼留言