สร้างคีย์บอร์ดอินเทอร์แอคทีฟด้วย Hana

บทเรียนที่ 10 จาก 15Hanaระดับเริ่มต้น9 นาที

สวัสดี! 👋

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

รีมิกซ์เดโมนี้ได้ที่: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

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

  1. 0:00บทนำ
  2. 0:22เพิ่มเฟรมฐาน
  3. 0:34สร้างฐานคีย์บอร์ด
  4. 1:14เพิ่มเงาให้ฐานคีย์บอร์ด
  5. 1:37สร้างปุ่มตัวอักษรและตัวเลข
  6. 3:31สร้างปุ่ม Enter
  7. 3:45เพิ่มเงาตกกระทบให้ตัวเลขและตัวอักษร
  8. 4:07เพิ่มอีเวนต์การกดปุ่ม
  9. 6:57สร้างการโต้ตอบของหน้าจอ
  10. 8:50งานออกแบบสุดท้าย
  11. 9:04ปิดท้าย

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