1

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()" />

Webページを開くとキューブが細かく回転している様子とスライダーコントロールが見えますが、スライダーコントロールを動かして回転速度を変えると、キューブが永遠に消えてしまい、もう見ることができません。

なぜこれが起こるのか誰にも分かりますか？

4

1 に答える 1

0

あなたの速度変数はおそらく文字列に変換されています。これを試してください：

speed = document.getElementById("speedSelector").value * 1.0;
于 2012-11-28T18:24:12.460 に答える