Pixi.js: Transparenter Hintergrund

Erstellt am 29. März 2013  ·  11Kommentare  ·  Quelle: pixijs/pixi.js

Hallo,

Gibt es eine Möglichkeit, einen transparenten Hintergrund zu haben?

Danke!

Hilfreichster Kommentar

@zur4ik - Ich hatte das gleiche Problem. Für alle anderen:

var renderer = PIXI.autoDetectRenderer(256, 256, {Antialias: false, transparent: true, resolution: 1});

Alle 11 Kommentare

Ah ja! Das wäre ganz praktisch, pixi.js ist noch nicht für transparente Hintergründe eingerichtet, aber das wird super einfach zu ändern sein :)
Zu meiner Todo-Liste hinzugefügt..

Danke für die Antwort, kannst du mir bitte einen Tipp geben, vielleicht kann ich helfen ;)

Sie sind mehr als willkommen zu helfen :+1:

Hier ist ein Ausgangspunkt für dich :)

Die Hintergrundfarbe wird hier (Zeile 78) im Canvas-Rendering eingestellt:

if(this.view.style.backgroundColor!=stage.backgroundColorString)this.view.style.backgroundColor = stage.backgroundColorString;

und hier (Zeile 189) im webGLRender:

gl.clearColor(stage.backgroundColorSplit[0], stage.backgroundColorSplit[1], stage.backgroundColorSplit[2], 1.0);

besser spät als nie! Hintergrundtransparenz ist jetzt implementiert..

var renderer = PIXI.autoDetectRenderer(400, 300, null, *true*);

@GoodBoyDigital Das ist großartig! Ich habe buchstäblich nur versucht, dies zu implementieren. Danke!

Beeindruckend! ... habe meine Wochenenden dafür reserviert, aber danke!!

und ... für diejenigen, die neu bei pixi.js sind ... wow! Süss!

ich lege

var renderer = PIXI.autoDetectRenderer(400, 300, null, true);

aber meine leinwand ist sowieso schwarz. Irgendwelche Ideen?

@zur4ik Wenn Sie v3 verwenden, ist dies nicht der richtige Parameter für autoDetectRenderer. Schauen Sie sich die v3-Dokumente an:

http://pixijs.github.io/docs/PIXI.html#.autoDetectRenderer

@zur4ik - Ich hatte das gleiche Problem. Für alle anderen:

var renderer = PIXI.autoDetectRenderer(256, 256, {Antialias: false, transparent: true, resolution: 1});

Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine Aktivitäten mehr gegeben hat. Bitte öffnen Sie ein neues Problem für verwandte Fehler.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen