Monoform Architects 3D-Website Portfolio-Pro
Eine Architektur-Landingpage mit scrollgesteuertem Three.js-Gebäude, GLTF- und Draco-Laden sowie 3D-Projektvorschauen im Vollbild.
Live-Versionen
Quellcode-Repositories
Projektübersicht
Monoform Architects ist ein interaktives Landingpage-Konzept, das ein echtes 3D-Gebäudemodell in die Seitenerzählung einbindet. Die Szene reagiert auf den Scrollfortschritt, während die Oberfläche Studio, Projekte, Referenzen und ein eigenes 3D-Labor präsentiert.
Was ich gebaut habe
- 01
Ein GLTF-Gebäudemodell wird mit Three.js geladen, einschließlich Draco-komprimierter Geometrie und einer Ersatzszene.
- 02
Kamera- und Modellbewegung folgen dem Scrollfortschritt und entwickeln die Hintergrundszene mit dem Inhalt.
- 03
Ein 3D-Vollbildviewer ergänzt Hero, Studio, Projekte, Referenzen und Kontaktbereiche.
- 04
Die Umsetzung ist eine frameworkfreie statische Seite für GitHub Pages.
Technische Umsetzung
Browser-native ES-Module und lokale Modellressourcen ermöglichen den Betrieb über einen einfachen HTTP-Server ohne Backend.
Modelle von Drittanbietern behalten sichtbare Urheber- und Lizenzhinweise in der Oberfläche.
Technologie-Stack
- Three.js
- JavaScript
- GLTF
- Draco
- HTML
- CSS
Weitere Portfolio-Projekte
Sie benötigen ein ähnliches Produkt?
Lassen Sie uns über den Workflow, die Website oder die Anwendung sprechen, die Sie veröffentlichen möchten.