三.js模型的几何变换(旋转、缩放和平移)
发布时间
阅读量:
阅读量
缩放
当立方体网格模型在x轴方向进行两次倍数放大操作时,其最终效果等同于原始方法的4倍放大效果。
mesh.scale.x = 2.0;//x轴方向放大2倍
立方体网格模型的整体尺寸缩减为原来的二分之一,即在x、y、z三个坐标轴方向上均按比例缩小了0.5倍。
mesh.scale.set(0.5,0.5,0.5);//缩小为原来0.5倍
Mesh网格模型的scale属性所返回的结果为一个Vector3对象。通过查阅three.js官方文档可以发现,Vector3对象包含x、y、z三个属性,这三个属性用于表示坐标值,其数据类型为浮点型。此外,Vector3对象还提供了一个set()方法,该方法接受三个参数,分别对应x、y、z坐标轴的数值。
平移
立方体网格模型若沿x轴正方向移动100单位,可通过重复执行该操作实现连续位移,每次移动均基于前一次的位置进行变换
mesh.translateX(100);//沿着x轴正方向平移距离100
网格模型在沿(0,1,0)方向的向量路径上实现了100单位的位移
var axis =
全部评论 (0)
还没有任何评论哟~
