ส่วนที่ 4: การสร้างตัวละครของคุณ

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

Platformer คือเกมเหมือน Mario โดยทั่วไปแล้ว Platformer จะมีตัวละครที่สามารถควบคุมด้วยจอยสติ๊ก และสามารถกระโดดเพื่อแก้ปัญหาต่างๆ

ส่วนนี้ของคู่มือสร้างจาก ส่วนที่ 3 และถือว่าคุณได้สร้างระดับของคุณแล้วโดยใช้ทรัพยากรจาก Platformer Starter Pack ซึ่งคุณสามารถดาวน์โหลดได้จาก Asset Shop

การเพิ่มผู้เล่น:

คุณต้องเพิ่มกราฟิกของผู้เล่นไปยัง Dock ของวัตถุก่อน เริ่มต้นโดยการไปที่โฟลเดอร์ดาวน์โหลดใน Asset Library และหาตัวละคร Green Space Man ที่มีการเคลื่อนไหว

การแตะที่ตัวละครอนิเมชั่นใน Asset Library จะทำให้คุณเห็นการเคลื่อนไหวที่ใช้ได้ทั้งหมด

เนื่องจากเราไม่ต้องการให้ผู้เล่นดูเหมือนว่ากำลังเดินอยู่เมื่อเขายืนอยู่ เราจะใช้การเคลื่อนไหว "ยืน" แตะที่การเคลื่อนไหว "ยืน" เพื่อเพิ่มมันไปยัง Dock

หมายเหตุ: หากกราฟิกอนิเมชั่นที่คุณใช้ไม่มีการเคลื่อนไหวแบบยืนหรือไม่เคลื่อนไหว คุณสามารถเลือกกรอบเดียวของอนิเมชั่นได้โดยการกดนิ้วของคุณที่การเคลื่อนไหว และเลือก "ดูกรอบ" จากเมนูใน Asset

ตอนนี้ที่คุณมีตัวละครใน Object Dock แล้ว คุณสามารถลากมันออกจาก Dock และลงในฉากของคุณได้

การเคลื่อนที่ของผู้เล่น:

ตอนนี้เราต้องทำให้ตัวละครมีชีวิตและสามารถเคลื่อนไหวได้ด้วยจอยสติ๊ก hyperPad ทำให้กระบวนการนี้ง่ายมากด้วยพฤติกรรมที่รวมอยู่

เปิด Object Properties โดยการแตะที่ตัวละครที่คุณเพิ่งลากเข้ามาบนแคนวาส

จาก "Physics Tab" ของ Object Properties ทำให้ตัวละครของคุณเป็น "ประเภทฟิสิกส์" โดยการแตะที่ไอคอนวัตถุฟิสิกส์ ( ) ที่อยู่ด้านล่างปุ่ม "พฤติกรรม"

หมายเหตุ: วัตถุฟิสิกส์จะปฏิบัติตามกฎของแรงโน้มถ่วงและจะตอบสนองต่อวัตถุและแรงอื่น ๆ

ถัดไปให้แตะที่ปุ่มพฤติกรรม เพื่อเปิดตัวแก้ไขพฤติกรรมและเริ่มกระบวนการทำให้ตัวละครของคุณเล่นได้

ตัวแก้ไขพฤติกรรมมีหมวดหมู่ต่าง ๆ แสดงในแถบด้านบน และพฤติกรรมในลิสต์ทางซ้าย

เนื่องจากคุณได้เพิ่มการเคลื่อนไหวของอนิเมชั่นแล้ว พฤติกรรม "Play Animation" จะถูกเพิ่มโดยอัตโนมัติในแคนวาสพฤติกรรม

จากหมวด "Interaction" ลากพฤติกรรม "Joystick Controlled" ลงไปในแคนวาสของคุณ

เมื่อพฤติกรรมนี้ถูกเพิ่มเข้ามา มันจะสร้างและเพิ่มจอยสติ๊กใน Global UI** Layer** โดยอัตโนมัติ หากคุณมีจอยสติ๊กที่เพิ่มอยู่ใน UI Layer ของคุณแล้ว พฤติกรรมนี้จะใช้จอยสติ๊กนั้นแทนการเพิ่มใหม่ให้คุณ

ในจุดนี้ คุณสามารถกดเล่นและรันเกมของคุณ! อย่างไรก็ตาม คุณอาจสังเกตเห็นว่าผู้เล่นเพียงเลื่อนรอบหน้าจอ...

อนิเมชัน:

ให้เราทำให้เกมดูดีขึ้นด้วยการเพิ่มอนิเมชั่นให้กับผู้เล่นของเรา

เราจะเริ่มต้นด้วยการทำให้ตัวละครเดินเมื่อเคลื่อนไหวจอยสติ๊กไปทางซ้ายหรือขวา

ในการทำเช่นนี้ คุณต้องดูพฤติกรรมการปฏิสัมพันธ์ที่ "ขั้นสูง" ขณะอยู่ในหมวด "Interaction" แตะที่ตัวเลือก "Advanced" ที่ด้านล่างของรายการพฤติกรรม

