Giao diện
Game Gắp quà
Trang này để làm gì
Hướng dẫn tạo và phát hành Gắp quà (Claw Machine) - mô phỏng máy gắp thú nhồi bông: người chơi nhấn nút thả móc kéo xuống băng chuyền đang chạy vật phẩm.
Đường dẫn: → → chọn Gắp quà → Thiết lập
- Kho game - danh mục mẫu game của hệ thống, nằm trong nhóm Gamification.
- Thẻ Gắp quà - 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.
Một lượt chơi diễn ra thế nào
- Vào game Người chơi thấy băng chuyền đang chạy các vật phẩm và bộ đếm số lượt còn lại.
- Nhấn nút Gắp ngay Móc kéo thả xuống.
- Trúng vật phẩm Hệ thống quay phần thưởng theo tỉ lệ và mở popup nhận thưởng.
- Gắp trượt Hiện thông báo nhỏ, người chơi thử lại - không bị trừ lượt.
Gắp trượt không mất lượt
Đây là điểm khác biệt đáng chú ý: khách gắp hụt vẫn được thử lại. Cơ chế này giữ người chơi ở lại lâu hơn thay vì bực mình bỏ đi, nhưng cũng có nghĩa mỗi lượt chơi có thể kéo dài hơn bạn dự tính.
Hai khái niệm đừng nhầm
Vật phẩm trên băng chuyền KHÔNG phải phần thưởng
| Vật phẩm | Phần thưởng | |
|---|---|---|
| Là gì | Hình chạy trên băng chuyền | Quà thật khách nhận được |
| Có giá trị không | Không - chỉ để hiển thị | Có - voucher, điểm, quà |
| Bao nhiêu | Ít nhất 1 | Ít nhất 1 có tỉ lệ > 0 |
Hai danh sách hoàn toàn độc lập, số lượng không cần bằng nhau. Bạn có thể cho hiện 5 loại hộp quà đẹp mắt trên băng chuyền nhưng chỉ phát 2 phần thưởng thật.
Giao diện thiết kế
- Danh mục bên trái - năm nhóm theo đúng thứ tự dựng game: Vật phẩm, Phần thưởng, Cơ chế, Giao diện, Popup, Âm thanh.
- Xem trước ở giữa - dựng lại đúng màn người chơi và cập nhật ngay khi bạn chỉnh.
- Biểu mẫu bên phải - chỉ hiện khi bạn chọn một mục ở danh mục trái.
1. Vật phẩm trên băng chuyền
| Trường | Ý nghĩa | Gợi ý |
|---|---|---|
| Tên vật phẩm | Nhãn nội bộ cho admin - khách không thấy | Đặt tên dễ phân biệt |
| Hình trên băng chuyền | Ảnh vật phẩm khi chạy trên băng | PNG nền trong suốt, bố cục vuông |
| Tỉ lệ xuất hiện | Xuất hiện nhiều hay ít trên băng | Để 1 nếu muốn các vật phẩm đều nhau |
2. Phần thưởng thật
Phải có ít nhất một phần thưởng có tỉ lệ trúng > 0.
| Trường | Ý nghĩa |
|---|---|
| Phần không trúng thưởng | Bật để biến thành ô trượt - vẫn được bốc theo tỉ lệ nhưng mở popup không trúng |
| Phần thưởng (kho) | Chọn quà có sẵn trong kho. Ẩn đi khi bật ô trượt |
| Tên hiển thị | Sửa ở đây sẽ tự cập nhật vào kho phần thưởng |
| Trọng số | Quyết định xác suất. Bằng 0 = không bao giờ trúng |
| Lượt chơi tối thiểu để trúng | Tổng lượt chơi của game phải đạt mức này quà mới xuất hiện |
| Số lượng phát | Tổng quà phát cho cả chương trình, hoặc Vô hạn |
| Giới hạn trúng mỗi người | Đặt 1 nếu mỗi người chỉ được trúng một lần |
Trọng số 70 và 30 cho ra tỉ lệ 70% và 30%.
3. Giao diện
Thiết kế trang
| Trường | Ý nghĩa | Gợi ý |
|---|---|---|
| Nền | Màu, hình ảnh hoặc gradient | Ảnh nền dọc phủ toàn màn hình |
| Nút thao tác | Các nút phụ - không gồm nút Gắp | Thêm nút "Thể lệ" |
| Vị trí hiển thị | Cố định ở dưới, hoặc nằm trong nội dung | "Cố định ở dưới" gọn hơn |
Bắt buộc có nút loại "Gắp quà"
Trang phải có ít nhất một nút loại Gắp quà để người chơi bắt đầu. Thiếu nút này, hệ thống báo lỗi khi phát hành.
Thanh tiêu đề
Chiều cao gợi ý 80–120 px. Bật/tắt riêng logo, tiêu đề và nút thao tác.
Hiển thị lượt chơi
Kiểu Chỉ chữ hoặc Icon + số, kèm chữ phía trước và phía sau con số - ví dụ "Bạn còn 5 lượt chơi".
4. Cơ chế máy gắp
Luôn mở bản xem trước khi chỉnh nhóm này
Toàn bộ nhóm Cơ chế là chuyện canh toạ độ - cánh tay ở đâu, móc treo cao bao nhiêu, băng chuyền rộng thế nào. Chỉnh mà không nhìn preview thì gần như chắc chắn lệch.
Băng chuyền
| Trường | Gợi ý / Mặc định |
|---|---|
| Hình chân băng chuyền | Ảnh ngang, rộng bằng màn hình |
| Hình mặt băng chuyền | Ảnh lặp được (tileable) theo chiều ngang |
| Tốc độ cuộn hoa văn | Mặc định 60 |
| Tốc độ di chuyển quà | Mặc định 80 |
| Hướng băng chuyền | Trái → Phải hoặc ngược lại |
| Vùng băng chuyền (X, Y, Rộng, Cao) | Tính theo phần trăm màn hình (0-100), không phải pixel. Canh theo preview |
| Số quà tối đa trên băng | Mặc định 5 |
Cánh tay
Cánh tay là hình tĩnh - chỉ móc kéo phía dưới mới chuyển động.
Quan trọng nhất là Vị trí đầu cánh tay - điểm mà dây cáp và móc bắt đầu. Bấm trực tiếp lên ảnh để chọn, và phải chọn đúng đầu mút.
Dây cáp
Chỉ một trường: ảnh dây nối từ đầu cánh tay xuống móc. Hệ thống tự co giãn theo khoảng cách nên hãy dùng ảnh dọc, hẹp, nền trong suốt.
Móc kéo
| Trường | Gợi ý / Mặc định |
|---|---|
| Hình móc đóng | Trạng thái mặc định khi chưa gắp |
| Hình móc mở | Khi đang kẹp quà lúc kéo lên |
| Y khi móc treo | Vị trí chờ, thường gần đầu cánh tay |
| Y khi móc rơi tới | Sát mặt băng - phải lớn hơn Y treo |
| Tốc độ rơi | Mặc định 400 |
| Tốc độ kéo lên | Mặc định 250 |
Kéo lên chậm hơn rơi xuống
Móc rơi nhanh, kéo lên chậm - đó là nhịp tạo hồi hộp của máy gắp thật. Giữ tốc độ kéo lên thấp hơn tốc độ rơi.
5. Popup
Ba popup - Nhận thưởng, Không trúng thưởng, Popup chung - đều có phần Style chung: nền, viền, đổ bóng, bo góc, kích thước và nút đóng (icon X).
Popup nhận thưởng nên giữ ít nhất một nút Nhận thưởng hoặc Xác nhận. Popup không trúng chỉ có chữ, không hiển thị ảnh và tên phần thưởng.
Để trống chiều rộng/chiều cao thì popup tự co theo nội dung - thường là lựa chọn tốt nhất.
Checklist trước khi phát hành
Bắt buộc
- [ ] Ít nhất 1 vật phẩm trên băng chuyền
- [ ] Ít nhất 1 phần thưởng có trọng số > 0
- [ ] Trang có nút loại "Gắp quà"
- [ ] Y khi móc rơi tới > Y khi móc treo
- [ ] Đã đặt đúng vị trí đầu cánh tay
- [ ] Popup nhận thưởng có nút Nhận thưởng hoặc Xác nhận
Nên có
- [ ] Ảnh mặt băng chuyền lặp được theo chiều ngang
- [ ] Mọi ảnh cơ chế đều là PNG nền trong suốt
- [ ] Tốc độ kéo lên chậm hơn tốc độ rơi
- [ ] Đã canh toạ độ trên bản xem trước
- [ ] Đã chơi thử cả trường hợp gắp trúng và gắp trượt