02-本地搭建Threejs官方文檔網(wǎng)站-視頻教程鏈接

因?yàn)門hree.js官網(wǎng)是國外的服務(wù)器，所以為了方便學(xué)習(xí)和快速的查閱文檔，我們可以自己搭建Three.js官網(wǎng)和文檔，方便隨時(shí)查看案例和文檔內(nèi)容進(jìn)行學(xué)習(xí)。

1、首先進(jìn)入threejs庫GitHub地址：https://github.com/mrdoob/three.js

2、下載完整代碼

3、項(xiàng)目文件解壓縮

4、命令行安裝依賴

一般安裝可以用npm、yarn等包管理工具，課程以yarn舉例，如果沒有安裝可以用npm install yarn -g進(jìn)行安裝。

yarn install

5、啟動(dòng)項(xiàng)目

yarn start

瀏覽器訪問即可：http://localhost:8080

6、文檔目錄介紹

build目錄：

docs文檔：

選擇中文，查看中文文檔。

examples案例：

可以通過網(wǎng)址，找到具體的案例代碼，如此處的文件名稱是：webgl_animation_keyframes。因此可以在文件夾找到對應(yīng)的代碼文件

editor目錄：

官方提供的可視化編輯器，可以直接導(dǎo)入模型，修改材質(zhì)，添加光照效果等等。