欢迎光临散文网 会员登陆 & 注册

06-Threejs控制物体移动

2022-07-31 17:56 作者:老陈打码  | 我要投稿

06-Threejs控制物体移动-视频教程

1 控制物体移动

前面我们创建了物体,为了让物体移动起来。我们可以设置它的position属性进行位置的设置。

相机和立方体都是物体。每个物体都是1个对象。

在官方文档里,我们可以看到相机camera和物体mesh都继承Object3D类。所以camera、mesh都属于3d对象。从3d对象的官方文档里,我们可以找到position属性,并且该属性一个vector3对象。因此通过官方vector3类的文档,我们可以简单使用下面2种方式来修改position位置,当然后面还会讲解更多的方式。

官方文档:https://threejs.org/docs/index.html?q=vect#api/zh/math/Vector3

1.1 每一帧修改一点位置形成动画

例如,每一帧让立方体向右移动0.01,并且当位置大于5时,从0开始。那么可以这么设置。

2 综合上述代码

1、在前面创建的项目中的main.js文件写入代码

效果演示:





06-Threejs控制物体移动的评论 (共 条)

分享到微博请遵守国家法律