mesh threejs 属性_threejs-网格对象的函数和属性

创建一个网格对象Mesh需要几何体Geometry,一个或者多个材质Material,网格对象创建好之后,就可以添加到场景中渲染了

利用网格的属性,可以改变它在场景中的位置和显示效果,下面看看mesh的属性和函数

position,通过这个属性我们可以设置对象的x,y,z轴坐标,这个坐标是相对于父对象的。通常也就是场景对象//设置position的三种方法

//第1种

cube.position.x = 10;

cube.position.y= 3;

cube.position.z= 1;

//第2种

cube.position.set(10,3,1) ;

//第3种

cube.position = new THREE.Vector3(10,3,1) ;

rotation,旋转物体

//设置rotation同样有三种方法

//第1种

cube.rotation.x = 0.5*Math.PI;

//第2种

cube.rotation.set(0.5*Math.PI,0,0) ;

//第3种

cube.rotation = new THREE.Vector3(0.5*Math.PI,0,0) ;

scale,缩放

//设置scale有两种方法

//第1种

cube.scale.x = 0.5;

//第2种

cube.scale.set(0.5,0,0) ;

translate,物体位移,与position不同,translate的位移是相对自己本身的位置偏移

//设置translate两种方法

//第1种

cube.translateX(2);

cube.translateY(2);

cube.translateZ(2);

//第2种

cube.translateOnAxis(new THREE.Vector3(2,2,2),1) ;//cube.translate()是被废弃的函数用translateOnAxis代替,第一个参数是向量对象,第二个是向量方向,只有正负之分。为负数的话,位移就是反方向

完整demo

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值