Three.js和html滑块

Question

我有混音Three.js和HTML滑块的问题.滑块正在显示但我无法移动它.当我尝试通过拖动来改变值时,就会发生(只有相机移动).

Three.js容器:

<div id="container"></div>

滑块:

<div id="zoom"><input id="setZoom" type="range" min="1" max="9000" step="1" value="100" data-orientation="vertical"></div>

Answer 1

正如你所说的那样,当你试图改变滑块的位置时你的相机正在移动,我敢于假设你使用了THREE.OrbitControls().

这种情况的解决方案可以在renderer.domElement创建控件对象时添加为第二个参数,例如:

var controls = new THREE.OrbitControls(camera, renderer.domElement);

jsfiddle的例子