Three.js从mouseMove变为随机移动

时间:2018-05-03 16:42:17

标签: javascript three.js

我的网站上有一个bg,当你移动鼠标时,它会根据鼠标的位置点亮部分bg。我想知道是否有办法让这个光点自己摆动。这是一个带有JS的代码集:https://codepen.io/anon/pen/MGoxNr

我希望这足以看出它在做什么

以下是使用此网站的实时网站:http://www.crimson-moon.com/ 如果你需要看到它。

function onDocumentMouseMove(event) {
mouseX = ( event.clientX - windowHalfX ) * 10;
mouseY = ( event.clientY - windowHalfY ) * -10;
}

1 个答案:

答案 0 :(得分:1)

删除onDocumentMouseMove并设置一些间隔,您可以在圆上设置一些半径的X,Y。设置一些递增变量,并根据它计算圆上的X,Y位置。

x0,y0 - 圆心 r - 圆半径 a - 角度

x = x0 + r*cos(a)
y = y0 + r*sin(a)

改变角度x,y会改变。