Showing posts with label Panel. Show all posts
Showing posts with label Panel. Show all posts

Thursday, September 11, 2025

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.

Tuesday, August 19, 2025

Mystic Realm Panel

Mystic Realms GUI

Gumroad: https://ngochi8.gumroad.com/l/yrbcam

Update Chính thức: https://huygamer.wordpress.com/mystic-realms-premium-fantasy-ui-system/

All Panel in Mystic Realm GUI Asset:

1. Login Panel:

Fantasy Login Panel with account, password, remember option, register and forgot password.

A fantasy-style login screen with account and password fields, scroll-style “Remember Account,” plus Register and Forgot Password options. Ready-to-use and fully customizable.

2. Pause Board:

Fantasy Pause Panel with Resume, Restart, Options and Quit buttons for RPG UI.

Pause Panel
A clean fantasy-style pause menu with Resume, Restart, Options, and Quit buttons. Fully modular and ready to use in any RPG or adventure game.

3. Setting Board:


Option Board:

4. Confirm Board:

Fantasy Popup Confirm Panel with Yes/No choices for quit, sell, or purchase actions

++++