Three.js HTML菜单交互

Three.js HTML menu interaction

本文关键字:交互 菜单 HTML js Three      更新时间:2023-09-26

我正在制作一个HTML菜单,它将被放置在Three.js视口上,但我无法与菜单进行可靠的交互。我可以点击我的<input type="range">滑块和其他元素,但如果Orbital相机不自行完成所有鼠标移动,我就无法拖动。

有没有一种方法可以让我以某种方式将div指定为阻塞,这样它就会在视口抓取之前执行鼠标操作?

如果不将div传递给控件,则侦听器将被添加到文档中。试试这个:

new THREE.OrbitControls( camera, renderer.domElement );