Three.js中没有相机移动和没有移动光源的“虚拟”移动法线贴图答案

【问题标题】："virtual" movement normal map without camera move and without move light source in Three.jsThree.js中没有相机移动和没有移动光源的“虚拟”移动法线贴图
【发布时间】：2014-12-24 06:35:17
【问题描述】：

如何在 Three.js 中不移动相机且不移动光源的情况下移动法线贴图？

我有一个垂直于相机视图矢量的平面。该平面始终位于视图的中心。当我移动相机时，飞机随着相机移动，光源也移动。

光源位于相机后面并指向平面。该光源以及飞机与相机同步移动。

要观察飞机地图上的变化，我可以移动相机或移动光源。在我的情况下，它们同时移动并且彼此之间没有位移。

我需要像另一个虚拟相机移动这样的东西，它会在平面上产生法线贴图的变化。

感谢您的关注。

【问题讨论】：

标签： 3d three.js texture-mapping normals bump-mapping

【解决方案1】：

最有效的方法是创建一个新的着色器。一种效率较低的方法是使用画布作为纹理。通过在画布上移动图像，您可以在平面上移动纹理。

我目前正在做一个需要 HUD 的项目，我正在使用类似的方法。当我得到它我会张贴小提琴。

【讨论】：

非常有趣的方法。不仅仅是使用画布的解决方案效率较低。我的首要任务是最现实的解决方案。是的，我知道我需要一个着色器，而是对现有着色器进行修改，例如这个mrdoob.github.io/three.js/examples/… 所以我需要更改法线贴图着色器的一些值，就好像它是通常情况下的相机移动一样，但没有真正的相机运动。据我了解，必须有一种简单的方法来使用现有的着色器。