threejs材质

2022-09-23 10:14:58 浏览数 (1)

从blender里面导出的贴图好的模型,在threejs中加载会变暗,如何解决,首先简单的介绍如何在blender中贴图与导出

一、选择材质属性

二、点击Base Color 旁边的小圆点,会显示一些菜单,选择Image Texture

三、点击Open 选择图片

四、修改渲染模式

五、导出glb格式模型

双击可以修改模型的名字,如改成Cube-1

颜色深修改材质类型MeshStandMaterial 为MeshBasicMaterial

代码语言:javascript复制
       let loader = new GLTFLoader()
        loader.load("models/test.glb",(gltf)=>{
         console.log(gltf.scene)
         gltf.scene.children.forEach(item=>{
           if(item.name == "Cube-1"){
             console.log(item) // item.material map里面的内容竟然不显示
            item.material = new THREE.MeshBasicMaterial({
              map:new THREE.TextureLoader().load("/models/test.jpg")
            })
            gltf.scene.position.set(0,0,0)
            this.scene.add(item)            
           }
         })       
       })

0 人点赞