vue 加载 three.js 模型（fbx,json）

今天我需要在我的项目中引入three.js，并且使用three.js加载fbx模型跟json模型这两种类型的模型。其中遇到了蛮多的问题的，再次跟大家分享一下。

首先在我们的项目中引入相关插件

npm install three --save

接下来我们把需要加载的模型放到static下面，

注意，必须放入static文件夹下，否则可能出现无法访问的情况。

 

 加载fbx模型代码

效果如下：

 

记下来，先去获得一个json格式的模型，官网下载一个three.js的项目，然后打开three.js编辑器，然后把fbx模型导入

导入json模型的代码只要在之前代码的基础上，修改掉模型导入的路径

跟加载模型的方式就可以了

1.可能会遇到模型加载不出来的问题

a.确保把模型放在了static文件夹下面

b.是否导入的模型太大或者太小了，调整一下模型的大小

c.是否没有添加灯光之类的，如果场景一片漆黑的情况

 

点击下载