Pixi.js: Charger un shader GLSL de fichier séparé sous forme de chaîne

Créé le 26 janv. 2017 · 3Commentaires · Source: pixijs/pixi.js

Bonjour,

Je travaille sur des shaders GLSL avec Pix et j'aimerais les écrire dans des fichiers séparés et charger le contenu avec Javascript pour les utiliser dans un filtre Pixi car écrire le shader dans un élément HTML Javascript comme le montrent certains tutoriels n'est pas joli à tous.

Considérant ce code :

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

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

Existe-t-il un moyen pour Pixi.js de charger des fichiers GLSL externes afin de transmettre leur contenu à PIXI.Filter ?
Sinon, est-ce une fonctionnalité prévue ou utilisez-vous un outil externe tel que le package glslify npm pour le faire (https://github.com/stackgl/glslify) ?

Il n'y a pas beaucoup d'informations sur la façon dont Pixi v4 gère les fichiers GLSL et SO ne semble pas avoir les réponses, j'ouvre donc ce problème afin de savoir si c'est quelque chose que vous pouvez trouver.

Merci pour votre réponse.

Source

SebastienFPRousseau

👍1

Commentaire le plus utile

Oui, PIXI inclut glslify. Vous pouvez utiliser le chargeur.

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 le 28 janv. 2017

👍3

Tous les 3 commentaires

Oui, PIXI inclut glslify. Vous pouvez utiliser le chargeur.

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 le 28 janv. 2017

👍3

Merci ! C'est ce dont j'avais besoin.

SebastienFPRousseau le 30 janv. 2017

Ce fil a été automatiquement verrouillé car il n'y a eu aucune activité récente après sa fermeture. Veuillez ouvrir un nouveau problème pour les bogues liés.