2014-08-31 108 views
0

我正在製作一個HTML菜單,它將放置在Three.js視口上,但我無法與菜單進行可靠的交互。我可以點擊我的<input type="range">滑塊和其他元素,但是如果沒有軌道相機自己拍攝所有鼠標移動,我都無法拖動。Three.js HTML菜單交互

有沒有辦法讓我指定div作爲阻止某種方式,所以它會採取鼠標操作之前,視口抓住他們?

+0

取決於你如何控制攝像機(?THREE.OrbitControls或別的東西)和DOM,您可以嘗試在拖動期間禁用控制或防止_mousedown_事件,發起的傳播拖動。你能通過一個簡單的例子重現你的問題,或者提供你的實現的精確性嗎? – Volune 2014-08-31 16:33:36

回答

1

如果您沒有將div傳遞給控件,​​則會將偵聽器添加到文檔中。試試這個:

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

美麗。再次感謝MrDoob。 – 2014-08-31 17:56:13