Nội dung chính
Khóa học: Lập trình bằng JavaScript - Lập trình web > Chương 4
Bài học 4: Tạo thanh cuộn bên- Hoppy Beaver
- Nhân vật hải ly Hoppy trong trò chơi Hoppy Beaver
- Thiết lập môi trường trong trò chơi Hoppy Beaver
- Thử thách: Trò chơi điện tử Pong
- Thiết lập va chạm giữa các thành phần trong trò chơi Hoppy Beaver
- Thiết lập phần tính điểm và trạng thái thắng trong trò chơi Hoppy Beaver
- Dự án: Nâng cấp trò chơi Hoppy Beaver
© 2024 Khan AcademyĐiều khoản sử dụngChính sách về quyền riêng tưThông báo về cookie
Thiết lập phần tính điểm và trạng thái thắng trong trò chơi Hoppy Beaver
Một trò chơi điện tử không thể thiếu trạng thái thắng hoặc thua. Vì vậy, trong bài đọc này, chúng ta sẽ tìm hiểu cách để thêm phần tính điểm và trạng thái thắng cho trò chơi Hoppy Beaver. Đối với phần tính điểm, ta có các lựa chọn như sau:
- Đếm số lượng que củi mà Hoppy đã thu thập được.
- Đếm số lượng que củi mà Hoppy đã bỏ sót.
- Cộng thêm điểm khi cần thao tác có độ chính xác cao hơn, có thể là dựa trên khoảng cách từ Hoppy đến tâm của que củi.
Có một số trò chơi chỉ yêu cầu người chơi giành được điểm càng cao càng tốt. Nhưng cũng có những trò chơi xác định rõ trạng thái thắng hoặc thua của người chơi. Vậy chúng ta có các lựa chọn như thế nào với Hoppy Beaver?
- Tuyên bố người chơi thắng nếu họ thu thập được một tỷ lệ phần trăm que củi nhất định (tối đa 100%).
- Tuyên bố người chơi thua ngay lập tức nếu họ bỏ lỡ một tỷ lệ phần trăm que củi nhất định.
- Tuyên bố người chơi thua nếu họ bỏ lỡ liên tiếp một số lượng que củi nhất định.
Trong khuôn khổ bài đọc này, ta sẽ triển khai lựa chọn đầu tiên: tính điểm dựa trên số que củi thu thập được và tuyên bố người chơi thắng nếu họ thu thập được 95% số que củi.
Để điểm số luôn hiển thị cho người chơi, chúng ta cần có một lệnh "text" trong phần định nghĩa hàm "draw":
text("Score: " + beaver.sticks, 20, 20);
Để xác định được khi nào người chơi thắng, chúng ta cần viết ra điều kiện và liên tục kiểm tra điều kiện đó, đồng thời lập trình giao diện chúc mừng nếu điều kiện đúng. Sau đây là mã lập trình cho trường hợp người chơi sẽ thắng nếu thu thập được 95% số que củi:
if (beaver.sticks/sticks.length >= 0.95) {
text("YOU WIN!!!!", width/2, height/2);
}
Hãy thử trải nghiệm trong chương trình dưới đây! Liệu bạn có thể giành chiến thắng trong trò chơi Hoppy Beaver hay không?
Tham gia cuộc thảo luận?
Chưa có bài đăng nào.