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

前言 前端3D效果的展示方法很多，如果簡單的顯示一個立方體，我們可以用六塊div，每塊div結合CSS的旋轉特性，旋轉出不同的角度組裝出來一個盒子。當我們拖拽這個盒子的時候，可以用JS根據鼠標新的坐標點刷新那六個div新的旋轉角度參數，讓六個面始終同步旋轉，始終是閉合的，所以視覺效果來看是3D ...

第四章 使用three.js加載以圖片為紋理的模型（上） 在前言中我們介紹過，我們一般不用three.js自帶的三維模型創建函數去拼湊我們想要的三維模型，而是使用類似Blender一樣的三維建模工具去定制三維模型，然后導出為three.js可以識別的jason格式，加載顯示。通過這種方式 ...

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

現在的頁面展示要求越來越高，美的展示總能吸引更多的訪客。最近在學習3D打印中的切片算法，剛剛入門，發現通過three.js框架可以很好展示出3D切片細節（雖然我做的比較簡單）。 ...

由於項目需要展示3d模型,所以對three做了點研究,分享出來 希望能幫到大家 先看看效果: three.js整體來說 不是很難 只要你靜下心來研究研究 很快就會上手的 首先我們在頁面上需要創建一個能夠放置3D模型的畫布 也可以說是初始化 Three 通過上面的代碼 ...

前言： 最近公司計划做一個關於計測方面的案子，希望可以以3d的方式去直觀的展示測量目標本體以及測量工位等信息。先后決定從達索，華天sview，HOOPS等web3d方案解決商去選取，經過調研之后發現這三款庫價格且比較昂貴，並且有的開發文檔全英文，有的不詳細，反正就是開發上困難不小，加上開始案子 ...