时间戳

首页 > 解决方案 > Three.js 从 mouseMove 变为随机移动

javascript - Three.js 从 mouseMove 变为随机移动

问题描述

我得到了这个带有背景的网站，当你在它周围移动鼠标时，它会根据你的鼠标位置点亮部分背景。我想知道是否有办法让那个光点自行摆动。这是一个带有 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;
}

标签： javascriptthree.js

解决方案

删除onDocumentMouseMove并设置一些间隔，在其中将 X、Y 设置在具有一定半径的圆上。设置一些增量变量，并根据它计算圆上的 X，Y 位置。

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

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

改变角度x，y会改变。

推荐阅读