Threejs 与blender贴图 结合用法

内容分享2周前发布
0 2 0

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

一、选择材质属性

Threejs 与blender贴图 结合用法

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

Threejs 与blender贴图 结合用法

三、点击 Open 选择图片

Threejs 与blender贴图 结合用法

Threejs 与blender贴图 结合用法

四、修改渲染模式

Threejs 与blender贴图 结合用法

五、导出 glb 格式模型

Threejs 与blender贴图 结合用法

Threejs 与blender贴图 结合用法

双击可以修改模型的名字,列如:改成 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)            
           }
         })       
       })

© 版权声明

相关文章

2 条评论

您必须登录才能参与评论!
立即登录
  • 头像
    一个烟圈 读者

    写的详细

    无记录
  • 头像
    缅甸嘟嘟哥 读者

    大家共同学习,多多交流

    无记录