Files
hura-docs/adman/versioned_docs/version-1.0.0/tutorial-minigame/4-wheel.md

56 lines
3.1 KiB
Markdown
Raw Normal View History

2023-04-13 10:52:21 +07:00
---
sidebar_position: 5
---
# Cài đặt vòng quay
Sau khi cập nhật danh sách giải thưởng, chọn tab <button className="btn btn-add btn-tab">Cài đặt vòng quay</button>, chọn <button className="btn btn-add">[+] Thêm mới</button> và bắt đầu cài đặt các hình giải thưởng trên vòng quay:
![Minigame Wheel](./img/minigame-startup-wheel-setup-1.png)
:::tip
Mỗi lần chọn <button className="btn btn-add">[+] Thêm mới</button> sẽ tạo ra 1 hàng để nhập thông tin 1 hình giải thưởng, bạn có thể điền danh sách nhiều hình giải thưởng cho 1 lần <button className="btn btn-submit">Cập nhật</button> duy nhất.
:::
- **Ảnh**: chọn hình ảnh giải thưởng trên vòng quay - **Pizza Piece** &#127829; (có dạng như 1 miếng Pizza được chia đều, dựng dọc thẳng đứng)
- ![Minigame Piece of Wheel](./img/minigame-startup-wheel-setup-2.png)
- ![Minigame Wheel](./img/minigame-startup-wheel-setup-3.png)
:::caution
- Các miếng &#127829; đều có cấu trúc như `ảnh 1`, khi vòng quay được tạo sẽ tự ghép thành hình tròn hoàn chỉnh, tròn đẹp, không méo.
- Các miếng &#127829; nên được `chia đều, có kích thước giống nhau và có màu sắc khác nhau (khuyến nghị để SOLE màu sắc với nhau)`.
- Số lượng &#127829; không nhất thiết phải đúng bằng số lượng **Giải thưởng**. Nhiều &#127829; có thể chọn chung 1 **Giải thưởng**.
- Với &#127829; `Chúc bạn may mắn lần sau` vui lòng không chọn **Giải thưởng**
:::
- Để tìm hiểu thêm cách cắt ảnh vui lòng xem **[Hướng dẫn cắt vòng quay may mắn](../tutorial-adman/tutorial-design-wheel)**.
- **Mã giải thưởng**: chọn 1 trong số các giải thưởng đã cài đặt ở tab **Giải thưởng**.
- **Tên**: tên hình ảnh giải thưởng.
- **Xác xuất trúng**: xác xuất người chơi quay được giải thưởng.
- Nhập số từ 0->100 (0= nghĩa là không bao giờ trúng, 100 = luôn trúng).
- Xác xuất được chia theo số lượng hình ảnh trên vòng quay.
- Ví dụ có 3 hình ảnh giải thưởng thì tổng xác suất trúng của cả 3 là: 10% + 20% + 70% = 100%.
- **Thứ tự**: khuyến nghị bỏ trống, là thứ tự hiển thị trong dữ liệu, ảnh hưởng đến hiển thị vòng quay ngoài giao diện (thứ tự cao xếp trước).
:::caution
Bạn **nên** thêm **Hình ảnh giải thưởng** trên vòng quay **theo thứ tự như Thiết kế từ trước**. **Không** chỉnh sửa **Thứ tự** vì có thể dẫn đến lỗi giao diện vòng quay.
:::
Ấn <button className="btn btn-submit">Cập nhật</button> để lưu Danh sách hình giải thưởng trên vòng quay đã cài đặt.
:::tip CONGRATULATIONS
Xin chúc mừng bạn đã cài đặt xong dữ liệu quản trị để Minigame hoạt động.
Bước tiếp theo chính là **Lập trình Game Page (Template)** để hiển thị Minigame ngoài giao diện.
:::