Cách tạo số ngẫu nhiên trong trò chơi HTML5 của bạn - con số

Số ngẫu nhiên là một phần quan trọng trong lập trình trò chơi HTML5. Thông thường bạn muốn có một số hành vi ngẫu nhiên. Điều này được sử dụng để bắt chước sự phức tạp và không thể dự đoán được của vũ trụ. Hầu hết các ngôn ngữ đều có một bộ tạo số ngẫu nhiên được tích hợp sẵn. Chức năng đặc biệt này tạo ra một số loại số bán ngẫu nhiên. Thường thì bạn sẽ phải làm một số thao tác để làm cho số phù hợp với mô hình bạn muốn.

Trang có vẻ hơi phức tạp, nhưng nó mô tả một hệ thống mạnh mẽ và linh hoạt, một khi bạn đã biết cách sử dụng nó. Đây là những gì đang xảy ra:

1. JavaScript tạo ra một số ngẫu nhiên.

   Các ngôn ngữ khác nhau làm điều này bằng nhiều cách khác nhau, nhưng JavaScript có một chức năng tạo ra một giá trị điểm nổi ngẫu nhiên giữa 0 và 1. Giá trị đó được hiển thị trong hộp thô.

2. Nhân giá trị nguyên bằng 100.

   Chuyển đổi số lượng lớn thành số nguyên.

3. Người dùng sẽ không bao giờ đoán một số với 17 địa điểm sau thập phân, vì vậy bạn cần một số nguyên. JavaScript có một số cách để chuyển đổi một float thành một số nguyên. Để có được 1 đến 100 hành vi bạn đang tìm kiếm, bạn sử dụng một phương pháp được gọi là Math. trần. Kết quả cuối cùng được hiển thị trong hộp cuối cùng.

   Đây là mã trong toàn bộ:

rand100. lĩnh vực html (chiều rộng: 600px; lề phải: tự động; margin-left: auto;} nhãn {float: trái; chiều rộng: 250px; text-align: phải; lề phải: 1e; rõ ràng: left;} span {float: left;} nút {display: block; rõ ràng: cả hai; margin: auto;} function roll () {// tạo các biến cho các phần tử dạng var spnRaw = document. getElementById ("spnRaw"); var spn100 = tài liệu. getElementById ("spn100"); var spnFinal = tài liệu. getElementById ("spnFinal"); // lấy số ngẫu nhiên var raw = Toán. ngẫu nhiên (); spnRaw. innerHTML = nguyên; // nhân với 100 lần var 100 = raw * 100; spn100. innerHTML = lần100; / / có được trần var cuối = Toán học. trần (lần 100); spnFinal. innerHTML = thức;} // end cuộn

Tạo số ngẫu nhiên 1-100

liệu 0 lần 100 0 0 thức cuộn dice
Sử dụng toán cho mã trò chơi của bạn

Để thực hiện công việc chương trình này, bạn cần phải gọi trong vũ khí cuối cùng của geekiness: Toán học.

JavaScript có thư viện tuyệt vời có tên

Toán . Thư viện Toán có một vài tiện ích thực sự geeky chôn trong đó, giống như một số chức năng thường được sử dụng toán học cũng như các hằng số (như pi) và một vài chức năng tiện ích khác để làm việc với những con số. Trước tiên, tất nhiên, là chức năng tạo ra các số ngẫu nhiên. Nó được gọi là Math. ngẫu nhiên ().

Bạn thực sự cần nói Math. ngẫu nhiên (). Nếu bạn gọi ngẫu nhiên () tất cả một mình, JavaScript sẽ không biết những gì bạn đang nói về.

Toán học. hàm random () tạo ra một số bán ngẫu nhiên. (Nó không thực sự ngẫu nhiên nhưng được tạo ra thông qua một công thức phức tạp từ một số khác.) Số ngẫu nhiên sẽ là một giá trị nổi điểm giữa 0 và 1. Điều này không có vẻ hữu ích, nhưng với một chút toán học, bạn có thể chuyển đổi giá trị 0 đến 1 cho bất kỳ phạm vi nào khác bạn muốn.

Ngoài các chức năng ngẫu nhiên (), đối tượng Math có một số chức năng cho phép bạn chuyển đổi một giá trị điểm nổi (có nghĩa là một số có dấu thập phân) thành một số nguyên (bạn đã nhận nó - một số

không có một điểm thập phân). Phương pháp parseInt () chuẩn được xây dựng trong JavaScript, nhưng đôi khi bạn muốn thực hiện chuyển đổi người yêu thích. Thư viện Math có một số công cụ: Toán. round (): Chuyển một số bằng thuật toán làm tròn chuẩn. Nếu phần thập phân là. 5 hoặc ít hơn, số nguyên nhỏ hơn được chọn; nếu phần thập phân lớn hơn. 5, số nguyên lớn hơn được chọn. Điều này có nghĩa là 3 vòng từ 1 đến 3 và 3. 8 vòng đến 4.

• Toán. floor (): Chức năng này luôn luôn tròn, vì vậy 3. 1 và 3. 8 cả hai đều trở thành 3. Hàm parseInt () giống hệt Math. sàn nhà().

• Toán học. ceil (): Chức năng này (lấy nó - chức năng trần) luôn luôn tròn lên, vì vậy 3. 1 và 3. 8 cả hai kết thúc như là 4.

• Chức năng bạn cần phụ thuộc vào hoàn cảnh cụ thể.

Cách tạo mẫu trò chơi HTML

Như mọi khi, HTML là nền tảng của bất kỳ chương trình JavaScript nào. Điều chính ở đây là hình thức cung cấp giao diện người dùng. Biểu mẫu này có một số tính năng có thể dự đoán được:

Khoảng thời gian để giữ dữ liệu thô:

• Thực sự không có gì cho người dùng nhập, do đó, sử dụng một khoảng cho các phần tử đầu ra khác nhau. Khoảng thời gian là một thẻ nội tuyến chung. Họ đang siêu cho các tình huống như thế này, nơi bạn cần một số yếu tố đầu ra đơn giản có thể được nội tuyến với dòng chính của trang. Khoảng dữ liệu thô được gọi (ở đây bạn đi …) spnRaw. Khoảng thời gian khác cho

• lần100 dữ liệu: Khi chương trình tính toán, nó sẽ hiển thị đầu ra. Một khoảng thứ ba cho đầu ra cuối cùng:

• Sau khi tất cả các phép tính kết thúc, bạn cần một số cách để hiển thị công việc sáng chói của bạn. spnFinal sẽ phục vụ cho mục đích này. Nhãn để làm cho mọi thứ rõ ràng:

• Nếu không có nhãn giải thích điều gì đang xảy ra, sẽ có một số lượng trên màn hình. Đừng quên thêm nhãn ngay cả với các ví dụ đơn giản để người dùng có thể tìm ra những gì đang xảy ra.

  Một nút để bắt đầu tất cả các hành động:

• Không có gì xảy ra cho đến khi người dùng hỏi, vì vậy hãy thêm một nút vào biểu mẫu. Khi nút được nhấp vào, hãy gọi hàm cuộn () để cuộn một số. CSS để làm cho nó trông đẹp:

• HTML không có CSS ​​là xấu, vì vậy thêm CSS đủ để làm cho HTML trông đẹp.