美文网首页
three.js加载obj模型报错

three.js加载obj模型报错

作者: fanyu__ | 来源:发表于2022-04-30 11:42 被阅读0次

1.模型放到public/static下
2.导入加载器

import * as THREE from 'three'
import { STLLoader } from 'three/examples/jsm/loaders/STLLoader'
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
import { OBJLoader, MTLLoader } from 'three-obj-mtl-loader'

3.加载模型

        /**
         * OBJ和材质文件mtl加载
         */
        const OBJLoader1 = new OBJLoader() // obj加载器
        const MTLLoader1 = new MTLLoader() // 材质文件加载器
        MTLLoader1.load('/static/1.mtl', (materials: any) => {
            // 返回一个包含材质的对象MaterialCreator
            console.log(materials)
            // obj的模型会和MaterialCreator包含的材质对应起来
            OBJLoader1.setMaterials(materials)
            OBJLoader1.load('/static/1.obj', (obj: any) => {
                console.log(obj)
                obj.scale.set(10, 10, 10) // 放大obj组对象
                this.scene.add(obj) // 返回的组对象插入场景中
            })
        })

相关文章

网友评论

      本文标题:three.js加载obj模型报错

      本文链接:https://www.haomeiwen.com/subject/mscyyrtx.html