threejs材质

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

一、选择材质属性

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

三、点击Open 选择图片

四、修改渲染模式

五、导出glb格式模型

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

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

       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)            
           }
         })       
       })

测试

测试

继续阅读