Unity 2.5D สร้างเกมเดินต่อสู้ Beat Em Up ตอนที่ 2

ตัวอย่างการปรับมุมกล้อง และสร้าง Camera Control ให้วิ่งตามตัวละครของเราในแนบระนาบ 2.5D ด้วย Unity 3D กับแนวเกม Beat Em Up อีกวิธีหนึ่งที่น่าจะปรับใช้ได้ง่าย

ตัวอย่างก่อนหน้า Unity 2.5D สร้างเกมเดินต่อสู้ Beat Em Up ตอนที่ 1 เราจะใช้งานการหมุนกล้องให้เห็นแนวระนาบเดียว แต่เมื่อทำ Camera วิ่งตามตัวละครจะพบปัญหาคือการ หันข้างซ้ายขวา ตัดปัญหาคือเอากล้องออกมาให้เห็น ฉากกว้างๆ

แต่ถ้าต้องการทำเกมแนว Side Scrolling ที่เป็น 2.5D ล่ะจะทำยังไงดี แบบว่าต้องการให้กล้องวิ่งตามตัวละครไปด้วย บทเรียนนี้จึงได้ปรับแต่งให้ลองทำตามกันดูครับ

สิ่งที่ต้องมี

1. คือตัวละครที่มีการ Rigged กระดูกให้รองรับ Unity ครับ

2. คือฉากสวยๆจาก Asset Store แนะนำให้ลองโหลดตัวนี้ดูครับ https://www.assetstore.unity3d.com/en/#!/content/8312

3. คืออาวุธเท่ และ Animation การต่อสู้การวิ่งการเดินให้ไปหาเตรียมพร้อมไว้ครับ

ต่อไปนี้ผมจะไม่อธิบายเรื่องการ ติดตั้งตัวละครแบบ Humanoid และการสร้าง Animator แล้วนะครับ เพราะคิดว่าน่าจะเป็นกันแล้วจากหลายๆ บทเรียน ศึกษาที่:

• เขียนเกม Unity การทำ Humanoid ให้กับ โมเดลตัวละคร 3 มิติ
• เขียนเกม 3 มิติด้วย Unity การใช้ Animator Controller

ให้ออกแบบฉากให้เรียบร้อย

ทำการเซ็ต Animator กับ Animation ให้เสร็จสรรพ ณ ที่นี้ผมใช้ Parameter ต่อไปนี้

• IsRunning – สำหรับการวิ่ง
• IsAttack – สำหรับการโจมตี
• IsAttack2 – สำหรับการโจมตีแบบสอง
• IsJumping – สำหรับการกระโดด

ทั้งหมดเป็น Bool ครับ

ต่อมาให้เราสร้าง C# Script ขึ้นมาว่า character.cs ครับ ใส่ code ต่อไปนี้ลงไป พร้อมทั้งใส่ Inspector ตามนี้ครับ

Code ไฟล์ character.cs ให้ประกาศ ตัวแปรต่อไปนี้

Animator anim;
public float speed = 5F;
public float jumpSpeed = 11.0F;
public float gravity = 22.0F;
private Vector3 moveDirection = Vector3.zero;
private Quaternion lookLeft;
private Quaternion lookRight;

เมธอด Start() และ Update()

void Start(){
		anim = GetComponent <Animator> ();
		Time.timeScale = 1;
		
		lookRight = transform.rotation;
		lookLeft = lookRight * Quaternion.Euler(0, 180, 0); 
	}

void Update() {
		CharacterController controller = GetComponent<CharacterController>();
		if (controller.isGrounded) {
			anim.SetBool ("IsRunning", false);
			anim.SetBool ("IsAttack", false);
			anim.SetBool ("IsAttack2", false);
			anim.SetBool ("IsJumping", false);
			moveDirection = new Vector3(0, 0, Input.GetAxis("Horizontal"));
			moveDirection *= speed;

			if (Input.GetKey(KeyCode.A)){
				transform.rotation = lookLeft;
				moveDirection = transform.TransformDirection(-moveDirection);
				moveDirection *= speed;
				anim.SetBool ("IsRunning", true);
			}
			if (Input.GetKey(KeyCode.D)){
				transform.rotation = lookRight;
				moveDirection = transform.TransformDirection(moveDirection);
				moveDirection *= speed;
				anim.SetBool ("IsRunning", true);
			}

			if (Input.GetKey(KeyCode.P)){
				anim.SetBool ("IsAttack", true);
			}
			if (Input.GetKey(KeyCode.O)){
				anim.SetBool ("IsAttack2", true);
			}
			if (Input.GetButton("Jump")){
				moveDirection.y = jumpSpeed;
				anim.SetBool ("IsJumping", true);
			}
			
		}
		moveDirection.y -= gravity * Time.deltaTime;
		controller.Move(moveDirection * Time.deltaTime);
	}

สังเกตจะเหมือนตัวอย่างก่อนหน้าเลย การบังคับควบคุมตัวละครคือ กด A วิ่งไปซ้าย กด D วิ่งไปขวา กด Space Bar กระโดด กด O,P เป็นการโจมตี

ไปที่ MainCamera บน Scene View สร้าง C# Script ขึ้นมาเช่นกันตั้งชื่อว่า CameraX.cs ครับ ใส่ Code ต่อไปนี้

using UnityEngine;
using System.Collections;

public class CameraX : MonoBehaviour {
	public GameObject playerObject;
	public float cameraOffset = 2.0F;
	void Update(){
		Vector3 cameraPosition = new Vector3(playerObject.transform.position.x+ (cameraOffset*3), 
		                                     playerObject.transform.position.y+ (cameraOffset-1), 
		                                     playerObject.transform.position.z);
		GetComponent<Camera>().transform.position = cameraPosition;
	}
}

การกำหนดระยะของกล้องสามารถปรับที่การเพิ่มลดค่าส่วนนี้ตามความเหมาะสมของผู้พัฒนาครับ

playerObject.transform.position.x+ (cameraOffset*3),                          playerObject.transform.position.y+ (cameraOffset-1),

playerObject.transform.position.z

เป็นการกำหนดค่าให้กล้องวิ่งตามตัวละครของเรา แบบ 2.5D ครับ โดยการหันซ้าย หรือ ขวา นั้นไม่มีผลกับแกนของกล้อง

ทดสอบ ลองวิ่งไปมาในฉากดู จะเห็นว่าโอเคแล้ว

ดูวีดีโอกันหน่อยดีกว่า ว่ามัน Smooth แค่ไหน

ถ้าพัฒนาเกมเป็น Demo เกมแนวนี้ก็จะเหมือนวีดีโอตัวนี้ครับ ยังมี Bug เล็กน้อยคงไม่ว่าอะไรกันนะครับ