Spline
Kausapin ang salesMagsimulang gumawa

Gumawa ng 3D Scroll Animation at I-integrate sa Framer

Spline 3DBaguhan12 min

Sa tutorial na ito, aalamin natin kung paano gumawa ng 3D scroll animation kung saan lumalaki ang isang halaman habang nag-i-scroll ang user. Ise-set up natin ang mga scroll event, magdaragdag ng mga transition, at isasama ang galaw ng camera. Sa huli, ie-embed natin ang interactive 3D scene sa isang website gamit ang Framer bilang web builder.

👇 Gamitin ang mga link sa ibaba para i-remix ang design na ipinakita sa video:

🪴 Website at Final na Scene Remix: https://inspired-walkthroughs-144071.framer.app/ 🌱 3D na Design ng Halaman (walang animation): https://app.spline.design/file/c4dc75ac-ebaf-4b00-a6cc-a1e47347f522

---

Tumuklas ng iba pang kahanga-hangang creator at project #MadeInSpline sa https://community.spline.design/

Ang matututunan mo

  1. 0:00Intro
  2. 0:18Basic na Exercise gamit ang Cube
  3. 1:20Pagsilip sa mga Setting ng Scroll Event
  4. 2:42Pag-adjust ng mga Play Setting para sa Scroll Animation
  5. 3:06Pag-animate ng Paglaki ng mga Dahon
  6. 7:59Pagdaragdag ng Rotation sa Animation ng Halaman
  7. 9:10Pagdaragdag ng Galaw ng Camera
  8. 10:29Pag-export bilang Viewer
  9. 10:40Pag-embed ng 3D Animation Mo sa isang Framer Site

Mga kaugnay na resource

Mga kaugnay na tutorial

Lahat ng tutorial
Gumawa ng mga Interactive na 3D Fluid Shape na Sumusunod sa Cursor

Spline 3DBaguhan12 min

Paano Magdagdag ng Follow Interaction sa isang 3D Object

Spline 3DBaguhan6 min

Pagdidisenyo ng 3D website gamit ang Spline at Framer

Spline 3DBaguhan14 min