Die Helix lebt
Eine Studio-Website ist meistens eine Liste: Über uns, Spiele, Kontakt. Ich wollte etwas, das sich schon beim ersten Scrollen wie ein Spiel anfühlt. Codonwerk heißt nach dem Codon, drei Basen, die im Erbgut ein Merkmal festlegen. Also wurde die Website eine DNA-Doppelhelix.
Ein Knoten pro Bereich
Jeder Bereich ist ein Knoten auf dem Strang. Scrollst du, dreht sich die Helix um ihre Achse und die Kamera fährt zum nächsten Knoten. Das funktioniert mit Mausrad, Pfeiltasten, Wischen und über das Menü. Am Handy kannst du die Helix sogar durch Neigen bewegen.
Was man nicht sieht
Die meiste Arbeit steckt in Dingen, die auffallen, wenn sie fehlen: Trackpads schicken bei einer einzigen Wischbewegung Dutzende Scroll-Signale, deshalb zählt nur eine Bewegung pro Knoten. Wer in den Systemeinstellungen „Bewegung reduzieren“ eingeschaltet hat, bekommt eine ruhige Helix. Und Geräte ohne 3D-Grafik sehen eine ganz normale, lesbare Seite.
Die Seite setzt keine Cookies, lädt nichts von fremden Servern und braucht keinen Build-Schritt. Gebaut ist sie mit Three.js, geschrieben im Team mit KI, ausprobiert und abgestimmt Knoten für Knoten.
Tipp: Dreh die Helix vom Start aus einmal nach oben.