Pixi.js: 将单独的文件 GLSL 着色器作为字符串加载

创建于 2017-01-26 · 3评论 · 资料来源: pixijs/pixi.js

你好，

我正在使用 Pix 处理 GLSL 着色器，我想将它们编写在单独的文件中，并使用 Javascript 加载内容以在 Pixi 过滤器中使用它们，因为在某些教程中显示的在 Javascript HTML 元素中编写着色器并不擅长全部。

考虑到这段代码：

const frag_shader = document.getElementById( 'frag_shader' ).innerHTML; //Replacing this by reading the GLSL file 

const filter = new PIXI.Filter('', frag_shader);

Pixi.js 有没有办法加载外部 GLSL 文件以将其内容传递给PIXI.Filter ？
如果不是，它是计划中的功能还是您使用诸如glslify npm 包之类的外部工具来执行此操作 (https://github.com/stackgl/glslify)？

关于 Pixi v4 如何处理 GLSL 文件的信息不多，SO 似乎也没有答案，所以我打开这个问题是为了知道这是否是你能想到的。

感谢您的回答。

资料来源

SebastienFPRousseau

👍1

最有用的评论

是的，PIXI 包括 glslify。你可以使用装载机。

PIXI.loader.add(["vert.txt","frag,txt"]);
PIXI.loader.load(finshed);

function finished()
    {
    var vert = PIXI.loader.resources["vert.txt"].data;
    var frag = PIXI.loader.resources["frag.txt"].data
    var myfilter = new PIXI.Filter(vert, frag);
    }

merachefet 于 2017-01-28

👍3

所有3条评论

是的，PIXI 包括 glslify。你可以使用装载机。

PIXI.loader.add(["vert.txt","frag,txt"]);
PIXI.loader.load(finshed);

function finished()
    {
    var vert = PIXI.loader.resources["vert.txt"].data;
    var frag = PIXI.loader.resources["frag.txt"].data
    var myfilter = new PIXI.Filter(vert, frag);
    }

merachefet 于 2017-01-28

👍3

谢谢！这就是我所需要的。

SebastienFPRousseau 于 2017-01-30

由于关闭后没有任何近期活动，因此该线程已自动锁定。请为相关错误打开一个新问题。

lock[bot] 于 2019-02-24

此页面是否有帮助？

0 / 5 - 0 等级

Pixi.js: 将单独的文件 GLSL 着色器作为字符串加载

最有用的评论

所有3条评论

相关问题