創建vue+threejs項目可以用兩種方式實現,我用的是方法二,比較麻煩。。。
方法一:直接引入threejs依賴文件 npm install three --save-dev
方法二:下載threejs的官方實例代碼,將里面的庫文件復制到項目文件夾中
這里直接說方法二的坑
引用文件時要選擇jsm 文件夾下面的資源,里面會自動包含THREE,比較方便。比如FBXLoader.js
Ctr+P 搜索文件夾名字時會出現兩個,一個在 js 目錄里面,一個在jsm目錄里面,咋們用jsm的
通過比較發現,后者就是比前者多一些資源導入
模型加載問題,模型文件要放在public文件夾下面,不然會出現加載文件版本不配的錯誤 。 Error: THREE.FBXLoader: Cannot find the version number for the file given. 這個報錯也是很奇葩,他不說路徑有問題,一直就是說版本問題,搞得我找了好久,撲街代碼
2021年7月13日17:41:26================================================