Pixi.js: setBackgroundColor?

Hey, @kittykatattack !
Versuche dies:

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

Dankeschön!
Vielleicht verliere ich den Verstand (sehr gut möglich!!) - aber das funktioniert bei mir nicht.
Ihr Code erzeugt eine leere Leinwand auf meinem System (ich bin auf v3.0.3)

Außerdem ist backgroundColor gemäß den aktuellen API-Dokumenten keine Eigenschaft des Renderer-Objekts?
Hier ist der Code, den ich derzeit verwende, der nur einen standardmäßigen schwarzen WeGL-Kontext erzeugt.

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

Um den Effekt zu sehen, müssen Sie die Methode render des Renderers wie folgt aufrufen (ich habe die Farbe in Rot geändert, um es deutlicher zu machen):

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

Hier ist der funktionierende Code mit PIXI 3.0.3: http://miriti.github.io/pixi-background/

Danke für deine Hilfe, das funktioniert!

Wie kommt es, dass dies in der Dokumentation @miriti nicht zu sehen ist? Ich habe ewig danach gesucht, bevor ich mich den Problemen zugewandt habe!

@unwissentlich gute Frage! Ich weiß es nicht. Ich habe es gerade im Code nachgesehen. Aus irgendeinem Grund hat es kein Dokument: https://github.com/GoodBoyDigital/pixi.js/blob/master/src/core/renderers/SystemRenderer.js#L148

@miriti PRd :)

Behoben in 4827cea4bfd4af99bb363c2230da1393ed8221c4

Haben Sie ein Verhalten erlebt, bei dem ein schwarzer Hintergrund aufblitzt, bevor Ihre neue Hintergrundfarbe einsetzt? Ich bin im ClojureScript-Land, also habe ich kein Pastebin zur Hand, aber ich mache im Grunde das, was Sie erwarten würden - einen autoDetectRenderer erstellen [außer ich gebe ein {view: a-preexisting-canvas-element . an } optionales Argument, anstatt es direkt anzuhängen] und dann seine .backgroundColor auf 0xFFFFFF setzen. Und ich sehe wie einen 0,5-sekündigen schwarzen Hintergrund, bevor meine .backgroundColor einsetzt.

Mache ich etwas Idiotisches / ist dies ein bekanntes Problem mit einer offensichtlichen Lösung? Vielen Dank!

@jrheard Render direkt nach der Definition Ihrer Szene/Bühne behebt das Problem mit einem schwarzen Blitz. Zum Beispiel:

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

Anstatt von

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

Sie möchten es wahrscheinlich mehrmals tun:

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

sorry für die verspätete Antwort - das hat mein Problem behoben. Danke!

Dieser Thread wurde automatisch gesperrt, da nach dem Schließen in letzter Zeit keine Aktivität stattgefunden hat. Bitte öffnen Sie eine neue Ausgabe für verwandte Fehler.