คณิตศาสตร์เกม: เมทริกซ์และเส้นโค้งใน Unity

ลองนึกภาพคุณกำลังเล่นเกมแอ็กชัน 3D มุมกล้องหมุนรอบตัวละครได้อย่างลื่นไหล ตัวละครวิ่งไปบนพื้นที่มีเนินเขา และทุกอย่างดูเป็นธรรมชาติราวกับโลกจริง สิ่งที่ขับเคลื่อนความมหัศจรรย์นี้ไม่ใช่เวทมนตร์ แต่เป็น คณิตศาสตร์เกม โดยเฉพาะอย่างยิ่ง เมทริกซ์ ที่ทำหน้าที่เป็นภาษากลางในการคำนวณตำแหน่ง การหมุน และการย่อ-ขยายวัตถุ

หลายคนอาจนึกถึงเมทริกซ์ในห้องเรียนคณิตศาสตร์แล้วรู้สึกเบื่อหน่าย แต่ในโลกของการพัฒนาเกม เมทริกซ์คือเครื่องมือที่ทรงพลังที่สุด ไม่มีเอนจินเกมสมัยใหม่ไม่ว่าจะเป็น Unity, Unreal หรือ Godot ที่ไม่ใช้เมทริกซ์เป็นแกนหลักในการเรนเดอร์กราฟิก

บทความนี้จะพาคุณเดินทางจากแนวคิดพื้นฐานไปสู่การประยุกต์ใช้จริง เชื่อมโยงความรู้คณิตศาสตร์ระดับสูงเข้ากับการพัฒนาเกม พร้อมตัวอย่างโค้ดใน Unity ที่นำไปทดลองได้ทันที

ทำไมเกม 3D ถึงต้องพึ่งพาเมทริกซ์?

ในบริบทของคณิตศาสตร์เกม เมทริกซ์ (Matrix) คือตารางตัวเลขที่ใช้เก็บข้อมูลการแปลงทางเรขาคณิต หากคุณมีจุดหนึ่งจุดในปริภูมิ 3D ที่พิกัด (x, y, z) คุณสามารถใช้เมทริกซ์เพื่อย้าย หมุน หรือย่อ-ขยายจุดนั้นได้โดยการคูณเมทริกซ์กับเวกเตอร์ที่เก็บพิกัด

ข้อดีของเมทริกซ์คือสามารถ รวมการแปลงหลายๆ อย่างเข้าด้วยกัน ได้ในครั้งเดียว ต้องการหมุนวัตถุ 30 องศาแล้วย้ายไปทางขวา 5 หน่วย? แทนที่จะคำนวณทีละขั้นตอนและเสียเวลาประมวลผล เอนจินเกมจะสร้างเมทริกซ์หมุนและเมทริกซ์ย้ายขึ้นมา แล้วคูณเมทริกซ์ทั้งสองเข้าด้วยกันกลายเป็นเมทริกซ์เดียว จากนั้นนำไปคูณกับพิกัดของวัตถุ ผลลัพธ์ที่ได้คือตำแหน่งและมุมใหม่ที่ถูกต้องพร้อมแสดงผลในเฟรมนั้นๆ

การใช้เมทริกซ์ในการหมุนและย้ายวัตถุ

การย้าย (Translation) เป็นการแปลงที่ง่ายที่สุด ในเมทริกซ์ 4x4 สำหรับปริภูมิ 3D (Homogeneous Coordinates) ค่าการย้ายในแกน X, Y และ Z จะถูกเก็บไว้ในคอลัมน์สุดท้ายของเมทริกซ์

ส่วนการหมุน (Rotation) จะซับซ้อนกว่าเล็กน้อย เพราะต้องใช้ฟังก์ชันตรีโกณมิติ (Sine และ Cosine) ในการคำนวณมุม การหมุนรอบแกนต่างๆ จะมีเมทริกซ์เฉพาะของมัน ยกตัวอย่างเช่น การหมุนรอบแกน Y (แกนที่ชี้ขึ้นบน) จะมีลักษณะที่ค่า X และ Z ของวัตถุเปลี่ยนไปตามมุม ในขณะที่ค่า Y ยังคงเดิม

