html - 为什么当被滑块控制时图形会消失？

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;