Pixi.js: setBackgroundColor؟

تم إنشاؤها على ١١ مايو ٢٠١٥  ·  12تعليقات  ·  مصدر: pixijs/pixi.js

أهلا،

هل هناك بديل لـ stage.setBackgroundColor في الإصدار 3؟

التعليق الأكثر فائدة

لرؤية التأثير ، تحتاج إلى استدعاء طريقة render للعارض مثل هذا (قمت بتغيير اللون إلى اللون الأحمر لجعله أكثر وضوحًا):

var renderer = PIXI.autoDetectRenderer(256, 256, {antialiasing: false, transparent: false, resolution: 1});
    document.body.appendChild(renderer.view);
    renderer.backgroundColor = 0xff0000;

    var scene = new PIXI.Container();

    var render = function() {
        renderer.render(scene);
        requestAnimationFrame(render);
    }

    render();

هنا هو كود العمل مع PIXI 3.0.3: http://miriti.github.io/pixi-background/

ال 12 كومينتر

يا @ kittykatattack !
جرب هذا:

renderer = new PIXI.WebGLRenderer(800, 600);
renderer.backgroundColor = 0x061639;

شكرا لك!
ربما أفقد عقلي (ممكن جدًا !!) - لكن هذا لا يعمل بالنسبة لي.
ينتج عن شفرتك لوحة قماشية فارغة على نظامي (أنا في الإصدار 3.0.3)

أيضًا ، لا يعد backgroundColor ملكية لكائن العارض ، وفقًا لمستندات API الحالية؟
هذا هو الكود الذي أستخدمه حاليًا ، والذي ينتج فقط سياق WeGL أسود قياسي.

var renderer = PIXI.autoDetectRenderer(256, 256, {antialiasing: false, transparent: false, resolution: 1});
document.body.appendChild(renderer.view);
renderer.backgroundColor = 0x061639;

لرؤية التأثير ، تحتاج إلى استدعاء طريقة render للعارض مثل هذا (قمت بتغيير اللون إلى اللون الأحمر لجعله أكثر وضوحًا):

var renderer = PIXI.autoDetectRenderer(256, 256, {antialiasing: false, transparent: false, resolution: 1});
    document.body.appendChild(renderer.view);
    renderer.backgroundColor = 0xff0000;

    var scene = new PIXI.Container();

    var render = function() {
        renderer.render(scene);
        requestAnimationFrame(render);
    }

    render();

هنا هو كود العمل مع PIXI 3.0.3: http://miriti.github.io/pixi-background/

شكرا لمساعدتك ، هذا يعمل!

كيف يحدث هذا لا يمكن رؤيته في التوثيق miriti ؟ لقد بحثت عن هذا لعصور قبل أن أنتقل إلى القضايا!

@ unwitting سؤال جيد! لا أعرف .. لقد بحثت عنه للتو في الكود. لسبب ما لم تحصل على مستند: https://github.com/GoodBoyDigital/pixi.js/blob/master/src/core/renderers/SystemRenderer.js#L148

miriti PRd :)

ثابت في 4827cea4bfd4af99bb363c2230da1393ed8221c4

هل جربتم يا رفاق السلوك حيث يوجد وميض من الخلفية السوداء قبل أن يبدأ اللون الجديد؟ أنا في ClojureScript-land ، لذلك ليس لدي أداة لصق سهلة الاستخدام ، لكنني في الأساس أفعل ما تتوقعه - إنشاء autoDetectRenderer [باستثناء أنني أحدد {view: a-preexisting-canvas-element } وسيطة اختيارية بدلاً من إلحاقها مباشرة] ، ثم تعيين .backgroundColor الخاص بها إلى 0xFFFFFF. وأنا أرى مثل وميض 0.5 ثانية من الخلفية السوداء قبل أن يبدأ اللون.

هل أفعل شيئًا غبيًا / هل هذه مشكلة معروفة وحلها واضح؟ شكرا!

jrheard Render مباشرة بعد تحديد المشهد / المسرح الخاص بك سيصلح المشكلة بالفلاش الأسود. على سبيل المثال:

var renderer = PIXI.autoDetectRenderer(width, height);  
renderer.backgroundColor = 0xFF0000;  
var stage = new PIXI.Container();  
renderer.render(stage);  
[...]

بدلا من

var renderer = PIXI.autoDetectRenderer(width, height);  
renderer.backgroundColor = 0xFF0000;  
var stage = new PIXI.Container();  
[...]  
renderer.render(stage);

ربما تريد القيام بذلك عدة مرات:

var renderer = PIXI.autoDetectRenderer(width, height);  
renderer.backgroundColor = 0xFF0000;  
var stage = new PIXI.Container(); 
renderer.render(stage);
[...]  
renderer.render(stage);

آسف على الرد المتأخر - لقد تم حل مشكلتي. شكرا!

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

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

sntiagomoreno picture sntiagomoreno  ·  3تعليقات

softshape picture softshape  ·  3تعليقات

st3v0 picture st3v0  ·  3تعليقات

samueller picture samueller  ·  3تعليقات

YuryKuvetski picture YuryKuvetski  ·  3تعليقات