Pixi.js: 別のファイルGLSLシェーダーを文字列としてロードします

作成日 2017年01月26日 · 3コメント · ソース: pixijs/pixi.js

こんにちは、

私はPixでGLSLシェーダーに取り組んでおり、それらを別々のファイルに書き込み、Javascriptでコンテンツをロードして、Pixiフィルターで使用したいと思います。全て。

このコードを検討する：

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

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

Pixi.jsがコンテンツをPIXI.Filterに渡すために外部GLSLファイルをロードする方法はありますか？
そうでない場合、それは計画された機能ですか、それとも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件

関連する問題