สร้างแอนิเมชัน 3D ตามการเลื่อนหน้าและผสานเข้ากับ Framer

ในบทเรียนนี้ เราจะเรียนรู้วิธีสร้างแอนิเมชัน 3D ตามการเลื่อนหน้า ที่ต้นไม้เติบโตขึ้นเมื่อผู้ใช้เลื่อนหน้า เราจะตั้งค่าอีเวนต์การเลื่อน เพิ่มทรานซิชัน และใส่การเคลื่อนกล้อง สุดท้ายเราจะฝังฉาก 3D แบบอินเทอร์แอคทีฟลงในเว็บไซต์โดยใช้ Framer เป็นเครื่องมือสร้างเว็บ

👇ใช้ลิงก์ด้านล่างเพื่อรีมิกซ์งานออกแบบที่แสดงในวิดีโอ:

🪴 เว็บไซต์และรีมิกซ์ฉากสุดท้าย: https://inspired-walkthroughs-144071.framer.app/ 🌱 งานออกแบบต้นไม้ 3D (ไม่มีแอนิเมชัน): https://app.spline.design/file/c4dc75ac-ebaf-4b00-a6cc-a1e47347f522

---

ค้นพบครีเอเตอร์และโปรเจกต์สุดเจ๋งอีกมากมาย #MadeInSpline ได้ที่ https://community.spline.design/