我剛學3.js,我想弄清楚,如果你能在畫布上點擊一個3D物體上,並觸發JavaScript函數。例如,如果您單擊某個特定的多維數據集,它將在單獨的窗口中顯示關於該多維數據集的信息。我已經閱讀了raycaster,但似乎沒有關於與普通HTML DOM元素進行交互的3D對象的大量信息。我需要根據模型數據動態創建形狀,這些形狀需要互動。有沒有人有任何經驗需要這樣做?我知道這可能有些不合常規,但我認爲這可能是我需要做的。感謝您的幫助。謝謝!是否有可能讓3.js對象與DOM元素進行交互?
0
A
回答
1
這是不可能做到這一點,你可以參考的問題。 Mouse events on each <g> tag of svg loaded on the material in threejs
還要檢查http://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl
按照上面的鏈接
嘛,不是很不幸的是...... WebGL是canvas元素內3d和畫布是從查看HTML頁面點一個黑盒子。您不能在畫布內綁定DOM事件。您不能讓樣式表更改畫布內容。你不能把dom元素放在你的畫布中。這兩個人不會互相交談。
+0
我試過使用CSS 3D轉換,它是相當有限的和更多的工作。我發現這個例子http://jsfiddle.net/jeanlescure/7y9ozyj6/如果我能夠創造3D CSS的形狀也可以從3JS的控制有利於這將是對我非常有幫助。還有這個例子: https://threejs.org/examples/css3d_periodictable.html 你瞭解自己的能力或限制什麼?謝謝。 – totallytypicalcow
相關問題
- 1. 是否可以與selenium2中的隱藏元素進行交互?
- 2. 是否有可能確定dom元素何時進入視圖?
- 3. 測試對象是否爲DOM元素
- 4. 與Python 3中的3D對象進行交互?
- 5. Js,不可能刪除DOM元素
- 6. 是否通過JS注入DOM元素?
- 7. 是否有可能在d3中有彼此交互的分層svg元素?
- 8. 暴露DOM元素與JS
- 9. 讓對象相互「交談」?
- 10. 是否可以使用CallMethodAction與參數進行交互?
- 11. 是否可以與Nant進行交互編程?
- 12. Firebase對象將DOM元素返回到DOM元素的對象
- 13. 是否有可能用React替換DOM元素?
- 14. 是否有可能用jquery替換div元素並更新dom?
- 15. 執行方法時無法與wpf元素進行交互
- 16. 是否有可能在MVC4中對BundleConfig進行單元測試?
- 17. 是否可以讓PowerShell與控制檯應用程序交互?
- 18. 通過xpath選擇器與一個元素進行交互
- 19. 使視頻與html元素進行交互
- 20. DOM元素和jQuery對象
- 21. 如何限制DOM交互元素及其子元素?
- 22. 檢查DOM元素是否有焦點
- 23. 與沒有MFC的CMutex進行交互
- 24. 與C++進行交互
- 25. 與jQuery進行PDF交互
- 26. 是否有可能使bash shell腳本與另一個命令行程序進行交互?
- 27. 在顯示它之前與我的JSON對象進行交互
- 28. 與來自JSP的由DWR管理的對象進行交互
- 29. JavaScript Image對象如何與瀏覽器緩存進行交互?
- 30. 如何使用C與COM對象進行交互?
當你說「我需要動態創建基於模型數據的形狀並且這些形狀需要互動時」,目前尚不清楚與DOM元素交互需要什麼。在three.js中有辦法做到這一點? – aug
對不起。澄清我的意思是需要從尺寸數據(L,W,H)中創建對象。它們大多隻是三維矩形。 – totallytypicalcow