[ Die Idee ]
Zuerst etwas völlig Nutzloses zeigen. Mit allem Ernst.
Studios zeigen gern, was sie können. VYRNOX zeigt zuerst einen Stempel aus Nussbaum und Messing, inszeniert wie ein Luxusprodukt: Materialprüfung, technische Zeichnung, Modellwahl.
Dann kommt die Pointe. Den Stempel gibt es nicht. Die Seite sagt dir, wie lange du ihm gerade zugeschaut hast, und fragt, was wir für dein Produkt tun könnten.
Zehn Kapitel Scroll-Story, danach der echte Teil: Leistungen, Methode, Antrag.
Teststreifen: vier Bauphasen derselben Ansicht
Teststreifen · eine Ansicht, vier Belichtungen · Streifen anfahrenaus der echten Seite erzeugt
[ Die Umsetzung ]
Echtzeit-3D, das aussieht wie ein Rendering.
Der Stempel ist in Blender modelliert und läuft im Browser live in 3D. Er steht auf einem gerenderten Hintergrund. Die Kamera im Browser übernimmt Position und Brennweite aus Blender, damit beides bis auf den Pixel zusammenpasst.
Schwache Geräte bekommen eine leichtere Fassung. Wer weniger Bewegung eingestellt hat, bekommt eine ruhige.
- Stack
- Next.js, React, three.js, R3F, GSAP
- 3D-Pipeline
- Blender → GLB, Kamera aus Blender übernommen
- Leistungsstufen
- Volles 3D, leichtes 3D, statisch
- Sprachen
- Deutsch, Englisch
- Datenschutz
- Keine Cookies, Schriften selbst gehostet
- Barrierefreiheit
- Reduzierte Bewegung, Tastatur, Screenreader
[ Mobil ]
Dieselbe Geschichte im Hochformat.
Eigene Kamera und eigenes Rendering fürs Hochformat, leichtere 3D-Modelle, gleiche Dramaturgie.
[ Die Pointe ]
Danach wird es ernst. Und hell.
Nach der Pointe wechselt die Seite ins Helle, die Schrift wird sachlich, und es geht um das, was VYRNOX wirklich macht.
