2012-11-28 30 views
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()" /> 

當您打開網頁時,您可以看到正確旋轉的立方體和滑塊控件,但是當您移動滑塊控件以更改旋轉速度時,立方體將永遠消失,您無法再觀看它。

任何人都知道爲什麼會發生這種情況?

回答

0

你的速度變量可能得到轉換成字符串,試試這個:

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

哇!難以置信的!現在它工作了!謝謝 :-) – Koweiny