In Firefox .png-Dateien nehmen Sie die Hintergrundfarbe von was auch immer sie sind vor. Der transparente Bereich ist weiß, wenn der Hintergrund weiß ist, wenn die Kamera in den Raum bewegt wird. Auch wenn zwei PNGs direkt voreinander liegen, bekomme ich einen flackernden Effekt. Ich bin auf Windows mit der neuesten Version von Firefox. Sollte ich .gif-Dateien anstelle von .png verwenden?A-Frame .png Transparenz
Der Master-Zweig von A-Frame legt die Eigenschaft material.alphaTest offen, die Sie auf 0,5 setzen können, um dieses Transparenzproblem zu lösen.
Wenn Sie auf 0.5.0 bleiben wollen, eine Abhilfe ist:
AFRAME.registerComponent('alpha-test', {
dependencies: ['material'],
init: function() {
var material = this.el.getObject3D('mesh').material;
material.alphaTest = 0.5;
material.needsUpdate = true;
}
});
Dann:
<a-image id="yourCOFHOFimage" alpha-test></a-image>
Danke, Kevin! Ich werde anfangen, die Hauptversion zu verwenden, bis 6.0 herauskommt. Um das Alpha im Master freizulegen, mache ich das?
Mein Problem mit der A-Frame-Partikel-Komponente gelöst. Es rendert in HTML-Reihenfolge von oben nach unten. Die letzte Zeile der Szene muss also die Loader-Entity haben:
Können Sie Beispielcode zur Verfügung stellen (mit JSFiddle, CodePen oder Panne)? Ich denke, Sie müssen 'material.alphaTest' auf' 0.5' setzen. – ngokevin
Danke, Kevin. Es ist Schichtordnung, denke ich. Ich werde dies hochladen und einen Link senden. Ich habe auch das gleiche Problem mit einem Logo "Cable Hall of Fame" in einem anderen Stück, an dem ich arbeite, wo der Hintergrund schwarz ist und wenn sich die Kamera zum Logo bewegt, kann man dahinter nichts außer den Grundformen sehen aber die Bilder, andere Bilddateien, sind versteckt. Ich werde einen Glitch-Account einrichten. Aber, ein gutes Beispiel ist hier: http://cablecenter.org/vr/chof2017/ Sie können sehen, dass die PNG-Datei ein jpg mit einem schwarzen Hintergrund zu sein scheint. Es hat die Farbe von der Szene übernommen. –
Sehen Sie auch, wie die Schneepartikel hinter dem Png des Gebäudes sind und doch hat die Ordnung das Wesen vor dem Png? http://cablecenter.org/vr/snow-test/ –