1. Ý tưởng Giao diện (UI/UX)
Giao diện được thiết kế theo phong cách hiện đại với nền tối (Dark Mode) sử dụng màu gradient để tạo chiều sâu. Các thành phần chính bao gồm:
-
Bảng điểm (Scoreboard): Nằm ở trên cùng, hiển thị điểm số của Người chơi và Máy tính một cách rõ ràng.
-
Sàn đấu (Arena): Nơi hiển thị lựa chọn của hai bên. Tôi sử dụng các biểu tượng emoji lớn (✊, ✋, ✌️) để giao diện trông trực quan và gọn gàng.
-
Bàn phím điều khiển: Các nút Kéo, Búa, Bao dạng hình tròn với hiệu ứng phóng to và đổi màu viền khi người dùng di chuột lên (hover), tạo cảm giác tương tác tốt.
2. Cơ chế nâng cao (Cơ chế cao)
Dù là một game đơn giản, tôi đã thêm vào các cơ chế sau để tăng tính hấp dẫn:
-
Hệ thống Chuỗi Thắng (Win Streak Multiplier): Đây là điểm nhấn của game. Nếu bạn thắng liên tiếp, bạn sẽ rơi vào trạng thái "Đang vào form". Chuỗi thắng càng dài, hệ số nhân điểm càng cao. Ví dụ: Thắng trận đầu được 1 điểm, thắng trận thứ hai liên tiếp được 2 điểm, trận thứ ba được 3 điểm. Nếu hòa hoặc thua, chuỗi thắng sẽ bị reset về 0.
-
Hiệu ứng Hồi hộp (Anticipation Animation): Khi bạn bấm chọn, kết quả sẽ không hiện ra ngay lập tức. Cả hai biểu tượng của người và máy sẽ chuyển về hình nắm đấm và rung lắc mạnh trong 0.5 giây (hiệu ứng Shake) để mô phỏng hành động "Oẳn tù tì" ngoài đời thực, sau đó mới lật kết quả.
-
Khóa tương tác (Locking): Trong lúc hoạt ảnh rung lắc đang diễn ra, người chơi không thể bấm spam các nút khác, tránh lỗi logic game.
3. Logic cốt lõi và Tính Ngẫu nhiên (Không AI hóa)
-
Không AI: Máy tính hoàn toàn không ghi nhớ lịch sử chọn của bạn hay dự đoán bước đi. Nó sử dụng hàm thuần toán học để lấy ngẫu nhiên 1 trong 3 giá trị (Kéo, Búa hoặc Bao) với tỷ lệ chia đều chính xác 33.33% cho mỗi lựa chọn.
-
Quy tắc: Búa đập Kéo, Kéo cắt Bao, Bao bọc Búa. Các trường hợp giống nhau sẽ tính là Hòa.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn