three.js是應用于網頁設計方面的三維引擎，設計師們使用它來在網頁中進行對三維場景的制作和設計，是應用最為廣泛的三維引擎之一，數據可視化、微信小游戲、科學教育等領域都能看到它的身影。

three.js是什么

運行在瀏覽器中的3d引擎，你可以用它在web中創建各種三維場景，包括了攝影機、光影、材質等各種對象，提供了canvas，svg，css3d和webgl這四種渲染方式。

目錄結構

例如目錄：有很多的示例代碼，你可以直接通過訪問http://threejs.org/examples/來查看它。

建立目錄：里邊有兩個文件，three.js和three.min.js。一個是沒有壓縮的three.js，一個已經壓縮的。這兩個js左右引用一個就ok。

utils的目錄：存放了一些three.js所開發過程中一些需要用到的工具例如將3d-max的格式的模型轉換為three.js所特有的json模型還有用得最常見的convert_obj_three.py，這個可以將obj格式的模型，轉換成three.js所的js格式的模型。

文件目錄：幫助文檔，我們可以雙擊目錄里的的index.html打開這個幫助文檔，里邊介紹了three.js所的各個api，不過解釋的不是特別詳細。

編輯目錄：網頁版的3d編輯程序，你可以用它來構建three.js所的場景你可以直接通過訪問http://threejs.org/editor/來查看效果，同樣也可以通過指數。 html來打開它。

打開預覽three.js案例

nodejs本地靜態服務器

使用Nodejs搭建本地靜態服務器很簡單，首先是你要先在你的電腦上安裝配置好Nodejs，熟悉下NPM的使用，然后使用npm執行npm install -g live-server安裝live-server模塊，如果你想通過安裝好的live-server模塊開啟一個靜態服務器，打開命令行，進入threejs案例所在的文件目錄，然后執行live-server命令就可以。通過瀏覽器訪問http://localhost:8080或http://127.0.0.1:8080地址，找到threejs案例的.html文件直接打開就可以看到三維場景渲染效果。

開發調試-熱更新

在使用threejs的過程中，往往需要頻繁的代碼測試，查看threejs代碼的渲染效果。這時候你肯定希望代碼修改之后，threejs渲染效果立即熱更新。如果通過live-server模塊搭建的本地靜態服務器，你可以實現代碼的熱加載。也就是說你修改一段代碼，然后保存.html代碼文件，.html對應的threejs案例就會重新渲染。