Tilt-Shift mit three.js Schärfentiefe Bokeh Shader

Question

Three.js kommt mit ein großartiges Beispiel für Tiefenschärfe die ich in einem Projekt verwendet habe und die gut funktioniert.

Ich würde es gerne so modifizieren, dass das Bokeh vor UND hinter dem Brennpunkt funktioniert, im Tilt-Shift-Stil.

Ich bin ziemlich neu in diesem Zeug, aber es sieht aus wie was ich tun müsste, ist es berechnen die Tiefe Textur von einem Kamerapunkt vor der Kamera (das Beispiel berechnet es von der aktuellen Kameraposition), aber egal was ich versuchen, ich kann nicht bekommen, dass zu arbeiten.

Kann mir jemand den richtigen Weg weisen?

Answer 1

Ok nvm, die "Fokus"-Einheit ist das, was ich wollte, Sie erhalten den Brennpunkt vor der Kamera, wenn Sie es < 1 - ich habe nur nicht erkennen, es vor, weil die Schritte erforderlich sind winzig, in meiner Szene Platzierung der Brennpunkt in der Mitte der Szene erfordert einen Fokus-Wert von 0,98, und das Beispiel GUI wurde die Brennweite um Schritte von 0,025 bewegen