Das ist meine Lösung. Die Quellkommentare sollten erklären, was vor sich geht. Setup (init):
%Vor%Ändern Sie Ihre Animationsschleife zu:
%Vor%Hinweis: EffectComposer, RenderPass, ShaderPass und CopyShader sind nicht Teil der Standarddatei three.js. Sie müssen sie zusätzlich zu three.js hinzufügen. Zum Zeitpunkt des Verfassens sind sie im Projekt threejs im Ordner examples zu finden:
%Vor%für mich der beste Weg, um eine perfekte AA mit nicht zu viel Arbeit zu haben (siehe den Code unten) ps: Wenn du mehr als 2 erhöhst, beginnt es zu schärfen
renderer = new THREE.WebGLRenderer({antialiasing:true});
renderer.setPixelRatio( window.devicePixelRatio * 1.5 );
So können Sie das Problem lösen: Wenn Sie Ihren Renderer erstellen, verdoppeln Sie in Ihrem three.js-Initialisierungscode die Dimensionen der primären Zeichenfläche und legen Sie sie so fest, dass sie auf einem sekundären, verborgenen Zeichenflächenelement gerendert werden das ist doppelt so groß wie Ihre primäre Leinwand. Führen Sie die erforderliche Bildbearbeitung auf dem sekundären Zeichenbereich durch, und zeigen Sie das Ergebnis dann auf dem primären Zeichenbereich an.