Bài 2 — Panels & Windows: Khung xương của mọi giao diện

 

Panels & Windows: Khung xương của mọi giao diện

Link: Unity Store

Trong thiết kế UI game, panel và cửa sổ đóng vai trò như “khung” bao quanh mọi tương tác. Bộ Mystic Realm GUI Asset mang đến nhiều loại panel khác nhau, phù hợp từ menu chính đến popup nhỏ gọn, tất cả đều đồng bộ về phong cách fantasy.

---

1. Setting Panel

• Dùng để tinh chỉnh trải nghiệm cá nhân: âm lượng, đồ họa, gameplay.

• Bao gồm: header (tiêu đề), body (các lựa chọn), footer (nút Close/Save).

• Gọn gàng, dễ mở rộng thêm toggle, slider, checkbox.

👉 Thường dùng trong Menu Scene hoặc pause menu.

---

2. Shop Panel

• Thiết kế dạng grid hiển thị item (sword, armor, potion...).

• Góc trên hiển thị currency HUD (coin/gem).

• Mỗi item card có ảnh, giá, nút Buy.

👉 Đi kèm popup xác nhận giao dịch, đảm bảo trải nghiệm quen thuộc cho người chơi.

---

3. Quest Panel

• Hiển thị danh sách nhiệm vụ với icon, mô tả, progress bar.

• Có nút Claim để nhận thưởng.

• Hỗ trợ phân loại Daily / Weekly / Main quest.

👉 Kết hợp tuyệt vời với Notification Badge để báo hiệu quest mới.

---

4. Popup Windows

• Confirm/Warning: “Bạn có chắc muốn mua?”, “Thoát game?”.

• Reward Popup: hiển thị coin/gem/sao bay vào HUD.

• Error Popup: báo lỗi nhẹ nhàng, dễ đọc.

👉 Popup thường nhỏ gọn, với Primary/Secondary button rõ ràng.

---

5. Modularity trong Panels

Điểm mạnh của Mystic Realm GUI là mỗi panel được thiết kế modular:

• Header, body, footer tách biệt → dễ hoán đổi, tái sử dụng.

• Có thể lồng panel này vào panel khác (ví dụ: Shop Panel mở trong Setting Scene).

• Style đồng bộ → ghép lại vẫn thống nhất.

---

👉 Kết luận

Panels & Windows trong Mystic Realm GUI Asset mang lại bộ khung UI mạnh mẽ, từ menu cài đặt, shop, quest board, đến popup nhỏ. Chúng không chỉ đẹp mắt mà còn dễ dàng gắn vào logic code, giúp dev tiết kiệm rất nhiều thời gian.

Bài 1 — Buttons: Linh hồn của tương tác

 

Mystic Realm GUI Asset

Bài 1 — Buttons: Linh hồn của tương tác

Link Unity Asset Store: Unity Store

Trong bất kỳ game nào, nút bấm là cầu nối trực tiếp giữa người chơi và trải nghiệm. Bộ Mystic Realm GUI mang đến một hệ thống Button đầy đủ, thống nhất, và cực kỳ linh hoạt.

1. Primary Buttons

• Dành cho hành động chính: Play, Start, Next.

• Thiết kế nổi bật với khung viền fantasy, ánh sáng nhấn mạnh.

• Thích hợp đặt ở màn hình menu, end game panel, popup quan trọng.

👉 Điểm nhấn: Người chơi dễ dàng nhận diện và nhấn ngay không cần suy nghĩ.

---

2. Secondary Buttons

• Dùng cho hành động phụ: Back, Option, Close.

• Nhẹ nhàng, ít gây phân tán sự chú ý.

• Thường được đặt ở góc panel hoặc popup.

👉 Tạo cảm giác UI “có thứ bậc” rõ ràng.

---

3. Icon Buttons

• Dạng hình tròn/vuông chứa biểu tượng: Shop, Quest, Mail, Setting, Inventory.

• Có thể dùng badge đỏ (notification) để báo hiệu có thông tin mới.

👉 Ví dụ: icon Shop nhấp nháy khi có khuyến mãi.

---

4. State Variants

Mỗi button đi kèm đủ trạng thái:

• Normal: bình thường.

• Hover: sáng lên khi rê chuột.

• Pressed: thụt nhẹ, đổi màu khi nhấn.

• Disabled: mờ đi, không bấm được.

👉 Cho phép dễ dàng tạo animation nhỏ, làm UI thêm sống động.

---

5. Use Case trong Mystic Realm

• Menu Scene: Play (Primary), Option/Quit (Secondary).

• Shop: Buy (Primary), Close (Secondary).

• HUD: Icon Buttons cho Quest, Inventory, Mail.

• Popup: Confirm (Primary), Cancel (Secondary).

---

👉 Kết luận

Buttons trong Mystic Realm GUI không chỉ đẹp mắt mà còn có hệ thống logic rõ ràng, giúp game dev dễ sắp xếp UI theo mức độ ưu tiên. Đây là lý do tại sao nhiều indie dev thích dùng Mystic Realm GUI: chỉ cần kéo thả button là đã có ngay tương tác chuyên nghiệp.

Buttons đa dạng nhiều loại, 9-sliced đầy đủ

Hammer Head Premium

The fight now start from your garden.

Make the bunny away from your garden by touch on them when they go up.
Face to the boss to protect your garden.

Time Mode: A huge wave of mode is coming. Fight and take away as much as you can before the time is
Quick Touch: Touch at much at you can and get higher score

Note: You will lose your hearth if you touch miss.

Link: Download

More Game and More Fun

Fighting with Cute Animal to Protect your Garden

Faced with the bigger Boss

Race with time to kill more animal

Create level with pList

With the small game, you need some database to easy create a level map. CoreData is so hard for your little game. So pList is suitable for you to create a small data for your game.

This is easy to change and give more level to your games. It contains all the base information for your game and you can change it very easy.
This is good for Sprite Kit, too. All this come from Apple so they will perfect with other.

So first we should know how to create a Plist File:

+ Just create a new File in your Xcode project and you will see it from

* This time you only need to create your pList to start store your data. This will be constructor like this:

- You have 2 types of collection data to store an data with have many properties: Dictionary and Array

+ Dictionary to store the different type of property

+ Array to store to similar property for your object

- The other types is used to store  the data for you to use this:

+ Boolean

+ Data

+ Date

+ Number

+ String

- This will very easy to get your data from pList:

    NSString* lkPath = [[NSBundle mainBundle] bundlePath];

    NSString* lkFinalPath = [lkPath stringByAppendingPathComponent:@"LKGameData.plist"];

    NSDictionary *lkPlistData = [NSDictionary dictionaryWithContentsOfFile:lkFinalPath];

=> This code will get all the data from pList for ready to create your level.

- You can check all the property in this pList by using:

    NSLog(@"The property list contains: %@", lkPlistData);

=> This code will show all your property list in this pList and you can check them for right input 

Game Designer

Now Blog will change to Game and only game.

Designing a game is not easy as you think. It take a lot of time to understand what the gamer want and most of them you need to be feeling by yourself.

Everything in game need to be suitable. Not only the background and the character, effect, font and button are need to be unique, too. The smallest thing like the dead time and money will take you a lot of time to be done.

Moreover, the music and sound will keep the user in the game longer.
Animation also important keep user not quit your game.

If you see a game with more than 1 million user and think you can do it along, it only because you have no experience. Come and try to do this, you will see your limit.