# Game Mở Quà

## 1. Giới thiệu chung

* **Thuộc tính:** Game xác suất.
* **Cách chơi:** Bấm vào nút **"Chơi ngay"** để hệ thống chọn ngẫu nhiên một phần quà và xác nhận mở phần quà để được nhận thưởng.

## 2. Hướng dẫn thiết kế

### &#x20; **Bước 1:** **Chọn mục Thiết kế**

&#x20;Tại giao diện chính, chọn mục **Thiết kế.**&#x20;

<figure><img src="https://292419266-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lb214tjU2PUypL_jr4q%2Fuploads%2Fx8XkqQhOfO2asSDh4Jos%2Fthiet-ke-mo-qua-1.png?alt=media&#x26;token=12db265a-a735-4160-ad5e-bf75e0535c37" alt=""><figcaption></figcaption></figure>

### **Bước 2:** **Chỉnh sửa các thành phần trên game**

**\[1]** Click **"Chọn ảnh"** để tải lên thiết kế Ảnh mặt lưng (hình ảnh trước khi mở) theo kích thước quy định hoặc dùng hình ảnh có sẵn.\
\&#xNAN;**\[2]** Click "**Thay đổi**" để tùy chọn bố cục hiển thị của hộp quà.

<div><figure><img src="https://292419266-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lb214tjU2PUypL_jr4q%2Fuploads%2Fk4LvSw73AHdCkjBqyQGn%2Fthiet-ke-mo-qua-bo-cuc-1.png?alt=media&#x26;token=6cfafad1-5186-4e94-acab-e91ac550fd67" alt=""><figcaption></figcaption></figure> <figure><img src="https://292419266-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lb214tjU2PUypL_jr4q%2Fuploads%2Fes39WZKyE2ZuhPPRBwcU%2Fthiet-ke-mo-qua-bo-cuc-2.png?alt=media&#x26;token=0a9c0f7e-b0cc-4a5d-870c-06dfe91a0b36" alt=""><figcaption></figcaption></figure></div>

Có 2 cách để bạn thiết kế **Hình ảnh phần thưởng (sau khi mở):**\
\- Thiết kế trực tiếp trên hệ thống (Sử dụng chữ)\
\- Tự thiết kế và tải lên thiết kế (Sử dụng ảnh)

{% tabs %}
{% tab title="Thiết kế trực tiếp trên hệ thống (Sử dụng chữ)" %}
**\[1]** Click vào phần quà bạn cần thay đổi thiết kế hoặc chỉnh sửa nội dung.

**\[2]** Click **"Sử dụng chữ"** và thay đổi **Nội dung** tên phần quà.\
&#x20;  \- Màu nền: Chọn màu sắc cho nền phần quà.\
&#x20;  \- Màu chữ: Chọn màu chữ cho phần quà.

**\[3]** Điều chỉnh kích thước và xoay chữ.\
&#x20;  \- Điều chỉnh kích thước: kéo thả thanh **Kích thước** để tăng giảm kích cỡ chữ của phần quà.\
&#x20;  \- Xoay chữ: kéo thả thanh **Xoay** hoặc chọn các nút -180, -90, 0, +90, +180 để điều xoay chữ sao cho phù hợp.

**\[4]** Sau khi đã thiết lập hoàn thiện các thiết kế, click **"Lưu lại"** để hoàn tất.&#x20;

<figure><img src="https://292419266-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lb214tjU2PUypL_jr4q%2Fuploads%2FLYNaxoqY9ZALJ7Hdd6UB%2Fthiet-ke-mo-qua-2.png?alt=media&#x26;token=f2fc183c-be22-4c45-9775-8251c2dbe3ae" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Tự thiết kế và tải lên thiết kế (Sử dụng ảnh)" %}
**\[1]** Click vào phần quà bạn cần thay đổi thiết kế hoặc chỉnh sửa nội dung.

**\[2]** Click **"Sử dụng ảnh"** và **"Chọn ảnh"** để tải lên thiết kế hình ảnh phần quà sau khi mở.\
&#x20;  \- Màu nền: Bạn có thể thay đổi và chọn màu sắc nền của phần quà.

**\[3]** Điều chỉnh kích thước và xoay hình ảnh.\
&#x20;  \- Điều chỉnh kích thước: kéo thả thanh **Kích thước** để tăng giảm kích cỡ hình ảnh.\
&#x20;  \- Xoay chữ: kéo thả thanh **Xoay** hoặc chọn các nút -180, -90, 0, +90, +180 để điều xoay hình ảnh sao cho phù hợp.

**\[4]** Sau khi đã thiết lập hoàn thiện các thiết kế, click **"Lưu lại"** để hoàn tất.&#x20;

<figure><img src="https://292419266-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lb214tjU2PUypL_jr4q%2Fuploads%2FIRk3w16jjz6YWTj99uIq%2Fthiet-ke-mo-qua-3.png?alt=media&#x26;token=fe47eb0f-ff4f-45ed-b3ec-74d7e56d6251" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## 3. Các bước tiếp theo để hoàn thiện game

Tham khảo thêm các tính năng khác để hoàn tất thiết lập game

<table data-view="cards"><thead><tr><th data-type="content-ref"></th></tr></thead><tbody><tr><td><a href="../cai-dat-nang-cao/thiet-lap-chung">thiet-lap-chung</a></td></tr><tr><td><a href="../cai-dat-nang-cao/kho-phan-thuong">kho-phan-thuong</a></td></tr><tr><td><a href="../cai-dat-nang-cao/phan-quyen">phan-quyen</a></td></tr><tr><td><a href="../cai-dat-nang-cao/trung-thuong">trung-thuong</a></td></tr><tr><td><a href="../cai-dat-nang-cao/woay-page">woay-page</a></td></tr><tr><td><a href="../cai-dat-nang-cao/woay-popup">woay-popup</a></td></tr><tr><td><a href="../cai-dat-nang-cao/ma-trung-thuong">ma-trung-thuong</a></td></tr><tr><td><a href="../cai-dat-nang-cao/ma-choi">ma-choi</a></td></tr><tr><td><a href="../cai-dat-nang-cao/quan-tri-ten-mien">quan-tri-ten-mien</a></td></tr></tbody></table>

## 4. Câu hỏi thường gặp

Các câu hỏi thường gặp về chủ đề **"Thiết kế"** xem [tại đây](https://guide.woay.vn/cau-hoi-thuong-gap/thiet-ke).
