Pixi.js: Laden Sie eine separate Datei GLSL-Shader als String

Erstellt am 26. Jan. 2017 · 3Kommentare · Quelle: pixijs/pixi.js

Hallo,

Ich arbeite mit Pix an GLSL-Shadern und möchte diese in separate Dateien schreiben und den Inhalt mit Javascript laden, um sie in einem Pixi-Filter zu verwenden, da das Schreiben des Shaders in einem Javascript-HTML-Element, wie einige Tutorials zeigen, nicht schön ist alle.

In Anbetracht dieses Codes:

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

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

Gibt es eine Möglichkeit für Pixi.js, externe GLSL-Dateien zu laden, um ihren Inhalt an PIXI.Filter ?
Wenn nicht, ist dies eine geplante Funktion oder verwenden Sie dafür ein externes Tool wie das npm-Paket glslify (https://github.com/stackgl/glslify) ?

Es gibt nicht viele Informationen darüber, wie Pixi v4 mit GLSL-Dateien umgeht, und SO scheint keine Antworten zu haben.

Danke für deine Antwort.

Quelle

SebastienFPRousseau

👍1

Hilfreichster Kommentar

Ja, PIXI beinhaltet glslify. Du könntest den Lader benutzen.

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 am 28. Jan. 2017

👍3

Alle 3 Kommentare

Ja, PIXI beinhaltet glslify. Du könntest den Lader benutzen.

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 am 28. Jan. 2017

👍3

Vielen Dank ! Das habe ich gebraucht.

SebastienFPRousseau am 30. Jan. 2017

Dieser Thread wurde automatisch gesperrt, da nach dem Schließen in letzter Zeit keine Aktivität stattgefunden hat. Bitte öffnen Sie eine neue Ausgabe für verwandte Fehler.

lock[bot] am 24. Feb. 2019

War diese Seite hilfreich?

0 / 5 - 0 Bewertungen

Pixi.js: Laden Sie eine separate Datei GLSL-Shader als String

Hilfreichster Kommentar

Alle 3 Kommentare

Verwandte Themen