在跟蹤

Question

我試圖複製以下鼠標three.js所創建的點/方向的光帆布基例如：

http://29a.ch/2010/3/24/normal-mapping-with-javascript-and-canvas-tag

I」已經能夠得到正常的地圖的工作，但現在我想添加交互我現在有兩個問題（其中光跟蹤鼠標的位置。）：

• 如何獲取投影到飛機上的鼠標的3D位置？

• 如果我想使用SpotLight或DirectionalLight而不是PointLight，以便錐體始終指向屏幕底部，我該怎麼做？我是否創建一個不可見的Object3D並使用上一個問題的跟蹤來更改不可見對象的位置？

謝謝！

Answer 1

此鏈接可滿足您的要求 Mouse/Canvas X, Y to Three.js World X, Y, Z

聚焦：http://stemkoski.github.io/Three.js/Shadow.html