如果你用過網頁版的百度地圖，你大概3D全景圖瀏覽是一種怎樣的酷炫體驗：在一個點可以360度環顧周圍的建築、景色，當然也可以四周移動，就像身臨其境。 科普 全景圖共分為三種： ①球面全景圖 利用一張全景圖圍成一個球，自身位置位於球體內。由於圖片是矩形，所以最上和最下的縫合處 ...

用threejs 實現3D物體在瀏覽器展示，通過鼠標平移，縮放，鍵盤箭頭按鈕左右移動等功能展示。 ...

承接上一篇：【CSS3進階】酷炫的3D旋轉透視 。 最近入坑 Web 動畫，所以把自己的學習過程記錄一下分享給大家。 CSS3 3D 行星運轉 demo 頁面請戳：Demo。（建議使用Chrome打開） 本文完整的代碼，以及更多的 CSS3 效果，在我 Github 上可以看到，也希望 ...

第三章 使用three.js加載blender生成的馬克杯模型 先看看效果圖，這是在firefox里面加載的 代碼如下： 與之對應的html代碼如下： 其中cup.js是按照第一節所述，從blender中導出的js文件。這里我們需要加以注意的是，我們這里導出 ...

的。 上述方法適用於簡單的3D模型，比如立方體、長方體等。其特點是，各種控件都支持這種css旋轉，比如 ...

，我們可以構建較為原始的三維模型在瀏覽器端顯示，比如我們前面看到的馬克杯模型。如果單純依靠三維建模去逼近現實 ...

第四章 使用three.js加載以圖片為紋理的模型（下） 在上一章里，為了演示的方便，我們選擇了一個簡單的模型。但是如前所述，在實際的生產環境中，一方面我們的模型更為復雜，另一方面我們的貼圖也不是普通的照片，而是處理過的uv圖。uv圖就是xyz三維圖通過變換形成的二維圖，類似數學里面學的極坐標 ...