three.js 模型对象旋转平移缩放变换

1,缩放:网格模型Mesh的属性 scale 表示模型对象的缩放比例,默认是THREE.Vector3(1.0,1.0,1.0); 设置缩放的方式:

mesh.scale.set(0.5,1.5,2); // 方式一:xyz方向分别缩放0.5,1.5,2倍 
mesh.scale.x = 2.0; // 方式二:x 方向分别缩放 2倍 

2,位置属性 position: 属性值也是三维向量对象,默认是 THREE.Vector3(0.0,0.0,0.0);

设置位置的方式:

mesh.position.set(80,20,100); // 方式一:设置模型x,y,z坐标分别是80,20,100
mesh.position.y = 100; // 方式二:设置模型y轴坐标100

3,平移:网格模型沿着x轴正方向移动100,可以多次执行该语句,每次执行都是相对于上一次位置的平移变换;

mesh.translateX(100); // 沿着x轴正向平移100

沿着自定义的方向移动:

var axis = new THREE.Vector3(1,1,1);
axis.normalize(); // 归一化该向量。将这个向量转换成一个单位向量,也就是除以它的长度。
mesh.translateOnAxis(axis,100);// 沿着axis轴表示的方向平移100

执行.translateX().translateY().translateOnAxis()等方法本质上改变的都是模型的位置属性.position

4,旋转:

mesh.roteteY(Math.PI / 4); // 绕Y轴旋转π/4
// 绕自定义轴旋转 π/8
var axis = new THREE.Vector3(0,1,0);
mesh.rotateOnAxis(axis,Math.PI/8);

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值