文章目录
- 问题
- 分析
问题
Threejs 模型引入后并未加载出来
分析
-
该问题是由于引入OBJ模型路径报错
-
目前测试 在 public/static/ 引入时不会发生此错误并渲染成功
-
如果没有此报错且模型没渲染出来, 可以尝试刷新标签页或者异步请求模型方法
-
我的路径如下
-
引用如下
createModel () {
let tht = this
const onProgress = function (xhr) {
if (xhr.lengthComputable) {
const percentComplete = xhr.loaded / xhr.total * 100
console.log(Math.round(percentComplete, 2) + '% downloaded')
}
}
new MTLLoader().setPath('/static/obj/').load('male02.mtl', function (materials) {
console.log("MTLLoader", materials)
materials.preload()
new OBJLoader().setMaterials(materials).setPath('/static/obj/').load('male02.obj', function (obj) {
obj.position.set(5, 5, 5)
obj.scale.set(0.1, 0.1, 0.1)
tht.scene.add(obj)
}, onProgress)
})
},
