สร้างตัวละครผึ้งแบบอินเทอร์แอคทีฟสำหรับเว็บ

Spline 3Dระดับกลาง14 นาที

ยินดีต้อนรับกลับมา! 🙌 ในบทเรียนวิดีโอนี้ เราจะแสดงวิธีสร้างประสบการณ์อินเทอร์แอคทีฟด้วยตัวละครผึ้งแสนน่ารัก ดู Spline: https://spline.design/

คุณจะได้เรียนรู้วิธีสร้างแอนิเมชันวนซ้ำให้ปีกและตาของผึ้ง และสร้างเอฟเฟกต์ทรานซิชันแบบอินเทอร์แอคทีฟที่ทำให้องค์ประกอบเคลื่อนที่หรือปรากฏบนหน้าจอเมื่อคลิกปุ่ม ด้วยอีเวนต์ Mouse Down

ดาวน์โหลดผึ้ง 3D ตัวนี้แล้วทำตามบทเรียนไปพร้อมกัน

🐝 รีมิกซ์: https://app.spline.design/file/68152128-3ac0-4fdd-a941-1cdcbe075c43

ดูข้อมูลเพิ่มเติมเกี่ยวกับอีเวนต์อินเทอร์แอคทีฟได้ใน Spline Docs! 📘 https://docs.spline.design/

ขอให้สนุกกับการเรียนรู้!

สิ่งที่คุณจะได้เรียนรู้

  1. 0:00บทนำ
  2. 0:38สร้างแอนิเมชันปีกแบบวนซ้ำ
  3. 2:44เพิ่มตากะพริบ
  4. 4:13สร้างเอฟเฟกต์ทรานซิชันด้วยปุ่ม (อีเวนต์ Mouse Down)
  5. 11:53ตั้งค่ากล้องและส่งออกสำหรับเว็บไซต์

แหล่งข้อมูลที่เกี่ยวข้อง

บทเรียนที่เกี่ยวข้อง

บทเรียนทั้งหมด