> For the complete documentation index, see [llms.txt](https://tailieu.smax.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tailieu.smax.ai/extend-modules/puzzle-game.md).

# Puzzle Game

{% hint style="warning" %}
**Module Puzzle Game** dùng để tạo minigame trò chơi xếp hình
{% endhint %}

### Kích hoạt module

Truy cập <mark style="color:orange;">**Extend Modules**</mark>, chọn <mark style="color:orange;">**Active**</mark> module Puzzle Game. Sau khi active, module sẽ hiển thị ở phần danh sách phía bên trái

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FFy8zQsOhCmc0A3gRt4ws%2Fimage.png?alt=media&amp;token=c34489f7-5542-4c50-87cb-f477c9da8250" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FAhkYDjsd759LM5GiMukK%2Fimage.png?alt=media&amp;token=1a1dfed8-8f2f-4d0e-83d6-6c05c595e7a5" alt=""><figcaption></figcaption></figure>

### Tổng quan module

Module Puzzle Game gồm 2 cửa sổ chính:

* My webview: Quản lý các minigame trò chơi xếp hình mà bạn đã tạo tại đây, bạn có thể sao chép, chỉnh sửa hoặc xóa các minigame này

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2F6LfeTx1tjqUCFMLM79Y8%2Fimage.png?alt=media&amp;token=469a5b07-3090-488a-a972-0813ef3e9e3f" alt=""><figcaption></figcaption></figure>

* Templates: Các mẫu minigame trò chơi xếp hình có sẵn trên hệ thống, bạn có thể xem trước hoặc kích hoạt các mẫu này để sử dụng

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FKrhpq2kZbltUhwdgzev8%2Fimage.png?alt=media&amp;token=d4616c7a-d132-4cae-a2fd-f6f70c3eaf4c" alt=""><figcaption></figcaption></figure>

### Tạo minigame mới

Để tạo mới minigame trò chơi xếp hình, bạn có thể làm theo 2 cách sau:

* Sử dụng mẫu có sẵn trong cửa sổ Templates: Bạn có thể kích hoạt các mẫu minigame có sẵn trên hệ thống bằng cách mở cửa sổ Templates và chọn <mark style="color:orange;">**Active**</mark> lại minigame muốn dùng

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FT1o1NnJrvHEXlq7U4ClX%2Fimage.png?alt=media&amp;token=f7fc64c1-dbb2-4339-8cd8-8a1f2f2beb26" alt=""><figcaption></figcaption></figure>

* Tạo minigame trống để tự custom: Nếu bạn không muốn sử dụng các mẫu có sẵn, bạn có thể vào cửa sổ My webview, sau đó chọn <mark style="color:orange;">**Thêm mới**</mark> và custom theo ý muốn

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2F8hCfgUWGNqGvefSgR8LK%2Fimage.png?alt=media&amp;token=10e787ba-fc06-4d21-8980-3277d48d4baf" alt=""><figcaption></figcaption></figure>

### Giao diện chỉnh sửa

Bạn có thể cấu hình và xem bản preview của trò chơi trong cửa sổ chỉnh sửa

Xem chi tiết hướng dẫn tại:

{% content-ref url="/pages/WQOU37WEDHTCMu3FgcJQ" %}
[Cấu hình trò chơi](/extend-modules/puzzle-game/cau-hinh-tro-choi.md)
{% endcontent-ref %}

{% content-ref url="/pages/E7KLX8JQPSf6qqHoONUt" %}
[Thiết kế trò chơi](/extend-modules/puzzle-game/thiet-ke-tro-choi.md)
{% endcontent-ref %}

{% content-ref url="/pages/UINCsE1UEOOWbQorkdWf" %}
[Chỉnh sửa quà](/extend-modules/puzzle-game/chinh-sua-qua.md)
{% endcontent-ref %}

{% content-ref url="/pages/jxrn0rUXw1ccGYuassI0" %}
[Địa chỉ URL](/extend-modules/puzzle-game/dia-chi-url.md)
{% endcontent-ref %}

{% content-ref url="/pages/xHlOqQyrjft0wB8tZtIR" %}
[Bản ghi dữ liệu](/extend-modules/puzzle-game/ban-ghi-du-lieu.md)
{% endcontent-ref %}

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FWQ41EIIsZes0O0zcquK1%2Fimage.png?alt=media&amp;token=a8329ffe-65ee-4777-8cae-d433b38b9e5e" alt=""><figcaption></figcaption></figure>