Giao diện
Game Cắt bánh trung thu
Trang này để làm gì
Hướng dẫn tạo và phát hành Cắt bánh trung thu (Mooncake Cut) - game theo mùa: người chơi chạm vào một lát bánh, con dao bay vào cắt hai cạnh viền, lát bánh được nhấc lên để lộ phần thưởng bên dưới.
Đường dẫn: → → chọn Cắt bánh trung thu → Thiết lập
- Kho game - danh mục mẫu game của hệ thống, nằm trong nhóm Gamification.
- Thẻ Cắt bánh - bấm Thiết lập để vào trình thiết kế; game chưa sở hữu sẽ hiện nút Cài đặt trước.
Game này hợp với chiến dịch nào
Đây là game theo mùa - dựng riêng cho Trung thu, từ chiếc bánh, con dao, đèn lồng bay đến sao lấp lánh. Chạy đúng dịp thì không khí rất mạnh; chạy lệch mùa thì lạc lõng.
Cần một game dùng được quanh năm thì xem Lắc quà - chỉ đổi ảnh là đổi được chủ đề.
Một lượt chơi diễn ra thế nào
Người chơi chạm một lát → dao bay vào cắt hai cạnh viền → lát được nhấc lên kèm hiệu ứng sáng → lộ phần thưởng → popup mở ra.
Số lát phải bằng số phần thưởng
Khác với Hộp quà bí ẩn (hộp và quà độc lập), game này bắt buộc mỗi lát tương ứng đúng một phần thưởng - quan hệ 1-1. Có 8 lát thì phải cấu hình đủ 8 phần thưởng.
Kết quả vẫn do hệ thống bốc theo trọng số, không phụ thuộc lát khách chọn.
Chuẩn bị trước khi tạo
- Phần thưởng đã tạo trong kho ưu đãi - đủ số lượng bằng số lát
- Ảnh con dao (PNG nền trong suốt)
- Ảnh viền/đỉnh bánh - tuỳ chọn, dùng khi không muốn bánh chỉ có màu đơn
- Ảnh đèn lồng - nếu bật trang trí đèn lồng bay
Giao diện thiết kế
1. Trang
Nền trời đêm làm nên không khí
Game này sống nhờ bối cảnh. Một ảnh nền trời đêm có trăng, cộng đèn lồng bay và sao lấp lánh ở mục Trang trí, tạo cảm giác Trung thu ngay lập tức.
2. Thanh tiêu đề
3. Đếm số lượt chơi
4. Bánh và vạch chia
| Trường | Ý nghĩa | Mặc định |
|---|---|---|
| Ảnh viền/đỉnh bánh | Ảnh phủ lên trên bánh; vùng trong suốt sẽ lộ màu nền phía dưới | - |
| Kích thước / Xoay ảnh viền | Scale 0.1–3.0× · xoay −180° đến 180° | 1.0× · 0° |
| Nền bánh | Màu, gradient hoặc ảnh cho mặt trên bánh | Nâu cam #C68642 |
| Bán kính bánh | Bán kính ngoài (px) | 130 px |
| Có lỗ tâm (donut) | Bật để bánh có lỗ ở giữa | Tắt |
| Vạch chia lát | Màu, độ dày, kiểu liền hoặc đứt | - |
Gradient cho bánh có chiều sâu
Dùng nền gradient thay vì màu đơn để bánh trông có khối. Ảnh viền nên là PNG nền trong suốt để lộ được màu nền bên dưới.
5. Lát bánh và phần thưởng - quan trọng nhất
Quy tắc bắt buộc
- 4 đến 12 lát
- Số lát = số phần thưởng, quan hệ 1-1
- Ít nhất một phần thưởng có trọng số > 0
- Đánh dấu "lát không trúng thưởng" phải đồng bộ giữa lát và phần thưởng tương ứng
Thông tin từng lát
| Trường | Ý nghĩa |
|---|---|
| Phần thưởng (kho) | Chọn từ kho - bắt buộc |
| Lát không trúng thưởng | Đánh dấu ô trượt |
| Tên hiển thị | Tên hiện trên lát; sửa ở đây sẽ tự đồng bộ sang kho |
| Nền lát bánh | Màu/gradient/ảnh riêng cho lát này. Để trống = dùng nền chung |
Bốn thông số nghiệp vụ giống các game khác: Trọng số, Lượt tối thiểu để trúng, Số lượng phát, Giới hạn mỗi người. Trọng số 60/30/10 cho ra 60% / 30% / 10%.
6. Con dao
| Trường | Mặc định |
|---|---|
| Hướng dao bay vào | Từ trên (còn có: phải, dưới, trái) |
| Thời gian bay | 600 ms |
| Thời gian cắt 1 cạnh | 200 ms |
| Vệt sáng theo dao | Bật, màu #FFFFFF |
7. Hiệu ứng khi cắt
| Trường | Ý nghĩa | Mặc định |
|---|---|---|
| Chờ trước khi lộ nhân | Khoảng nghỉ giữa lúc cắt xong và lúc nhấc lát | 100 ms (khuyên 50–200) |
| Cường độ rung khi cắt | 0 = không rung · 3 = nhẹ · 7+ = mạnh | 3 |
| Tia lửa khi dao chạm | Bật/tắt, chọn màu | Bật, #F5E93B |
Rung mạnh dễ gây khó chịu
Cường độ 7 trở lên làm màn hình giật rõ. Với game chơi nhiều lượt liên tiếp, giữ ở mức 3 là vừa.
8. Hiệu ứng nhấc lát bánh
| Trường | Mặc định | Khuyến nghị |
|---|---|---|
| Độ cao nhấc lên | 40 px | 30–60 px |
| Độ xoay khi nhấc | 10° | 5–15° |
| Scale khi đã nhấc | 1.1× | 1.05–1.2× |
| Thời gian animation | 500 ms | 400–700 ms |
| Kiểu easing | Ease Out | Ease Out (tự nhiên nhất) |
| Shadow đổ dưới lát | Bật | Bật |
9. Trang trí đêm trung thu
Đèn lồng bay - mặc định bật, 4 chiếc cùng lúc (tối đa 100), mỗi vòng bay 8000 ms, dao động ngang 30 px. Danh sách ảnh đèn lồng cho nhiều ảnh, hệ thống chọn ngẫu nhiên cho từng chiếc.
Sao lấp lánh - mặc định bật, 20 sao (tối đa 50), có nhấp nháy.
Đừng bật quá nhiều đèn lồng
Mặc định 4 chiếc là vừa mắt. Đẩy lên vài chục sẽ che mất chiếc bánh và làm máy yếu giật.
10–12. Các popup
#FFD700.
Popup nhận thưởng cần nút CLAIM
Thiếu nút Nhận thưởng (CLAIM), khách trúng quà nhưng không hoàn tất nhận được.
13. Âm thanh
Nút thao tác
Xem trước và phát hành
Checklist trước khi phát hành
Bắt buộc
- [ ] Từ 4 đến 12 lát
- [ ] Số lát bằng đúng số phần thưởng
- [ ] Ít nhất một phần thưởng trọng số > 0
- [ ] Đánh dấu ô trượt đồng bộ giữa lát và phần thưởng
- [ ] Đã tải ảnh con dao
- [ ] Popup nhận thưởng có nút Nhận thưởng (CLAIM)
Nên có
- [ ] Nền trời đêm, đèn lồng bay, sao lấp lánh
- [ ] Nền bánh dùng gradient
- [ ] Cường độ rung khi cắt giữ ở mức 3
- [ ] Đã chạy thử trên điện thoại cấu hình thấp