創(chuàng)建vue+threejs項目可以用兩種方式實現(xiàn),我用的是方法二,比較麻煩。。。

方法一:直接引入threejs依賴文件  npm install three --save-dev

方法二:下載threejs的官方實例代碼,將里面的庫文件復制到項目文件夾中

 

這里直接說方法二的坑

引用文件時要選擇jsm 文件夾下面的資源,里面會自動包含THREE,比較方便。比如FBXLoader.js

Ctr+P 搜索文件夾名字時會出現(xiàn)兩個,一個在 js 目錄里面,一個在jsm目錄里面,咋們用jsm的

 

通過比較發(fā)現(xiàn),后者就是比前者多一些資源導入

 

模型加載問題,模型文件要放在public文件夾下面,不然會出現(xiàn)加載文件版本不配的錯誤 。 Error: THREE.FBXLoader: Cannot find the version number for the file given. 這個報錯也是很奇葩,他不說路徑有問題,一直就是說版本問題,搞得我找了好久,撲街代碼

 

 

 

 

2021年7月13日17:41:26================================================