Pixi.js: Muat file terpisah GLSL shader sebagai string

Dibuat pada 26 Jan 2017 · 3Komentar · Sumber: pixijs/pixi.js

Halo,

Saya sedang mengerjakan shader GLSL dengan Pix dan saya ingin menulisnya dalam file terpisah dan memuat konten dengan Javascript untuk menggunakannya dalam Filter Pixi karena menulis shader dalam elemen HTML Javascript seperti yang ditunjukkan beberapa tutorial tidak cukup semua.

Mempertimbangkan kode ini:

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

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

Apakah ada cara bagi Pixi.js untuk memuat file GLSL eksternal untuk meneruskan kontennya ke PIXI.Filter ?
Jika tidak, apakah ini fitur yang direncanakan atau apakah Anda menggunakan alat eksternal seperti paket glslify npm untuk melakukannya (https://github.com/stackgl/glslify)?

Tidak banyak informasi tentang bagaimana Pixi v4 menangani file GLSL dan SO tampaknya tidak memiliki jawabannya, jadi saya membuka masalah ini untuk mengetahui apakah ini sesuatu yang dapat Anda buat.

Terima kasih atas jawaban anda.

Sumber

SebastienFPRousseau

👍1

Komentar yang paling membantu

Ya, PIXI menyertakan glslify. Anda bisa menggunakan pemuat.

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 pada 28 Jan 2017

👍3

Semua 3 komentar

Ya, PIXI menyertakan glslify. Anda bisa menggunakan pemuat.

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 pada 28 Jan 2017

👍3

Terima kasih ! Itu yang saya butuhkan.

SebastienFPRousseau pada 30 Jan 2017

Utas ini telah dikunci secara otomatis karena tidak ada aktivitas terbaru setelah ditutup. Silakan buka edisi baru untuk bug terkait.