Pixi.js: setBackgroundColor?

Hei, @kittykatattack !
Coba ini:

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

Terima kasih!
Mungkin saya kehilangan akal (sangat mungkin!!) - tetapi itu tidak berhasil untuk saya.
Kode Anda menghasilkan kanvas kosong di sistem saya (saya menggunakan v3.0.3)

Juga, backgroundColor bukan properti dari objek perender, menurut dokumen API saat ini?
Berikut kode yang saya gunakan saat ini, yang hanya menghasilkan konteks WeGL hitam standar.

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

Untuk melihat efeknya Anda perlu memanggil metode render dari renderer seperti ini (saya mengubah warnanya menjadi merah agar lebih jelas):

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();

Berikut adalah kode yang berfungsi dengan PIXI 3.0.3: http://miriti.github.io/pixi-background/

Terima kasih atas bantuan Anda, itu berhasil!

Kenapa ini tidak bisa dilihat di dokumentasi @miriti ? Saya mencari ini selama berabad-abad sebelum beralih ke masalah!

@tanpa disadari pertanyaan bagus! Saya tidak tahu.. Saya hanya mencarinya di kode. Untuk beberapa alasan itu tidak memiliki dokumen: https://github.com/GoodBoyDigital/pixi.js/blob/master/src/core/renderers/SystemRenderer.js#L148

@miriti PRd :)

Diperbaiki di 4827cea4bfd4af99bb363c2230da1393ed8221c4

Pernahkah kalian mengalami perilaku di mana ada kilatan latar belakang hitam sebelum backgroundColor baru Anda muncul? Saya menggunakan ClojureScript-land, jadi saya tidak memiliki pastebin, tetapi pada dasarnya saya melakukan apa yang Anda harapkan - membuat autoDetectRenderer [kecuali saya menentukan {view: a-preexisting-canvas-element } argumen opsional daripada menambahkannya secara langsung], lalu atur .backgroundColor ke 0xFFFFFF. Dan saya melihat seperti kilatan latar belakang hitam 0,5 detik sebelum .backgroundColor saya masuk.

Apakah saya melakukan sesuatu yang bodoh/apakah ini masalah yang terkenal dengan perbaikan yang jelas? Terima kasih!

@jrheard Render langsung setelah menentukan adegan/panggung Anda akan memperbaiki masalah dengan flash hitam. Sebagai contoh:

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

Dari pada

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

Anda mungkin ingin melakukannya beberapa kali:

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

maaf atas tanggapan yang tertunda - ini memperbaiki masalah saya. Terima kasih!

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