Spline
Kausapin ang salesMagsimulang gumawa

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

Aralin 4 ng 8Spline 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