Three.js中导入gltf格式的模型并给gltf模型添加贴图
·
第一步:引入gltfloader
导入gltf并贴图代码:
let loader = new THREE.GLTFLoader(); /*实例化加载器*/
var textureNormal = textureLoader.load('./images/ambient_occlusion.jpg');
loader.load('./model/dnz.gltf', function(obj) {
console.log(obj);
obj.scene.scale.set(5, 10, 5);
obj.scene.position.x = px;
obj.scene.position.y = py;
obj.scene.position.z = pz;
obj.scene.rotation.y = ry;
obj.scene.traverse(function (gltf) {
if(gltf.type === 'Mesh'){
gltf.material = new THREE.MeshPhongMaterial({
color: 0xcccccc,
map:textureNormal,
normalScale: new THREE.Vector2(3, 3),
})
}
})
scene.add(obj.scene);
})
备注:加载贴图要先申明贴图模型
let textureLoader = new THREE.TextureLoader();
除此以外对gltf格式的操作在obj.sence中。一定要用遍历traverse否则会报错。
更多推荐
已为社区贡献1条内容
所有评论(0)