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

S
saifkhan26
S
saifkhan26
Saif K
Alcune informazioni sono state tradotte automaticamente.

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.
    Questi sono i passaggi che seguiremo per completare il tuo progetto.
  • 1a tappa: Prima bozza
    Consegna tra 2 giorno/i · 1 revisione
    100 USDPaga adesso

    Preparerò una prima bozza della consegna.

  • 2a tappa: Consegna
    Consegna tra 3 giorno/i · 1 revisione
    150 USD
    Paga dopo

    Ti invierò la consegna finale per la revisione e il feedback.

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

Saif K

Blender 3D Artist Product Renders, Animation Videos, Print Models and Figurine

  • DaPakistan
  • Membro dalug 2020
  • Tempo di risposta medio1 ora
  • Lingue

    Inglese
I make products and characters look incredible in 3D — photorealistic renders for ecommerce, animated videos for brand launches, print-ready models for FDM and resin printers, and stylised figurines built for display. Everything is rendered in Blender Cycles. Every print file is a clean, watertight mesh. Every animation is smooth, lit properly, and ready to use without rework. I reply fast and send a preview before finalizing anything. Message me before ordering.

Traduzione automatica.

Il mio portfolio