使用Three.js和TrackballControls.js将用户输入从一个DOM元素映射到渲染器元素

时间:2013-08-30 20:16:00

标签: three.js

我正在尝试创建一个小容器,用户可以在另一个容器中移动鼠标/拖动他的手指以控制渲染器DOM元素。问题是TrackballControls.js,一个包含在THREE.js中的控制器脚本,将控件映射到event.clientX和event.clientY,所以当我在我创建的小容器中拖动时,我看不到所需的效果。我想知道从小区域映射输入的正确方法是什么,并影响渲染器元素,就好像用户有整个渲染区域来提供输入一样?

我需要这样做的原因是因为我正在将CSS3D视图集成到普通的2D页面中,如果我不禁用TrackballControls.js上的触摸控件,则移动体验很糟糕 - 用户将向下滚动该页面正常,当他点击3D div时,3D控件接管并且用户无法再将该区域滚动回页面内容的其余部分。因此,我需要一个小区域,用户可以旋转,缩放和平移我的3D可视化,然后能够滚动其余部分以逃避。

谢谢!

0 个答案:

没有答案