Video: [Scratch] Tạo một game đơn giản 2024
Nếu canvas xác định không gian trong một trò chơi HTML5, một vòng lặp hình ảnh động xác định thời gian. Hầu hết các trò chơi JavaScript sử dụng một cơ chế gọi là setInterval () để gây ra hành vi lặp lại. Hàm này có hai tham số: một tên hàm và một giá trị trễ.
Dưới đây là một số mã mà chỉ đơn giản đếm mười lần một giây:
đếm. html var counter = 0; var sản lượng; hàm init () {output = tài liệu. getElementById ("xuất"); setInterval (count, 100);} count chức năng () {counter ++; đầu ra. innerHTML = counter;} không có gì ở đây
Quá trình này là đơn giản, và bạn có thể sử dụng nó bất cứ khi nào bạn muốn một cái gì đó xảy ra ở những khoảng thời gian đều đặn:
-
Tạo một chức năng sẽ được lặp lại.
Trong ví dụ đơn giản này, hàm count () sẽ được gọi là mười lần mỗi giây.
-
Trong mã khởi tạo của bạn, hãy gọi setInterval ().
Thao tác này sẽ thiết lập cuộc gọi lặp lại tới chức năng.
-
Cho biết chức năng sẽ lặp lại.
Tham số đầu tiên là tên của hàm mà sẽ được lặp lại. Lưu ý rằng bởi vì bạn đang điều trị các chức năng như là một biến, bạn không bao gồm ngoặc đơn với tên chức năng.
-
Cho biết sự chậm trễ.
Tham số thứ hai là một giá trị trễ trong mili giây (một mili giây là 1/1000 th của một giây). Ví dụ này chạy với độ trễ 100 mili giây, tức là 10 khung hình / giây. Thư viện SimpleGame chạy ở tốc độ 20 khung hình / giây. Trong SimpleGame, khi bạn tạo một lớp Scene, ngoài việc thiết lập một khung vải, bạn cũng có thể, thông qua lớp Cảnh, tạo ra một khoảng thời gian liên tục gọi phương thức update () của trò chơi của bạn. Đây là lý do tại sao bạn cần phải có một phương thức update ().
