Pixi.js: Carregar um shader GLSL de arquivo separado como uma string

Criado em 26 jan. 2017 · 3Comentários · Fonte: pixijs/pixi.js

Olá,

Estou trabalhando em shaders GLSL com Pix e gostaria de escrevê-los em arquivos separados e carregar o conteúdo com Javascript para usá-los em um filtro Pixi porque escrever o shader em um elemento HTML Javascript como alguns tutoriais mostram não é bonito em tudo.

Considerando este código:

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

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

Existe alguma maneira de Pixi.js carregar arquivos GLSL externos para passar seu conteúdo para PIXI.Filter ?
Caso contrário, é um recurso planejado ou você usa uma ferramenta externa como o pacote glslify npm para fazer isso (https://github.com/stackgl/glslify)?

Não há muitas informações sobre como Pixi v4 lida com arquivos GLSL e SO parece não ter as respostas, então abro este problema para saber se isso é algo que você pode inventar.

Obrigado pela sua resposta.

Fonte

SebastienFPRousseau

👍1

Comentários muito úteis

Sim, PIXI inclui glslify. Você pode usar o carregador.

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 em 28 jan. 2017

👍3

Todos 3 comentários

Sim, PIXI inclui glslify. Você pode usar o carregador.

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 em 28 jan. 2017

👍3

Obrigado ! Isso é o que eu precisava.

SebastienFPRousseau em 30 jan. 2017

Este tópico foi bloqueado automaticamente, pois não houve nenhuma atividade recente depois que foi fechado. Abra um novo problema para bugs relacionados.