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ě)入代碼
效果演示:

標(biāo)簽: