Home / Developer  / Game Development  / Unity2D การนำ Sprite Sheets ไปสร้าง Animation ในเกม

Unity2D การนำ Sprite Sheets ไปสร้าง Animation ในเกม

บทเรียนสำหรับพัฒนาเกม 2D หรือเกม 2 มิติด้วย Unity 2D บทเรียนแรกในการสร้าง Animation จากภาพกราฟิก Sprite Sheets ของตัวละครไปสร้างไฟล์ .anim เพื่อใช้ในเกม

ในรอบนี้เราจะมาสร้างเกม 2 มิติ หรือ 2D Game กันครับ

เปิด Project ใหม่ของเราขึ้นมาครับรอบนี้สร้างเป็นรูปแบบ 2D นะครับ

unity2d-1

ไปหาภาพ Sprite Sheet มาสักภาพครับ ตัวอย่างผมใช้ภาพนี้

streefighter_a2_ryu

ลากไฟล์นี้ไปใน Folder Asset ของเราเลยครับ สร้าง Folder มาเลยก็ได้ว่า Sprite

unity2d-2

ไปที่ Inspector ของ sprite sheets ตัวนี้ครับ ปรับรูปแบบของ Pixels Per Unit เป็น Multiple

unity2d-3

เมื่อพร้อมแล้วกดปุ่ม Sprite Editor เพื่อเปิดโปรแกรมตัด slice ภาพเป็นเฟรมแต่ละเฟรมของ Sprite Sheets ครับ

unity2d-4

สังเกตในหน้าต่าง Sprite Editor กดปุ่มมุมซ้ายบนที่ Slice ครับ

unity2d-5

unity2d-6

เลือกเป็น Automatic กำหนด Pivot เป็น “Bottom” หรือ “Bottom Right” ครับ หลังจากนั้นเลือก “Slice” ระบบจะทำการตัดแต่ละเฟรมให้เราอัตโนมัติ ปรับ และตัดเพิ่มครับ พอใจแล้วกด Apply

unity2d-7

ลองเปิด Layer ของ Sprite Sheets ของเราดูครับ จะเห็น Frame by Frame ของแต่ละชิ้นมาเลย

unity2d-8

ลากไฟล์ ยืนนิ่งๆ ไฟล์เดียวลงไปบน Scene View

unity2d-9

เปิด Animation ขึ้นมาสร้างไฟล์ .anim ใหม่ว่า “Idle”

unity2d-10

ทำการขยับเป็นท่า Foot Work เล็กน้อย แล้วเซฟ

unity2d-11

ทำการ Preview นิดหน่อย

unity2d-12

ทำแบบเดิมครับ แค่เลือกเอาไฟล์ภาพที่เป็นจังหวะการต่อยเรียงกันไปวาง

unity2d-13

สังเกตว่า animation จะสร้างให้อัตโนมัติทันที เซฟ ตั้งชื่อว่า “Punch.anim”  ก็เป็นอันเสร็จ

unity2d-14

บทเรียนต่อไปจะเป็นการสร้าง Animator controller และ Sprite Renderer สำหรับควบคุมตัวละครในเกมเบื้องต้นครับ

Comments

daydevthailand@gmail.com

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ,ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Review overview