สร้างตัวละคร 3D แบบอินเทอร์แอคทีฟด้วยตัวแปร

บทเรียนที่ 5 จาก 17Spline 3Dระดับสูง17 นาที

สวัสดี! ในวิดีโอนี้ เราจะแสดงวิธีทำให้ตัวละครปลาปักเป้า 3D สุดน่ารักแบบอินเทอร์แอคทีฟมีชีวิตชีวา ดู Spline: https://spline.design/

เราจะใช้ตัวแปรเรียกใช้อีเวนต์ที่เปลี่ยนขนาดและตำแหน่งของเจ้าตัวเล็ก ยิ่งคุณคลิกปลาปักเป้ามากเท่าไร มันก็จะยิ่งพองตัว และในที่สุดก็ลอยขึ้นไปถึงด้านบนของแลนดิ้งเพจ

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

มาเริ่มกันเลย สำรวจความมหัศจรรย์ของตัวแปร และสนุกไปกับการสร้างฉากอินเทอร์แอคทีฟ!

🐡 รีมิกซ์: https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f 🌐 เว็บไซต์จริง: https://safe-value-478717.framer.app/

ดูข้อมูลเพิ่มเติมเกี่ยวกับตัวแปร: 👉 https://youtu.be/Id_SZVCUVMM 📘 https://docs.spline.design/

✨ เข้าร่วม Spline Community เพื่อหาแรงบันดาลใจและแชร์งานออกแบบของคุณ https://community.spline.design/

💬 ❤️ แชร์ไอเดียบทเรียนที่อยากดูในคอมเมนต์

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

  1. 0:00บทนำ
  2. 0:34สร้างและใช้ตัวแปร
  3. 4:29เพิ่มองค์ประกอบต่าง ๆ
  4. 8:34ทำแอนิเมชันองค์ประกอบและให้ขยายตาม
  5. 15:02เอฟเฟกต์อินเทอร์แอคทีฟและการส่งออก

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