06-Threejs控制物體移動(dòng)-視頻教程

1 控制物體移動(dòng)

前面我們創(chuàng)建了物體，為了讓物體移動(dòng)起來(lái)。我們可以設(shè)置它的position屬性進(jìn)行位置的設(shè)置。

相機(jī)和立方體都是物體。每個(gè)物體都是1個(gè)對(duì)象。

在官方文檔里，我們可以看到相機(jī)camera和物體mesh都繼承Object3D類(lèi)。所以camera、mesh都屬于3d對(duì)象。從3d對(duì)象的官方文檔里，我們可以找到position屬性，并且該屬性一個(gè)vector3對(duì)象。因此通過(guò)官方vector3類(lèi)的文檔，我們可以簡(jiǎn)單使用下面2種方式來(lái)修改position位置，當(dāng)然后面還會(huì)講解更多的方式。

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

1.1 每一幀修改一點(diǎn)位置形成動(dòng)畫(huà)

例如，每一幀讓立方體向右移動(dòng)0.01，并且當(dāng)位置大于5時(shí)，從0開(kāi)始。那么可以這么設(shè)置。

2 綜合上述代碼

1、在前面創(chuàng)建的項(xiàng)目中的main.js文件寫(xiě)入代碼

效果演示：