ทำให้หุ่นยนต์ 3D แบบอินเทอร์แอคทีฟมีชีวิตชีวา

บทเรียนที่ 7 จาก 14Spline 3Dระดับเริ่มต้น13 นาที

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

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

สิ่งที่คุณผสานเข้ากับโปรเจกต์หรือเว็บไซต์ได้ง่าย ๆ โดยไม่ต้องเขียนโค้ด ;)

ใช้ตัวละครแบบไหนก็ได้ตามชอบ หรือดาวน์โหลดตัวนี้แล้วทำตามบทเรียนไปพร้อมกันก็ได้

🤖 รีมิกซ์: https://app.spline.design/file/f09aef0f-3b4e-436e-a05a-e97945e2490a

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

การโต้ตอบที่นาที 10:44 ได้แรงบันดาลใจจาก Gaurav Kallugadde (@gaurav_paints) ❤️

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

  1. 0:00บทนำ
  2. 0:37ให้ตัวละครหันหาเคอร์เซอร์ - อีเวนต์ Look At
  3. 1:34การโต้ตอบ Mouse Hover
  4. 3:26การโต้ตอบ Mouse Press และ Mouse Down
  5. 4:45เปลี่ยนสีตัวละคร
  6. 10:44เปลี่ยนสีหน้า
  7. 12:27การควบคุมแบบเกม

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