จากรายการ "advanced" ให้เพิ่ม "Joystick Left" และ "Joystick Right" ไปยังแคนวาส

ถัดไป จากหมวด "FX" เพิ่มพฤติกรรม "Play Animation" และเชื่อมต่อทั้ง Joystick Left และ Right เข้ากับ Play Animation ที่เพิ่มเข้ามานี้

ตอนนี้แตะที่พฤติกรรม "Play Animation" เพื่อดูคุณสมบัติของพฤติกรรม

กล่องแรกที่ด้านบนคือวัตถุที่คุณต้องการใช้อนิเมชั่น hyperPad จะเลือกวัตถุปัจจุบันโดยอัตโนมัติ

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

กล่องถัดไปด้านล่างแทนอนิเมชั่นที่คุณต้องการเล่น เนื่องจากยังไม่มีอนิเมชั่นที่จะเล่น มันว่างเปล่า

แตะที่กล่องว่างเพื่อเลือกอนิเมชั่น

สังเกตว่ารัฐวิสาหกิจฟิล์มปรากฏด้านล่างของหน้าจอ แตะที่ไอคอน Asset Library เพื่อเพิ่มรอบการเคลื่อนไหวให้กับฟิล์มสตริป

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

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

ถัดไป จากคุณสมบัติของพฤติกรรมอนิเมชั่นเดิน ปิดสวิตช์สำหรับ "Loop Animation" เราไม่ต้องการให้สวิตช์นี้เปิด เพราะ Joystick Left และ Right จัดการอนิเมชั่นของเราสำหรับเราเนื่องจากอนิเมชั่นจะเกิดขึ้นเฉพาะเวลาเราย้ายจอยสติ๊กไปทางซ้ายหรือขวา

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

ถ้าคุณกดเล่นตอนนี้ ตัวละครของคุณควรจะเคลื่อนไหวไปรอบๆ ด้วยจอยสติ๊กและมีอนิเมชั่น!

การกระโดด:

คุณไม่สามารถมีเกม Platform โดยไม่มีกระโดด! ทำให้ผู้เล่นกระโดดเป็นเรื่องง่ายใน hyperPad

ขณะที่คุณอยู่ในแผงพฤติกรรมของ Green Spaceman ให้แตะที่หมวด "Interaction" และจากรายการพฤติกรรมทางซ้าย ดึงพฤติกรรม "Jump with Button" เข้ามา เช่นเดียวกับพฤติกรรม Joystick Controlled กระโดดด้วยปุ่มจะจัดการการเคลื่อนไหวของวัตถุของคุณสำหรับคุณ และเพิ่มปุ่มไปยัง Global UI Layer โดยอัตโนมัติ

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

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

หากคุณกดเล่นตอนนี้ คุณจะเห็นผู้เล่นของคุณวิ่งไปรอบ ๆ และกระโดด อย่างไรก็ตาม คุณอาจสังเกตเห็นว่าตัวละครยังคงเดินในขณะที่กระโดดอยู่ในอากาศ... มาปรับแก้กัน!

เริ่มต้นด้วยการเล่นอนิเมชั่นในขณะที่คุณกระโดด

จากหมวด "Interaction" เพิ่มพฤติกรรม "Started Touching" และจากนั้นแตะพฤติกรรมที่คุณเพิ่งเพิ่มเพื่อดูคุณสมบัติ

ตอนนี้เราจำเป็นต้องเปลี่ยนพฤติกรรม ให้ทำงานเฉพาะเมื่อคุณเริ่มแตะที่ปุ่มกระโดด จากคุณสมบัติพฤติกรรม "Started Touching" ให้แตะที่กราฟิกของ spaceman ในกล่องด้านบน

นี่จะพาคุณไปยังหน้าจอ "Object Selector" จากที่นี่คุณสามารถเลือกวัตถุใด ๆ หรือตัวระบุ UI ในฉากของคุณ คุณอาจไม่สามารถเลือกปุ่มได้ นี่เป็นเพราะ Green Spaceman อยู่ใน Main Layer และปุ่มอยู่ใน Global UI Layer จากแถบชั้นที่ด้านขวาของหน้าจอ ให้แตะที่ Global UI Layer ตอนนี้คุณสามารถเลือกปุ่มได้

เมื่อปุ่มถูกเลือก ให้แตะที่ไอคอนยอมรับที่ด้านล่าง

ถัดไปเพิ่มพฤติกรรม Play Animation อีกพฤติกรรมหนึ่ง และเชื่อมต่อมันเข้ากับพฤติกรรม Started Touching ที่เราก่อนหน้านี้เพิ่ม

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

ในการเปลี่ยนชื่อ ให้แตะที่ชื่อของพฤติกรรมในคุณสมบัติของวัตถุและป้อนชื่อใหม่ ฉันใช้ "Jump animation"

เช่นเดียวกับที่คุณทำสำหรับการเคลื่อนไหวเดิน คุณจะต้องเลือกวงจรสำหรับการกระโดด แตะที่กล่องว่างที่สองในคุณสมบัติพฤติกรรม และเลือกวงจรอนิเมชั่นกระโดดจากอนิเมชั่น Green Spaceman ที่มีให้

