ShaderToy至PIXI js过滤器

Question

我在ShaderToy上发现了这种惊人的效果，我想将其用作PIXI中的滤镜。 https://www.shadertoy.com/view/MlcGWH

目前，我一直坚持进行转换，但看不到任何出路，因此希望有人可以提供一些示例或建议。这个项目对我来说很重要。我仍然是WebGl的初学者，但愿意学习。

Answer 1

您在https://www.pixiplayground.com/#/edit/iITifzG1lQqrpvf5wQfGK这里有一个示例，它来自https://github.com/pixijs/pixi.js/wiki/v5-Hacks#shaders。

请注意，您暂时不能使用shadertoy在pixi.js中使用的#version 300 es，因为它们会在片段着色器代码的顶部附加其他内容。那意味着没有数组。请注意，shadertoy也这样做，并提供了一些辅助功能，如果您检查网站的源代码并快速搜索#version 300 es，您会发现它们附加在着色器顶部（嗯，实际上只是其中的一部分）。

知道fragColor成为gl_FragColor。并且您需要一个main()函数。

您可能想要检查以下页面：https://www.shadertoy.com/howto 和这个网站https://thebookofshaders.com。

此外，如果您想使用#version 300 es，则可以使用three.js或其他框架，也可以拉取请求pixi.js。