Pixi.js: تحميل ملف منفصل GLSL shader كسلسلة

تم إنشاؤها على ٢٦ يناير ٢٠١٧ · 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 في ٢٨ يناير ٢٠١٧

👍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 في ٢٨ يناير ٢٠١٧

👍3

شكرا ! هذا ما احتاجه.

SebastienFPRousseau في ٣٠ يناير ٢٠١٧

تم قفل سلسلة الرسائل هذه تلقائيًا نظرًا لعدم وجود أي نشاط حديث بعد إغلاقه. الرجاء فتح قضية جديدة للأخطاء ذات الصلة.