1、three.js簡(jiǎn)單場(chǎng)景示例和項(xiàng)目搭建
(1)搭建three.js項(xiàng)目
首先鍵入gitee地址——》https://gitee.com/mirrors/three.js?_from=gitee_search,接著點(diǎn)擊下載zip壓縮包——》使用cmd打開(kāi)文件,輸入yarn install安裝依賴——》接著輸入yarn dev運(yùn)行項(xiàng)目,此時(shí)可以在瀏覽器看到詳細(xì)的本地文檔和案例了——》

接著在桌面創(chuàng)建baieji.3d文件夾——》將下載的three.js項(xiàng)目中的build和examples文件夾復(fù)制到里面——》然后使用vscode打開(kāi)這個(gè)baieji.3d文件——》

接著在瀏覽器可以看到正在運(yùn)行的項(xiàng)目了——》

(2)在項(xiàng)目中運(yùn)行一個(gè)glb模型測(cè)試
在baieji.3d/examples里面創(chuàng)建admin01.html和model文件夾存放3D模型,加載一個(gè)glb模型文件進(jìn)行測(cè)試——》
模型下載地址:https://3d.znzmo.com/cgmoxing/182263149.html? ?(免費(fèi)的)
使用vscode運(yùn)行這個(gè)文件——》

(3)three.js簡(jiǎn)單場(chǎng)景示例
首先打開(kāi)官方文檔,點(diǎn)擊創(chuàng)建一個(gè)場(chǎng)景的文檔,在那邊下載three.js文件——》

接著創(chuàng)建一個(gè)html文件,復(fù)制官方源碼——》(下面未官方源碼,此時(shí)就可以在瀏覽器運(yùn)行了)
標(biāo)簽: