Pixi.js: Cargue un sombreador GLSL de archivo separado como una cadena

Creado en 26 ene. 2017 · 3Comentarios · Fuente: pixijs/pixi.js

Hola,

Estoy trabajando en sombreadores GLSL con Pix y me gustaría escribirlos en archivos separados y cargar el contenido con Javascript para usarlos en un filtro Pixi porque escribir el sombreador en un elemento HTML de Javascript como muestran algunos tutoriales no es bonito en todos.

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);

¿Hay alguna forma de que Pixi.js cargue archivos GLSL externos para pasar su contenido a PIXI.Filter ?
Si no es así, ¿es una función planificada o utiliza una herramienta externa como el paquete glslify npm para hacerlo (https://github.com/stackgl/glslify)?

No hay mucha información sobre cómo Pixi v4 maneja los archivos GLSL y SO no parece tener las respuestas, así que abro este problema para saber si esto es algo que se le ocurra.

Gracias por tu respuesta.

Fuente

SebastienFPRousseau

👍1

Comentario más útil

Sí, PIXI incluye glslify. Podrías usar el cargador.

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 en 28 ene. 2017

👍3

Todos 3 comentarios

Sí, PIXI incluye glslify. Podrías usar el cargador.

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 en 28 ene. 2017

👍3

Gracias ! Eso es lo que necesitaba.

SebastienFPRousseau en 30 ene. 2017

Este hilo se ha bloqueado automáticamente ya que no ha habido ninguna actividad reciente después de que se cerró. Abra un nuevo problema para errores relacionados.