Video: 4.2: Nested Loops - p5.js Tutorial 2024
Jika kanvas menentukan ruang dalam permainan HTML5, gelung animasi menentukan masa. Kebanyakan permainan JavaScript menggunakan mekanisme yang dipanggil setInterval () untuk menyebabkan kelakuan berulang. Fungsi ini memerlukan dua parameter: nama fungsi dan nilai kelewatan.
Berikut adalah beberapa kod yang hanya mengira sepuluh kali sesaat:
menghitung. html var counter = 0; var output; fungsi init () {output = document. getElementById ("output"); setInterval (count, 100);} bilangan fungsi () {counter ++; pengeluaran. innerHTML = counter;} tidak ada lagi di sini
Proses ini mudah, dan anda boleh menggunakannya bila-bila masa yang anda mahukan sesuatu berlaku pada selang masa yang tetap:
-
Buat fungsi yang akan diulang.
Dalam contoh mudah ini, kiraan fungsi () akan dipanggil sepuluh kali sesaat.
-
Dalam kod inisialisasi anda, hubungi setInterval ().
Ini akan menyediakan panggilan berulang kepada fungsi.
-
Tunjukkan fungsi yang akan diulangi.
Parameter pertama adalah nama fungsi yang akan diulang. Ambil perhatian bahawa kerana anda merawat fungsi sebagai pembolehubah, anda tidak memasukkan kurungan dengan nama fungsi.
-
Tunjukkan kelewatan.
Parameter kedua ialah nilai kelewatan dalam milisaat (satu milisaat ialah 1/1000 th satu saat). Contoh ini berjalan pada kelewatan 100 milisaat, iaitu 10 bingkai sesaat. Perpustakaan simpleGame berjalan pada 20 bingkai sesaat.
Dalam simpleGame, apabila anda membuat kelas Scene, sebagai tambahan untuk menubuhkan kanvas, anda juga, melalui kelas Scene, membuat selang yang berulang kali memanggil kaedah kemas kini () permainan anda. Inilah sebabnya mengapa anda perlu mempunyai kaedah kemas kini ().
