Ist es möglich, in Three.js mehrere Texturen übereinander auf die gleiche Seite zu legen, damit das Alpha-Blending in WebGL GPU-beschleunigt ausgeführt wird?

Die Texturen werden (oder sollten) auf dieselbe Fläche angewendet, so dass die Bodentextur (Textur 1) keinen Alphakanal aufweist und die obigen Texturen auf eine Weise wie Textur 2 im folgenden Bildbeispiel alphakanalisiert sind.

Diese Überblendung kann mit HTML5 Canvas als Vorstufe durchgeführt werden. Da Textur-Bitmaps jedoch sehr umfangreich sein können, überspringe ich lieber Canvas-Überblendungsvorgänge.

Ich habe getestet, indem ich eine Kopie des Netzes erstellt und eine Textur pro Netz angewendet und ein anderes Netz transparent gemacht und ein wenig verschoben habe, was beinahe gut gelungen ist, aber es gibt ein Flackern, und da sich Objekte nicht genau an derselben Position befinden können, gibt es einige Raum zwischen Texturen, die nicht der richtige Effekt ist. Sie sollten so aussehen, als wären sie in z. Photoshop (wie im Bild unten).