Costruirò un'animazione 3D basata su scroll con three js e gsap


Informazioni su questo servizio
Traduzione automatica.
Il modello 3D cambia la sua animazione in base a come scorri. Niente tagli, niente ricariche di pagina, solo movimento continuo legato direttamente alla posizione dello scroll, avanti o indietro.
Ho realizzato questo in Three.js e React Three Fiber, con GSAP che gestisce il timing collegato allo scroll in modo che il movimento sembri pensato piuttosto che meccanico. Prova dal vivo: basalt-instruments.vercel.app, un prodotto che ho modellato e animato io stesso, poi collegato allo scroll, con nove livelli che si separano man mano che scorri verso il basso, invertendo in modo pulito se scorri indietro. Provalo sul tuo telefono.
Ciò che costruisco:
- Un modello 3D modellato e animato in Blender
- Movimento collegato allo scroll, scrubbabile in entrambe le direzioni
- Ritmo gestito da GSAP, non un semplice trigger di fade-in
- Esportazione ottimizzata e compressa per prestazioni web reali
- Completamente responsive, adattato separatamente al comportamento dello scroll su mobile
Io stesso modello, animo e costruisco l'integrazione web, una sola persona che gestisce l'intera pipeline invece di un passaggio tra un artista 3D e uno sviluppatore.
Contattami prima di ordinare con il riferimento del tuo prodotto o brand, così posso confermare l'ambito prima di iniziare.
Tappe importanti del servizioNOVITÀ
Scegli di pagare il tuo progetto per tappa, pagando solo quando è il momento di avviarne una nuova o scegli di effettuare un pagamento una tantum.
- Pacchetto Base.
- 1a tappa: Prima bozzaConsegna tra 2 giorno/i · 1 revisione100 USDPaga adesso
Preparerò una prima bozza della consegna.
- 2a tappa: ConsegnaConsegna tra 3 giorno/i · 1 revisione150 USDPaga dopo
Ti invierò la consegna finale per la revisione e il feedback.
Questi sono i passaggi che seguiremo per completare il tuo progetto.
Rispettare i diritti di terzi
Ricorda che è contrario alle politiche di Fiverr per i freelance includere temi, modelli o qualsiasi altro elemento che violi i diritti di terzi o le leggi applicabili nell'opera consegnata. Per saperne di più, consulta Guida alla creazione digitale responsabile.
Scopri di più su Saif K
Blender 3D Artist Product Renders, Animation Videos, Print Models and Figurine
- DaPakistan
- Membro dalug 2020
- Tempo di risposta medio1 ora
Lingue
Inglese
Traduzione automatica.
Il mio portfolio
FAQ
Traduzione automatica.
Modelli tu l'oggetto 3D da solo?
Sì, in Blender. Se hai già un modello, inviami il file e lo ottimizzerò per l'uso in tempo reale con lo scroll invece di partire da zero.
Funzionerà sui dispositivi mobili?
Sì, adattato separatamente al comportamento dello scroll touch, non solo ridimensionato dalla versione desktop. La performance su mobile è una fase verificata in ogni progetto.
Posso vederlo funzionare prima della consegna finale?
Sì. Ricevi un'anteprima del modello prima che inizi l'animazione, poi un link di staging live per scorrerlo tu stesso prima della rifinitura e consegna finale.

