在跟踪鼠标的three.js中创建点/方向灯

Question

我试图在three.js中复制以下基于画布的示例：

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

我已经能够使法线贴图正常工作，但现在我正在尝试添加交互性（光线跟踪鼠标位置。）我目前有两个问题：

• 如何在投影机上投影鼠标的3D位置？

• 如果我想使用SpotLight或DirectionalLight而不是PointLight，使得圆锥始终指向屏幕的底部，我该怎么做？我是否创建了一个不可见的Object3D并使用上一个问题中的跟踪来更改不可见对象的位置？

谢谢！

Answer 1

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

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