Eigenes Produkt · Solo-Entwicklung
Jeder Dollar legt einen Schein auf den Turm.
Rolle
Eigenes Produkt · Solo-Entwicklung
Zeitraum
2026
Technischer Rahmen
Next.js / TypeScript
Links
Ausgangsproblem
Ich wollte zeigen, wie eine wachsende Summe als Stapel echter Geldscheine aussieht. Jede bestätigte Zahlung sollte denselben Turm für alle Besucher aktualisieren – von der Nahaufnahme einzelner Scheine bis zum Vergleich mit großen Wahrzeichen.
Umsetzung
Stripe übernimmt den Checkout; verifizierte Zahlungsereignisse aktualisieren die Summe in Convex. Die Three.js-Szene legt neue Scheine auf den Stapel, sobald diese Updates eintreffen. Scheine und Wahrzeichen habe ich in Blender gebaut und Kameraansichten für den Höhenvergleich ergänzt. Der Renderer nutzt WebGPU, wo es verfügbar ist, und sonst WebGL.
Ergebnis
Mein Beitrag
Wirkung
Was wichtig war
Ein wachsender Turm, dessen Höhe der Dicke echter Dollarscheine folgt
Live-Updates für alle Besucher durch Zahlungsereignisse und Convex
Kameraansichten zum Vergleich mit vertrauten Gegenständen und Wahrzeichen
Stripe-Checkout direkt über der Turmansicht
Eigene Blender-Assets, animierte Scheinlandungen und 3D-Rendering im Browser
Einblicke
Die Ansicht vergleicht den Turm mit der 93 Meter hohen Freiheitsstatue
Technischer Rahmen
Der technische Rahmen steht bewusst am Ende: Er zeigt, welche Substanz hinter der Lösung steckt.
Nächstes Projekt
Stabile Links für agentengeneriertes HTML.
Projekt ansehen