three.js transparentes Kartenproblem

7

Ich erstelle viele Partikel (80.000 um genau zu sein) und ich habe eine transparente Map erstellt, obwohl nicht alle Partikel transparent sind.

Ich benutze ein transparentes PNG-Bild: (es ist kaum sichtbar, aber es ist in Ordnung) als Materialkarte, obwohl es zeigt einen schwarzen Hintergrund wie hier zu sehen:

Wenn Sie genau hinsehen, vermischen sich einige Partikel gut (keine überlappenden schwarzen Ränder), obwohl einige nicht. Könnte es sein, dass es so viele überlappende transparente Objekte gibt oder sollte das nicht ein Problem sein?

Hier ist der Ausschnitt, der für die Erzeugung meiner Partikel verantwortlich ist:

%Vor%

Warum haben einige der Partikel einen schwarzen Hintergrund?

    
Tim S. 06.08.2012, 12:07
quelle

3 Antworten

10

Diese Partikel mit schwarzen Ecken werden vor allem hinter ihnen gerendert. Der GL weiß also noch nicht, dass etwas zu vermischen ist. Um es richtig aussehen zu lassen, müssen Sie diese Partikel in der Reihenfolge ihrer z-Koordinaten von hinten nach vorne rendern.

    
Roest 06.08.2012, 12:18
quelle
17

Sie können die Eigenschaft alphaTest des Materials anstelle von Transparenz festlegen. Zum Beispiel

%Vor%

three.js sortiert keine Partikel mehr; Sie werden in der Reihenfolge wiedergegeben, in der sie im Puffer angezeigt werden.

drei.js r.85

    
WestLangley 06.08.2012 12:35
quelle
0

Versuchen Sie webgl_particles_billboards.html. Wenn ich recht habe, tut es das Gleiche, was du erwartest.

    
Fract 06.08.2012 17:17
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Controller - Service - Repository: Ordnet Service die Entity ViewModel zu?