Ich werde eine threejs 3d animierte interaktive Website mit gsap scroll animations webgl erstellen


Über diesen Service
Automatische Übersetzung
Die meisten Verkäufer von 3D-Websites verwenden Spline Drag-and-Drop-Tools und nennen es Three.js. Ich schreibe echten Three.js-Code von Grund auf neu.
Ich bin ein Fullstack-Webentwickler mit Schwerpunkt auf Three.js, WebGL, GSAP ScrollTrigger und React Three Fiber (R3F). Ich baue 3D-animierte Websites, die schnell laden, auf Mobilgeräten flüssig laufen und Besucher tatsächlich in Kunden verwandeln, nicht nur in einer Demo beeindruckend aussehen.
Worauf ich setze:
- Three.js - individuelle 3D-Szenen, Geometrien, Beleuchtung und Kamerasteuerung
- GSAP - scrollbasierte Animationen mit ScrollTrigger, die genau auf die Bewegung des Nutzers abgestimmt sind
- WebGL - in Echtzeit gerenderte Visuals und performance-optimierte Effekte
- React Three Fiber (R3F) - 3D-Szenen, die in React/Next.js-Projekte integriert sind
- Spline - für schnelle Einbettungen, wenn Leistung und Budget es erfordern
- Lottie - leichte 2D-Animationen für UI-Mikrointeraktionen
- 3D-Produktkonfiguratoren
- Web-basierte 3D-Erlebnisse mit Three.js & WebGL
Was du bereitstellen solltest:
- Eine Referenz-Website oder Figma-Design (oder beschreibe deine Idee, ich kann anhand eines Briefings arbeiten)
- Deine Markenfarben, Logo und jegliche Inhalte
- Vorhandene 3D-Modelle (ich kann auch Low-Poly-Modelle in Blender als Zusatz erstellen)
Schreib mir vor der Bestellung, damit ich deinen Umfang bestätigen und das passende Paket empfehlen kann
Rechte Dritter respektieren
Bitte beachte, dass es gegen die Richtlinien von Fiverr verstößt, wenn Freelancer Themes, Vorlagen oder andere Elemente, die die Rechte Dritter oder geltende Gesetze verletzen, in die gelieferte Arbeit aufnehmen. Lies mehr darüber in unseren Leitfaden für verantwortungsvolle digitale Kreation.
Lerne David G kennen
Interactive Website Developer and Wix Studio Expert
- AusVereinigte Staaten
- Mitglied seitMärz 2026
- ⌀ Antwortzeit1 Stunde
Sprachen
Deutsch, Englisch, Spanisch, Italienisch, Französisch
Automatische Übersetzung
Meine weiteren Dienstleistungen im Bereich Website-Entwicklung
FAQ
Automatische Übersetzung
Muss ich eigene 3D-Modelle bereitstellen?
Nicht unbedingt. Ich kann Szenen mit Three.js-Primitive-Geometrien, importierten GLTF-Modellen aus Bibliotheken wie Sketchfab oder einfachen Low-Poly-Modellen in Blender erstellen, als Zusatzdienst. Wenn du eigene Modelle (.glb, .gltf, .fbx) hast, kann ich sie integrieren
Funktionieren die 3D-Animationen auf Mobilgeräten?
Ja. Alle Builds werden auf Mobilgeräten auf Leistung getestet. Bei schweren Three.js-Szenen gibt es eine Fallback-Lösung (Spline-Einbettung oder statisches Bild) für Geräte mit geringer Leistung, damit deine Seite auf Mobilgeräten oder Tablets nie abstürzt.
Auf welcher Plattform oder Tech-Stack baust du?
Ich arbeite hauptsächlich mit einfachem HTML/CSS/JS, React/Next.js oder Webflow, je nach Bedarf. Für die Animationsebene nutze ich Three.js, React Three Fiber, GSAP und WebGL. Wenn du WordPress-Integration brauchst, kann ich animierte Abschnitte über benutzerdefinierte Blöcke oder if hinzufügen.
Was benötigen Sie von mir, um zu beginnen?
Eine Referenz-Website oder Figma/XD-Design (oder eine klare Beschreibung deiner Wünsche), deine Markenfarben und dein Logo sowie dein Seiteninhalt (Text, Bilder). Je mehr Details du lieferst, desto schneller und genauer kann ich liefern.
Kannst du einen 3D-Produktkonfigurator für meine Website bauen?
Ja. Ich spezialisiere mich auf individuelle 3D-Produktkonfiguratoren mit Three.js und WebGL, inklusive Farb-, Material- und Teileauswahl

