Ik maak een scroll-gebaseerde 3D website animatie met three js en gsap

S
saifkhan26
S
saifkhan26
Saif K
Sommige informatie is automatisch vertaald.
build a scroll based 3d website animation with three js and gsap
build a scroll based 3d website animation with three js and gsap
Volledig scherm
build a scroll based 3d website animation with three js and gsapbuild a scroll based 3d website animation with three js and gsap

Over deze dienst

Automatische vertaling

Het 3D-model verandert zijn animatie afhankelijk van hoe je scrolt. Geen cuts, geen pagina herladen, gewoon continue beweging die direct gekoppeld is aan scrollpositie, vooruit of achteruit.


Ik bouw dit in Three.js en React Three Fiber, met GSAP die de scroll-gekoppelde timing aanstuurt zodat de beweging natuurlijk aanvoelt in plaats van mechanisch. Live bewijs: basalt-instruments.vercel.app, een product dat ik zelf heb gemodelleerd en geanimeerd, en vervolgens gekoppeld aan scroll, negen lagen die zich scheiden terwijl je naar beneden scrolt, en netjes terugkeren als je weer omhoog scrolt. Probeer het op je telefoon.


Wat ik maak:

- Een 3D-object gemodelleerd en geanimeerd in Blender

- Scroll-gekoppelde beweging, in beide richtingen te scrubbelen

- GSAP-gestuurde pacing, niet een standaard fade-in trigger

- Geoptimaliseerde, gecomprimeerde export voor echte webprestaties

- Volledig responsive, apart afgestemd op mobiel scroll gedrag


Ik modelleer, animeer en bouw de webintegratie zelf, als één persoon die de volledige pipeline beheert in plaats van een overdracht tussen een 3D-kunstenaar en een ontwikkelaar.


Stuur me gerust een bericht voordat je bestelt met je product- of merkvermelding, zodat ik de scope kan bevestigen voordat we beginnen.

  • Type website

    • Landingspagina

  • Programmeertaal

    • HTML & CSS
    • JavaScript
    • TypeScript
    • React
    • Node.js

  • Websitefuncties

    • Marketing
    • Portfolio
    • Landingspagina
    • Nieuwsbrief

DienstmijlpalenNieuw

Kies ervoor om je project per mijlpaal te betalen zodat je alleen betaalt wanneer het tijd is om een nieuw project te starten of kies voor een eenmalige betaling.

    Basis pakket.
    Dit zijn de stappen die we zullen volgen om je project te voltooien.
  • 1e mijlpaal: Eerste ontwerp
    Levering binnen 2 dag(en) · 1 revisie
    US$ 100Nu betalen

    Ik zal een eerste ontwerp van de oplevering maken.

  • 2e mijlpaal: Levering
    Levering binnen 3 dag(en) · 1 revisie
    US$ 150
    Betaal later

    Ik stuur je de uiteindelijke levering voor beoordeling en feedback.

Respecteer de rechten van derden

Let erop dat het tegen het beleid van Fiverr voor freelancers is om thema's, templates of andere elementen in het geleverde werk op te nemen die inbreuk maken op de rechten van derden of toepasselijke wetten. Lees er meer over in onze Gids voor verantwoorde digitale creatie.

Maak kennis met Saif K

Saif K

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

  • Afkomstig uitPakistan
  • Lid sindsjul 2020
  • Gem. reactietijd1 uur

  • Talen

    Engels
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.

Automatische vertaling

Mijn portfolio

Gerelateerde tags