Question

我的想法是，使用three.js，通过移动滑块控件来改变立方体的旋转速度。一旦我定义了场景，相机和立方体，JavaScript部分中的相关代码就是这样：

var speed = 0.01;

function selectSpeed() {
    speed = document.getElementById("speedSelector").value;
}

function render() {
    requestAnimationFrame(render);
    cube.rotation.x += speed;
    renderer.render(scene, camera);
}

render();

HTML部分中的相关代码是这样的：

<input id="speedSelector" type="range" min="0" max="0.1" step="0.005" value="0.01" onchange="selectSpeed()" />

当您打开网页时，您可以看到立方体旋转正常和滑块控件，但是当您移动滑块控件以更改旋转速度时，立方体将永远消失，您无法再观看它。

任何人都知道为什么会这样？

Answer 1

您的速度变量可能会转换为字符串，请尝试：

speed = document.getElementById("speedSelector").value * 1.0;

当滑块控制时，为什么数字会消失？

1 个答案: