Pixi.js: setBackgroundColor?

Hé, @kittykatattack !
Essaye ça:

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

Merci!
Peut-être que je perds la tête (très possible !!) - mais cela ne fonctionne pas pour moi.
Votre code produit un canevas vierge sur mon système (je suis sur v3.0.3)

De plus, backgroundColor n'est pas une propriété de l'objet de rendu, selon la documentation API actuelle ?
Voici le code que j'utilise actuellement, qui produit simplement un contexte WeGL noir standard.

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

Pour voir l'effet, vous devez appeler la méthode render du moteur de rendu comme ceci (j'ai changé la couleur en rouge pour la rendre plus évidente):

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

Voici le code de travail avec PIXI 3.0.3 : http://miriti.github.io/pixi-background/

Merci pour votre aide, ça marche !

Comment se fait-il que cela ne se voit pas dans la documentation @miriti ? J'ai cherché cela pendant des siècles avant de me tourner vers les problèmes!

@bonne question https://github.com/GoodBoyDigital/pixi.js/blob/master/src/core/renderers/SystemRenderer.js#L148

@miriti PRd :)

Corrigé en 4827cea4bfd4af99bb363c2230da1393ed8221c4

Avez-vous déjà eu un comportement où il y a un éclair de fond noir avant que votre nouveau backgroundColor n'entre en jeu ? Je suis dans ClojureScript-land, donc je n'ai pas de pastebin à portée de main, mais je fais essentiellement ce que vous attendez - créer un autoDetectRenderer [sauf que je spécifie un {view: a-preexisting-canvas-element } argument facultatif plutôt que de l'ajouter directement], puis en définissant son .backgroundColor sur 0xFFFFFF. Et je vois comme un flash de 0,5 s de fond noir avant que mon .backgroundColor ne se déclenche.

Est-ce que je fais quelque chose d'idiot / est-ce un problème bien connu avec une solution évidente ? Merci!

@jrheard Render directement après avoir défini votre scène/étape

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

À la place de

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

Vous voudrez probablement le faire plusieurs fois :

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

désolé pour la réponse tardive - cela a résolu mon problème. Merci!

Ce fil a été automatiquement verrouillé car il n'y a eu aucune activité récente après sa fermeture. Veuillez ouvrir un nouveau problème pour les bogues liés.