WEBGL位移彩色像素

Question

我是WebGL和着色器世界的新手，我想知道下面这个效果的最佳方法是什么。

正在进行的工作

期望效果

我使用THREE.TextGeometry绘制文本。在ShaderMaterial文本中，我创建了一个简单的灯光。而且我用简单的噪音移动顶点，以产生布料效果。

我现在需要的是基本上移动彩色像素。有人能指点我吗？谢谢！

Answer 1

目前还不清楚你想要达到的效果。我看起来你正在努力实现一种后期处理效果，使它看起来像是在透过具有表面缺陷的玻璃看。

在这种情况下，您可能会使用后期处理效果。您可以使用法线贴图来表示玻璃指向每个像素的方式，然后在后处理着色器中使用它来根据正常弯曲方向的方式查看渲染的文本几何体玻璃上的凹凸点在。

有一个非three.js example here。