Pixi.js: setBackgroundColor?

Ei, @kittykatattack !
Experimente isto:

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

Obrigado!
Talvez eu esteja perdendo a cabeça (muito possível !!) - mas isso não funciona para mim.
Seu código produz uma tela em branco em meu sistema (estou na v3.0.3)

Além disso, backgroundColor não é uma propriedade do objeto renderizador, de acordo com os documentos API atuais?
Este é o código que estou usando atualmente, que apenas produz um contexto preto padrão de WeGL.

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

Para ver o efeito, você precisa chamar o método render do renderizador assim (mudei a cor para vermelho para torná-lo mais óbvio):

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

Aqui está o código de trabalho com PIXI 3.0.3: http://miriti.github.io/pixi-background/

Obrigado pela sua ajuda, isso funciona!

Por que isso não pode ser visto na documentação @miriti ? Pesquisei por isso por muito tempo antes de voltar aos problemas!

boa pergunta @unwitting ! Eu não sei .. Eu só procurei no código. Por algum motivo, ele não tem um documento: https://github.com/GoodBoyDigital/pixi.js/blob/master/src/core/renderers/SystemRenderer.js#L148

@miriti PRd :)

Fixo em 4827cea4bfd4af99bb363c2230da1393ed8221c4

Vocês já experimentaram um comportamento em que há um flash de fundo preto antes de seu novo backgroundColor entrar em ação? Estou na terra do ClojureScript, então não tenho um pastebin à mão, mas basicamente estou fazendo o que você esperaria - criando um autoDetectRenderer [exceto que estou especificando um {view: a-preexisting-canvas-element } argumento opcional em vez de appendChilding diretamente], definindo então seu .backgroundColor para 0xFFFFFF. E estou vendo um flash de 0,5s de fundo preto antes de meu .backgroundColor entrar em ação.

Estou fazendo algo idiota / esse é um problema conhecido com uma solução óbvia? Obrigado!

@jrheard Renderizar diretamente após definir sua cena / palco corrigirá o problema com um flash preto. Por exemplo:

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

Ao invés de

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

Você provavelmente deseja fazer isso várias vezes:

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

desculpe pela resposta atrasada - isso corrigiu meu problema. obrigado!

Este tópico foi bloqueado automaticamente, pois não houve nenhuma atividade recente depois que ele foi fechado. Abra um novo problema para bugs relacionados.