คุณจะต้องปิดสวิตช์ "Loop Animation" และสวิตช์ "Restore Frame" ด้วย

หากคุณกดเล่นตอนนี้ คุณจะเห็นเมื่อกระโดด ตัวละครดูเหมือนว่ากำลังกระโดด! อย่างไรก็ตาม ยังมีปัญหาเล็กๆ สองข้อ

1. ตัวละครไม่ได้กลับไปที่อนิเมชั่นยืนเมื่อเขาตกลงมา

2. หากคุณเคลื่อนที่ตัวละครในขณะที่เขาอยู่ในอากาศ ตัวละครจะเล่นอนิเมชั่นเดินในอากาศ

สำหรับปัญหาแรก สลับไปที่หมวดพฤติกรรม "Transform" และแตะปุ่มขั้นสูงเพื่อดูพฤติกรรมขั้นสูง

ตอนนี้ลากพฤติกรรม "Stopped Falling" และลากอีกพฤติกรรม "Play Animation" จากหมวด FX และเชื่อมต่อเข้ากับ "Stopped Falling"

ใน "Play Animation" ที่คุณเพิ่งเพิ่ม เลือกวงจรอนิเมชั่น "Stand" ของ Green Spaceman ปิดสวิตช์ "Restore Frame" และ "Loop Animation" และตั้งชื่อพฤติกรรม Play Animation เป็น "Standing"

ตอนนี้ Green Spaceman ควรจะสามารถกระโดดได้และดูเหมือนจะยืนอยู่เมื่อเขาลงจอด

สำหรับปัญหาที่สอง เราจำเป็นต้องหยุดการเล่นอนิเมชั่นขณะตัวละครกำลังกระโดด

สลับไปที่หมวดพฤติกรรม "Custom" และลากพฤติกรรม "Behavior Off" และเชื่อมต่อมันกับพฤติกรรม "Started Touching" ที่เราเพิ่มไว้ก่อนหน้านี้สำหรับการกระโดดอนิเมชั่น

ตอนนี้แตะที่ "Behavior Off" และแตะที่กล่องว่างเพื่อเลือกพฤติกรรมจากรายการ จากรายการ ให้ค้นหา "Play Animation" (Walk Animation) ที่เชื่อมต่อกับพฤติกรรม Joystick Left และ Right

ถัดไปเพิ่มพฤติกรรม "Behavior On" และเชื่อมต่อเข้ากับพฤติกรรม "Stopped Falling" ที่เราได้เพิ่มไปก่อนหน้านี้

อีกครั้ง แตะที่กล่องว่าง และเลือกพฤติกรรม "Play Animation" (Walk Animation) ที่เล่นอนิเมชั่นเดิน

หากคุณกดเล่นตอนนี้ ตัวละครของคุณควรจะสามารถเคลื่อนไหวและกระโดดได้อย่างสมบูรณ์แบบ!

การเคลื่อนที่ของหน้าจอ:

เช่นเดียวกับที่คุณคงสังเกตเห็น หากคุณเคลื่อนที่ไปไกลเกินไป ตัวละครจะออกจากหน้าจอ ในเกม Platform แบบดั้งเดิม หน้าจอมักจะเคลื่อนที่ตามผู้เล่น เช่นเดียวกับ Mario ที่ไม่ค่อยหลุดจากกลางหน้าจอ (มีการเปลี่ยนแปลงเล็กน้อย)

ให้เราทำให้หน้าจอเคลื่อนที่ตาม Green Spaceman เพื่อให้เขาไม่สามารถหลุดออกจากหน้าจอได้

ในขณะที่ยังอยู่ในพฤติกรรมของ Green Spaceman สลับไปที่หมวด "Screen" และเพิ่มพฤติกรรม "Screen Follow" พฤติกรรม "Screen Follow" จะเคลื่อนที่หน้าจอไปกับวัตถุที่คุณเลือก

ถัดไป เปิดคุณสมบัติของพฤติกรรม Screen Follow และปิดสวิตช์สำหรับ "Follows Y" สิ่งนี้ทำให้หน้าจอจะเคลื่อนไหวตามผู้เล่นไปทางซ้ายหรือขวา แต่ไม่ขึ้นหรือลง

ตอนนี้ถ้าคุณกดเล่น คุณควรจะสามารถวิ่งผ่านระดับของคุณพร้อมกับตัวละครอนิเมชั่นเพิ่มขึ้น และหน้าจอเคลื่อนที่ตามคุณ

คุณสามารถดาวน์โหลดเวอร์ชันที่เสร็จสมบูรณ์ของส่วนที่ 4 จาก Hub และดูทั้งหมดในแอ็คชั่น

ในส่วนที่ 5 เราจะเริ่มเพิ่มองค์ประกอบการเล่นเกมอีกเล็กน้อย โดยการเพิ่มเหรียญให้เก็บและคะแนน