วันนี้เราจะมาดูวิธีการใช้งาน UGUI โดยการสร้าง Title Menu กันครับ (จะทำตามเกม Sword Art Online นะครับ)
เริ่มกันเลย
1. ให้ทำการสร้าง Scene ใหม่นะครับ (Title Scene)
2. จากนั้นให้ทำการ Panel โดยไปที่ GameObject -> UI -> Panel (ถ้าต้องการเปลี่ยนรูป background ก็สามารถเปลี่ยนได้จาก Panel นี่เลยนะครับ แต่ถ้าต้องการใช้ game background ก็ให้ทำการปรับค่า Alpha = 0 หรือ ลบ Panel ก็ได้ครับ)
** การเปลี่ยนรูป background ให้ทำการ Set รูปภาพเป็น Sprite (2D and UI)
3. ให้ทำการเลือก Canvas และทำการเลือก Pixel Perfect ด้วยครับ
4. จากนั้นเลือกที่ Panel และทำการสร้าง Button ภายใต้ Button ก็จะมี Text อยู่นะครับ ก็ทำการเปลี่ยน Text เป็นข้อความที่ต้องการ (ในที่นี่ผมตั้งเป็น "PRESS START BUTTON")
5. สามารถเพิ่ม Title Text หรือ UI อื่นๆ ได้ตามใจชอบนะครับ
using UnityEngine;
using System.Collections;
public class TitleUIController : MonoBehaviour
{
public void SetScene(string sceneName)
{
Application.LoadLevel(sceneName);
}
}
8. จากนั้นให้ทำการเลือกที่ ปุ่มแล้วดูที่ Inspector ในส่วนของ On Click() ให้ทำการกดปุ่ม +
9. จากนั้นให้ทำการ ลาก Script GameObject ลงในช่องด้านซ้าย แล้ว ในส่วน No Function ให้ทำการเลือกเป็น TitleUIController -> SetScene จากนั้นช่องด้านขวาให้ทำการพิมพ์ ชื่อ Scene ที่ต้องการ Load
บทความถัดไปจะทำ Sub Menu และเพิ่มในส่วนของ Highlight ข้อความเพื่อให้ผู้เล่นทราบว่าเราเลือก menu ไหนอยู่นะครับ
ปล. มีอะไรแนะนำได้ครับ ขอบคุณครับ