Scrollgetriebenes 3D-Erlebnis
Fünf visuelle Ebenen des SpaceX Starship, vom Drahtgitter über Fotorealismus bis zum Start. Scrollgetrieben über GSAP ScrollTrigger, mit eigenen GLSL-Shadern, PBR-Materialien und räumlichem Ton über Howler.js.
Technologie
Ein technisches Objekt zu erklären heisst normalerweise, es zu beschriften. Das liest niemand. Interessant wird es erst, wenn man dieselbe Maschine in mehreren Auflösungsgraden gleichzeitig sehen kann.
Scroll wird als Zeitachse behandelt, nicht als Navigation: Die Position im Dokument bestimmt, welche der fünf Ebenen sichtbar ist und wie sie ineinander übergehen. Eigene Shader statt Standardmaterialien, weil der Übergang vom Drahtgitter zum Fotorealismus genau die Stelle ist, an der Standardmaterial versagt.
Gebaut, mit allen fünf Ebenen und durchgehender Tonspur.
3D-Mobile-Game als PWA
Puzzle-Adventure in 3D als Progressive Web App. Die Spielenden führen MEMO-9, einen Lieferroboter, durch acht Level, die den Schweizer MEM-Lehrberufen entsprechen. Qualitätsmassstab: Monument Valley.
3D-Charakter-Rendering
Eigene GLSL-Shader, die den Copic-Marker-Illustrationsstil von Rolf Vogt in Echtzeit-3D reproduzieren. Kunde: Beratungsstelle für Unfallverhütung (BFU). Three.js mit handgeschriebener Shader-Pipeline.