threejs材质

tianyawhl

发布于 2022-09-23 10:14:58

2K0

发布于 2022-09-23 10:14:58

文章被收录于专栏：前端之攻略前端之攻略

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-08-23，如有侵权请联系 cloudcommunity@tencent.com 删除

渲染