Ich werde eine scrollbasierte 3D-Website-Animation mit three js und gsap erstellen


Über diesen Service
Automatische Übersetzung
Das 3D-Modell ändert seine Animation je nachdem, wie du scrollst. Keine Schnitte, kein Neuladen der Seite, nur kontinuierliche Bewegung, die direkt mit der Scroll-Position verbunden ist, vorwärts oder rückwärts.
Ich habe das in Three.js und React Three Fiber gebaut, mit GSAP, das das scroll-verbundene Timing steuert, damit sich die Bewegung durchdacht anfühlt, anstatt mechanisch. Ein Live-Beweis: basalt-instruments.vercel.app, ein Produkt, das ich selbst modelliert und animiert habe, dann an das Scrollen gekoppelt, mit neun Schichten, die sich beim Herunterscrollen trennen, und beim Zurückscrollen sauber wieder zusammenfügen. Probier es auf deinem Handy aus.
Was ich baue:
- Ein 3D-Objekt, modelliert und animiert in Blender
- Scroll-verbundene Bewegung, in beide Richtungen steuerbar
- GSAP-gesteuertes Tempo, kein standardmäßiger Fade-in-Trigger
- Optimierter, komprimierter Export für echte Web-Performance
- Vollständig responsive, separat auf das Scrollverhalten auf Mobilgeräten abgestimmt
Ich modelliere, animiere und integriere das Web selbst, eine Person, die die komplette Pipeline besitzt, anstatt eines Übergabeprozesses zwischen einem 3D-Künstler und einem Entwickler.
Bitte schick mir vor der Bestellung eine Nachricht mit deinem Produkt- oder Markenreferenz, damit ich den Umfang bestätigen kann, bevor wir starten.
Service-MeilensteineNEU
Zahle für dein Projekt mit Meilensteinen: Du zahlst nur dann, wenn es Zeit ist, ein neues Projekt zu starten, oder du entscheidest dich für eine einmalige Zahlung.
- Basic-Paket.
- 1. Meilenstein: Erster Entwurf2 Tag(e) Lieferzeit · 1 Revision100 $Jetzt zahlen
Ich werde einen ersten Entwurf der Lieferung vorbereiten.
- 2. Meilenstein: Lieferung3 Tag(e) Lieferzeit · 1 Revision150 $Bezahle später
Ich sende Ihnen die endgültige Lieferung zur Überprüfung und Rückmeldung.
Dies sind die Schritte, die wir ausführen werden, um dein Projekt fertigzustellen.
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 Saif K kennen
Blender 3D Artist Product Renders, Animation Videos, Print Models and Figurine
- AusPakistan
- Mitglied seitJuli 2020
- ⌀ Antwortzeit1 Stunde
Sprachen
Englisch
Automatische Übersetzung
Mein Portfolio
FAQ
Automatische Übersetzung
Modellierst du das 3D-Objekt selbst?
Ja, in Blender. Wenn du bereits ein Modell hast, schick es mir und ich optimiere es für die Echtzeit-Scroll-Nutzung, anstatt es von Grund auf neu zu erstellen.
Funktioniert das auf Mobilgeräten?
Ja, separat auf das Touch-Scroll-Verhalten abgestimmt, nicht nur vom Desktop-Layout skaliert. Die Performance auf Mobilgeräten ist bei jedem Build eine überprüfte Voraussetzung.
Kann ich es vor der finalen Lieferung in Aktion sehen?
Ja. Du bekommst eine Modellvorschau, bevor die Animation beginnt, und einen Live-Staging-Link, um es selbst durchzuscrollen, bevor der letzte Feinschliff und die Lieferung erfolgen.

