Pixi.js: Загрузить отдельный файл шейдера GLSL в виде строки

Созданный на 26 янв. 2017 · 3Комментарии · Источник: pixijs/pixi.js

Привет,

Я работаю над шейдерами GLSL с Pix, и я хотел бы записать их в отдельные файлы и загрузить содержимое с помощью Javascript, чтобы использовать их в фильтре Pixi, потому что писать шейдер в элементе Javascript HTML, как показывают некоторые учебники, не очень красиво. все.

Учитывая этот код:

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

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

Есть ли способ для Pixi.js загрузить внешние файлы GLSL, чтобы передать их содержимое в PIXI.Filter ?
Если нет, то это запланированная функция или вы используете для этого внешний инструмент, например пакет 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 28 янв. 2017

👍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 28 янв. 2017

👍3

Спасибо ! Вот что мне было нужно.

SebastienFPRousseau 30 янв. 2017

Этот поток был автоматически заблокирован, так как после его закрытия в последнее время не было никаких действий. Пожалуйста, откройте новую проблему для связанных ошибок.