ใช้แอนิเมชั่นการเดินตัวละครสไปรท์ 8 ทิศทาง
สภาพแวดล้อมการตรวจสอบ
- หน้าต่าง
-
- หน้าต่าง 11
- บรรณาธิการ Unity
-
- ปี 2020.3.25f1
- แพ็คเกจระบบอินพุต
-
- 1.2.0
ข้อกําหนดเบื้องต้นสําหรับเคล็ดลับนี้
การตั้งค่าต่อไปนี้ถูกกําหนดค่าไว้ล่วงหน้าเป็นข้อกําหนดเบื้องต้นสําหรับคําอธิบายของเคล็ดลับเหล่านี้
เว็บไซต์อ้างอิง
เกี่ยวกับ 4-Way Walking Animation
เราแสดงวิธีทําแอนิเมชั่นการเดินสี่ทางในเคล็ดลับก่อนหน้านี้ของเรา ในบทความนี้เราจะอธิบาย 8 ทิศทาง แต่ขั้นตอนส่วนใหญ่เหมือนกับภาพเคลื่อนไหวการเดิน 4 ทิศทางดังนั้นเราจะอธิบายความแตกต่างที่นี่เท่านั้น
การเตรียมกราฟิกการเดิน
ครั้งที่แล้วเราเตรียมกราฟิกสําหรับ 4 ทิศทาง แต่คราวนี้เราจะเตรียมกราฟิกสําหรับ 8 ทิศทางดังนี้ เพิ่ม "ซ้ายล่าง", "ล่างขวา", "ซ้ายบน" และ "ขวาบน"
สําหรับลําดับการวางแนวดูเหมือนว่า 8 ทิศทางไม่ได้ถูกกําหนดอย่างชัดเจนเมื่อเทียบกับ 4 ทิศทาง อย่างไรก็ตามรูปแบบต่อไปนี้ค่อนข้างธรรมดาดังนั้นเราจะดําเนินการตามข้อตกลงนี้ในครั้งนี้
| ใต้ | ซ้ายล่าง |
| ซ้าย | ด้านล่างขวา |
| ขวา | ด้านบนซ้าย |
| ด้านบน | ด้านบนขวา |
สร้างโปรเจ็กต์และเตรียมรูปภาพ
คราวนี้ฉันจะพยายามสร้างสิ่งที่สามารถวางตัวละครและย้ายด้วยปุ่มเคอร์เซอร์บนแป้นพิมพ์ เนื่องจากเป็น 8 ทิศทางหากคุณเคลื่อนที่ในแนวทแยงมุมกราฟิกจะแสดงในแนวทแยงมุม
ขั้นตอนแรกคือการสร้างโครงการ 2 มิติใหม่ เพิ่มภาพตัวละครที่คุณเตรียมไว้สําหรับโครงการของคุณ
เลือกรูปภาพที่คุณเพิ่มและกําหนดการตั้งค่าตัวตรวจสอบ การตั้งค่านี้จะเหมือนกับ 4 ทิศทาง
แยกภาพในโปรแกรมแก้ไขสไปรท์ จํานวนภาพจะเพิ่มขึ้น แต่งานจะเท่ากัน
ไม่เป็นไรหากภาพในโครงการแสดงดังนี้
การสร้างข้อมูลภาพเคลื่อนไหว
สิ่งที่คุณทําที่นี่เหมือนกับแอนิเมชั่นการเดิน 4 ทาง ในท้ายที่สุดก็โอเคถ้าคุณสามารถสร้างภาพเคลื่อนไหวใน 8 ทิศทาง โปรดทราบว่าตัวเลขในภาพไม่ตรงกับเวลาในสี่ทิศทาง
| รูปการตั้งค่า | ชื่อไฟล์ภาพเคลื่อนไหว |
|---|---|
| อิวามารุดาวน์ | Iwamaru_0, Iwamaru_1, Iwamaru_2, Iwamaru_1 |
| อิวะมารุ Left | Iwamaru_6, Iwamaru_7, Iwamaru_8, Iwamaru_7 |
| อิวามารุขวา | Iwamaru_12, Iwamaru_13, Iwamaru_14, Iwamaru_13 |
| อิวะมะรุอัพ | Iwamaru_18, Iwamaru_19, Iwamaru_20, Iwamaru_19 |
| อิวามารุ LeftDown | Iwamaru_3, Iwamaru_4, Iwamaru_5, Iwamaru_4 |
| อิวามารุ RightDown | Iwamaru_9, Iwamaru_10, Iwamaru_11, Iwamaru_10 |
| อิวามารุเลฟอัพ | Iwamaru_15, Iwamaru_16, Iwamaru_17, Iwamaru_16 |
| อิวะมารุ RightUp | Iwamaru_21, Iwamaru_22, Iwamaru_23, Iwamaru_22 |
ตรวจสอบให้แน่ใจว่าแต่ละทิศทางเคลื่อนไหวอย่างถูกต้อง
การตั้งค่าการเปลี่ยนภาพเคลื่อนไหว
การตั้งค่าจะเหมือนกับเมื่อมันอยู่ใน 4 ทิศทางจนถึงตรงกลางดังนั้นฉันจะละเว้นมัน
เมื่อคุณตั้งค่า Blend Tree แล้ว คุณจะต้องสร้าง 8 Motions
เราจะตั้งค่า. anim ที่เพิ่มลงในโครงการเป็น 8 รายการใน Motion
ระบุทิศทางของภาพเคลื่อนไหวแต่ละรายการเป็นตัวเลข
| ทิศทาง | X | Y |
|---|---|---|
| ใต้ | 0 | -1 |
| ด้านบน | 0 | 1 |
| ซ้าย | -1 | 0 |
| ขวา | 1 | 0 |
| ซ้ายล่าง | -1 | -1 |
| ด้านล่างขวา | 1 | -1 |
| ด้านบนซ้าย | -1 | 1 |
| ด้านบนขวา | 1 | 1 |
การตั้งค่าภาพเคลื่อนไหวเสร็จสมบูรณ์
การควบคุมการเคลื่อนไหว
การเคลื่อนไหวทําได้โดยการกดปุ่มบนแป้นพิมพ์เพื่อให้คุณสามารถสร้างสคริปต์เพื่อควบคุมได้ เนื้อหาของสคริปต์นี้เหมือนกับที่สร้างขึ้นใน 4 ทิศทางดังนั้นโปรดดู ชื่อสคริปต์ควรเป็น "CharacterMove"
เมื่อคุณสร้างสคริปต์แล้ว ให้แนบสคริปต์นั้นไปกับวัตถุอักขระ
การประหารชีวิต
การดําเนินการนี้ทําให้กระบวนการทั้งหมดเสร็จสมบูรณ์ ลองเรียกใช้เกมและกดปุ่มเคอร์เซอร์บนแป้นพิมพ์เพื่อย้าย หากตัวละครเคลื่อนที่ไปในทิศทางที่คุณกดและภาพเคลื่อนไหวการเดินจะเคลื่อนที่ในขณะที่กราฟิกเปลี่ยนทิศทางไปยังทิศทางที่คุณกําลังเผชิญอยู่คุณก็ทําเสร็จแล้ว คราวนี้รองรับ 8 ทิศทางดังนั้นโปรดตรวจสอบว่ากราฟิกนั้นถูกนําไปใช้ในแนวทแยงมุมด้วยหรือไม่เมื่อคุณเคลื่อนที่ในแนวทแยงมุม