threejs中添加GLTF模型

1、引入GLTF加载器

import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';

2、加载模型

getGltfModel(){
	const loader = new GLTFLoader();
	loader.load( '模型绝对位置.../model/Unity2GLTF.gltf', function ( gltf ) {
		let root = gltf.scene
		this.scene.add( root ); //模型加入场景中
		root.scale.set(20,20,20) //设置模型大小
    	root.rotation.y =Math.PI //以世界坐标y轴旋转180°
    	let childModel = root.getObjectByName('node_chargeBox_-9596');//获取gltf中的子模型(该方法只能返回一个匹配,如果名字有重复多个,不能获取多个)
    	childModel .visible =false//隐藏gltf中的子模型
	});	
}

3、获取模型子类的方法
getObjectById() 根据指定的id获取对应的对象,总是返回第一个匹配到的对象(这个方法测试时无效)

getObjectByName() 根据指定的name获取对应的对象,总是返回第一个匹配到的对象

getObjectByProperty() 根据指定的属性(键值对)获取对应的对象,总是返回第一个匹配到的对象
getObjectByIdgetObjectByName的方法内部都是调用了getObjectByProperty方法

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值