เมื่อเราต้องการให้ตัวละครหันหน้าไปทางศัตรู เอนจินเกมจะคำนวณมุมระหว่างตัวละครกับศัตรู สร้างเมทริกซ์การหมุนจากมุมนั้น แล้วนำไปคูณกับเมทริกซ์ตำแหน่งปัจจุบัน ทำให้ตัวละครหมุนได้อย่างถูกต้องและรวดเร็ว

การฉายภาพ 3D สู่ 2D (3D to 2D Projection)

จอมอนิเตอร์ของเราเป็นแผ่น 2D แต่เกมเป็นโลก 3D กระบวนการแปลงโลก 3D ให้กลายเป็นภาพ 2D บนจอเรียกว่าการฉายภาพ (Projection) ซึ่งเป็นหัวใจสำคัญของคณิตศาสตร์เกม

กระบวนการนี้ใช้เมทริกซ์ 2 ตัวหลักคือ:

View Matrix: แปลงพิกัดของโลกให้เป็นพิกัดของกล้อง (Camera) เปรียบเสมือนการย้ายโลกทั้งโลกให้มาอยู่ตรงหน้ากล้อง แทนที่จะเขียนโค้ดเพื่อเคลื่อนที่กล้องไปรอบๆ โลก
Projection Matrix: แปลงพิกัด 3D ให้เป็นพิกัด 2D โดยจำลองการมองเห็นของมนุษย์ ทำให้วัตถุที่อยู่ไกลออกไปดูเล็กลง (Perspective Projection) หรือรักษาขนาดเท่าเดิมไม่ว่าจะอยู่ไกลหรือใกล้ (Orthographic Projection)

เมทริกซ์ทั้งสองนี้ถูกคูณเข้าด้วยกันและคูณกับเมทริกซ์ของวัตถุ (Model Matrix) กลายเป็น MVP Matrix (Model-View-Projection) ซึ่งเป็นสมการสุดท้ายที่การ์ดจอ (GPU) ใช้ในการวาดพิกเซลแต่ละจุดลงบนจอ

ความสัมพันธ์กับเส้นโค้งพาราเมตริก (Parametric Curves)

นอกจากเมทริกซ์ที่จัดการตำแหน่งและมุมแล้ว คณิตศาสตร์เกมยังต้องการความนุ่มนวลในการเคลื่อนไหว การทำให้รถในเกมวิ่งตามถนนที่โค้งงอ หรือการทำให้กล้องเคลื่อนที่เปลี่ยนมุมมองอย่างลื่นไหล ไม่ใช่การเดินทางเป็นเส้นตรงจากจุด A ไป B แต่ต้องอาศัย เส้นโค้งพาราเมตริก

เส้นโค้งพาราเมตริกที่นิยมใช้ในเกมคือ Bezier Curve และ Spline โดยใช้สมการคณิตศาสตร์เพื่อคำนวณตำแหน่งระหว่างจุดควบคุม (Control Points) หลายๆ จุด

ยกตัวอย่างเช่น การกำหนดเส้นทางเดินของศัตรูในเกมแนว Tower Defense แทนที่จะกำหนดพิกัดแบบเป็นจุดๆ ให้ศัตรูเดินเป็นเส้นตรงแล้วหักมุมทำให้ดูไม่เป็นธรรมชาติ นักพัฒนาเกมจะวางจุดควบคุมไว้ในซีน แล้วใช้สมการ Bezier คำนวณเฟรมต่อเฟรมว่าศัตรูควรอยู่ที่ตำแหน่งใด ผลลัพธ์ที่ได้คือเส้นทางเดินที่โค้งมนสวยงาม และสามารถปรับความเร็วได้โดยการเปลี่ยนค่าพารามิเตอร์ (t) จาก 0 ถึง 1

ตัวอย่างการคำนวณใน Unity

Unity มีคลาส Matrix4x4 และฟังก์ชันทางคณิตศาสตร์ให้ใช้งานครบครัน ทำให้เราไม่ต้องเขียนสมการเมทริกซ์ทุกอย่างขึ้นมาเองตั้งแต่ต้น แต่การเข้าใจหลักการจะช่วยให้คุณแก้ปัญหาที่ซับซ้อนได้

ตัวอย่างที่ 1: การใช้ Matrix4x4 ในการย้ายและหมุน

สมมติว่าเราต้องการย้ายวัตถุไป 5 หน่วยในแกน Z และหมุน 90 องศารอบแกน Y เราสามารถสร้างเมทริกซ์รวม (Composite Matrix) ได้ดังนี้

