Bagaimana Menambahkan Waktu ke Game HTML5 Anda

Seringkali berlalunya waktu akan menjadi elemen dalam game HTML5 Anda. Permainan balap adalah semua tentang kecepatan, atau Anda mungkin memiliki batas waktu untuk melakukan beberapa tugas. Perpustakaan simpleGame mencakup objek timer yang sangat praktis yang memungkinkan Anda mengatur waktu dengan mudah. Objek Timer dibuat seperti objek JavaScript lainnya. Ini memiliki tiga metode:

• reset (): Fungsi ini menginisialisasi timer dan memulai penghitung waktu yang telah berlalu.

• getCurrentTime (): Fungsi ini mengembalikan waktu sistem saat ini saat dipanggil. (Perhatikan bahwa waktunya dalam format integer khusus, dan tidak akan dikenali oleh pembaca manusia.)

• getElapsedTime (): Mengembalikan jumlah detik sejak timer dibuat atau reset terakhir (mana yang lebih baru).

Dalam JavaScript dan sebagian besar bahasa lainnya, informasi tanggal dan waktu umumnya disimpan dalam format bilangan bulat khusus. Waktu sebenarnya dihitung sebagai bilangan bulat besar yang menunjukkan jumlah milidetik sejak tengah malam 1 Januari 1970.

Meskipun ini mungkin tampak seperti skema yang sangat rumit, sebenarnya cocok untuk Anda gunakan karena yang sebenarnya ingin Anda ketahui adalah berapa banyak waktu yang telah berlalu antara dua peristiwa. Jika Anda ingin benar-benar mendapatkan tanggal dan waktu saat ini dalam format yang dapat dibaca manusia, cari objek JavaScript Date.

Untuk contoh timing, lihat timerDemo. html:

timerDemo var timer; output var; permainan var; fungsi init () {game = new Scene (); output = dokumen getElementById ("output"); timer = new Timer (); timer. reset (); permainan start ();} // akhirin update fungsi init () { . menyembunyikan(); currentTime = timer. getElapsedTime (); output innerHTML = currentTime; } // fungsi akhir pembaruan reset () { . reset (); } // end reset timer reset kosong

Contoh ini menunjukkan timer sederhana. Ini menampilkan jumlah detik halaman yang telah berjalan. Timer dapat diatur ulang dengan tombol Reset Timer (cerdik).

Program ini relatif sederhana, namun menggambarkan beberapa gagasan yang sangat kuat. Gunakan proses ini untuk membuat permainan penginderaan waktu Anda sendiri:

1. Buat variabel untuk timer.

   Ini seharusnya sudah mulai dikenal. Semua elemen yang menarik adalah objek, dan timer tidak terkecuali. Buat variabel yang disebut timer yang akan menjadi objek tipe Timer.

2. Atur ulang timer.

   Pastikan timer mulai nol.

3. Dapatkan waktu yang telah berlalu dalam setiap frame.

   Dalam fungsi update (), hubungi metode getElapsedTime () timer untuk mengetahui berapa lama waktu yang berlalu dan salin nilai ini ke area output.

4. Atur ulang timer saat pengguna menekan tombol.

   Saat pengguna menekan tombol reset, panggil metode reset timer () untuk mengatur ulang waktu yang telah berlalu kembali ke nol.

5. Sembunyikan adegan utama.

   Program ini menggunakan loop utama dari simpleGame, namun sebenarnya tidak perlu menampilkan pemandangan. Untuk alasan ini, objek Scene memiliki metode hide (). Anda juga bisa menampilkan adegan nanti dengan metode show () nya.