Ik maak een scroll-animatie website met three js gsap en next js


Over deze dienst
Automatische vertaling
Scrollen kan meer dan tekst omhoog bewegen op een scherm. Het kan een camera over een wereldbol laten vliegen, een product uit elkaar halen, of iemand door laten lopen hoe iets werkt.
Ik bouw scroll-gestuurde 3D websites met three.js, GSAP en Next.js. De pagina is één doorlopende scène: terwijl de bezoeker scrolt, beweegt de camera, delen scheiden zich, routes tekenen zichzelf, en elk hoofdstuk komt met zijn eigen woorden.
WAT JE KRIJGT
- Één doorlopende 3D scène, geen stapel secties
- Elk hoofdstuk ingekaderd en getimed zodat de woorden gelezen kunnen worden
- Soepel op telefoons, niet alleen op snelle laptops
- Netjes Next.js code die jij bezit, gedeployed en live
- Een instellingenbestand, zodat je zelf de tekst kunt aanpassen
GOED VOOR
Reizen en toerisme, klinieken en medische apparaten, engineering, architectuur, productlanceringen, alles wat uitleg nodig heeft in plaats van lijstjes.
WAT IK NODIG HEB
Jouw tekst, jouw foto's of model, en de volgorde waarin je wilt dat dingen worden onthuld.
De galerij toont demo builds: een reis over een wereldbol, en een tandheelkundige implantaat dat in delen uit elkaar gaat.
Vertel me wat je moet uitleggen en ik stel voor hoe het zich kan ontvouwen.
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 Arthur Morgan
- Afkomstig uitIndia
- Lid sindsjun 2024
- Gem. reactietijd1 uur
Talen
Engels
Automatische vertaling
Veelgestelde vragen
Automatische vertaling
Wat is een scroll-gestuurde site?
De pagina is één 3D scène, en scrollen beweegt de camera erdoorheen in plaats van tussen blokken te springen. Denk aan Apple's productpagina's: het object blijft, de kijkhoek en de woorden veranderen eromheen.
Heb ik een 3D-model nodig?
Niet altijd. Een wereldbol, een kaart of een abstracte scène die ik in code bouw. Voor jouw specifieke product heb ik een model of CAD-bestand nodig, of goede foto's zodat ik er een kan vinden en optimaliseren.
Werkt het op telefoons?
Ja. Ik maak een portretlay-out met eigen framing, omdat een scène voor een breed scherm zelden werkt op een smal scherm. Oudere telefoons krijgen een lichtere versie zodat er niets hapert.
Is het slecht voor SEO?
Nee. De tekst is echte HTML, gerenderd op de server met Next.js, zodat zoekmachines de woorden normaal lezen. Alleen de 3D scène laadt daarna.
Zijn de voorbeelden echte klantwerken?
Nee. Het zijn demo builds die laten zien wat mogelijk is, dus de merken zijn fictief. De code, 3D-werk en prestaties zijn hetzelfde als je zou krijgen