using UnityEngine;

public class MatrixExample : MonoBehaviour
{
    void Start()
    {
        // สร้างเมทริกซ์การย้าย (Translation)
        Vector3 translation = new Vector3(0, 0, 5);
        Matrix4x4 T = Matrix4x4.Translate(translation);

        // สร้างเมทริกซ์การหมุน (Rotation) รอบแกน Y 90 องศา
        Quaternion rotation = Quaternion.Euler(0, 90, 0);
        Matrix4x4 R = Matrix4x4.Rotate(rotation);

        // รวมเมทริกซ์เข้าด้วยกัน (เรียงลำดับสำคัญ: หมุนก่อนแล้วค่อยย้าย)
        Matrix4x4 compositeMatrix = T * R;

        // นำเมทริกซ์ไปใช้กับตำแหน่งปัจจุบัน
        Vector3 originalPosition = transform.position;
        Vector3 newPosition = compositeMatrix.MultiplyPoint(originalPosition);
        
        // ปรับตำแหน่งของวัตถุ
        transform.position = newPosition;
        transform.rotation = rotation;

        Debug.Log("New Position: " + newPosition);
    }
}

จากโค้ดจะเห็นว่าเราสามารถรวมการแปลงหลายอย่างเป็นเมทริกซ์เดียว แล้วคำนวณพิกัดใหม่ได้ในบรรทัดเดียว ซึ่งเป็นพลังของเมทริกซ์ในคณิตศาสตร์เกม

ตัวอย่างที่ 2: การสร้างเส้นโค้ง Bezier

การทำให้วัตถุเคลื่อนที่ตามเส้นโค้ง Bezier แบบกำหนดเองใน Unity สามารถทำได้โดยการคำนวณสมการพื้นฐาน

using UnityEngine;

public class BezierCurve : MonoBehaviour
{
    public Transform point0;
    public Transform point1;
    public Transform point2;
    public Transform point3;
    public float speed = 0.5f;
    private float t = 0f;

    void Update()
    {
        t += Time.deltaTime * speed;
        if (t > 1f) t = 0f; // วนลูป

        // สมการ Bezier Curve ดีกรี 3 (Cubic Bezier)
        Vector3 newPosition = Mathf.Pow(1 - t, 3) * point0.position +
                              3 * Mathf.Pow(1 - t, 2) * t * point1.position +
                              3 * (1 - t) * Mathf.Pow(t, 2) * point2.position +
                              Mathf.Pow(t, 3) * point3.position;

        transform.position = newPosition;
    }
}

โค้ดนี้จะทำให้วัตถุเคลื่อนที่จากจุด 0 ไปจุด 3 โดยโค้งงอไปตามจุดควบคุม 1 และ 2 คุณสามารถลากวัตถุในซีนเพื่อเปลี่ยนเส้นทางได้แบบเรียลไทม์

สรุป: คณิตศาสตร์ไม่ใช่แค่ทฤษฎี

คณิตศาสตร์เกม โดยเฉพาะเมทริกซ์และเส้นโค้งพาราเมตริก ไม่ใช่แค่เนื้อหาในตำราเรียนที่ใช้สอบผ่านแล้วลืม แต่เป็นรากฐานที่สร้างโลกเสมือนจริงที่เราหลงใหลในเกม การเข้าใจวิธีการทำงานของเมทริกซ์ในการหมุน ย้าย และฉายภาพ 3D สู่ 2D รวมถึงการใช้เส้นโค้งเพื่อสร้างการเคลื่อนไหวที่นุ่มนวล จะทำให้คุณก้าวจากการเป็นผู้ใช้เอนจินเกม ไปสู่การเป็นผู้สร้างสรรค์ระบบที่ซับซ้อนได้ด้วยตัวเอง

ลองนำโค้ดตัวอย่างไปทดลองใน Unity ดูสิครับ ลองปรับค่าพารามิเตอร์ หรือเปลี่ยนจุดควบคุมของเส้นโค้ง แล้วสังเกตผลลัพธ์ที่เกิดขึ้น

คุณเคยเจอปัญหาในการพัฒนาเกมที่คิดว่าคณิตศาสตร์น่าจะเป็นคำตอบหรือไม่? มาแชร์ปัญหาและแนวคิดของคุณกันได้ในคอมเมนต์เลย!