Cara Tambah Timing ke Permainan HTML5 Anda - dummies

Selalunya peredaran masa akan menjadi elemen dalam permainan HTML5 anda. Permainan perlumbaan adalah mengenai kelajuan, atau anda mungkin mempunyai had masa untuk melakukan beberapa tugas. Perpustakaan simpleGame termasuk objek pemasa yang sangat berguna yang membolehkan anda menguruskan masa dengan mudah. Objek Pemasa dibuat seperti mana-mana objek JavaScript lain. Ia mempunyai tiga kaedah:

• reset (): Fungsi ini memulakan pemasa dan memulakan kaunter masa berlalu.

• getCurrentTime (): Fungsi ini mengembalikan masa sistem semasa pada saat ia dipanggil. (Perhatikan bahawa masa itu dalam format integer khusus, dan ia tidak akan dikenali oleh pembaca manusia.)

• getElapsedTime (): Mengembalikan bilangan saat pemasa dibuat atau reset terakhir (yang mana lebih baru).

Dalam JavaScript dan kebanyakan bahasa lain, maklumat tarikh dan masa biasanya disimpan dalam format integer khusus. Masa sebenarnya dikira sebagai integer besar yang menunjukkan bilangan milisaat sejak tengah malam 1 Januari 1970.

Walaupun ini mungkin kelihatan seperti skim yang sangat rumit, ia sebenarnya sesuai untuk kegunaan anda kerana apa yang anda ingin tahu ialah berapa banyak masa yang berlalu antara dua acara. Sekiranya anda ingin mendapatkan tarikh dan masa semasa dalam format yang boleh dibaca manusia, lihat objek JavaScript Tarikh.

Untuk contoh waktu, lihat timerDemo. html:

timerDemo var timer; var output; permainan var; fungsi init () {game = scene baru (); output = dokumen. getElementById ("output"); pemasa = Pemasa baru (); pemasa. semula (); Permainan . mulakan ();} // kemas kini fungsi akhir akhir () { permainan. sembunyikan (); currentTime = pemasa. getElapsedTime (); output. innerHTML = currentTime; } // akhir kemas kini fungsi kemas kini () { pemasa. semula (); } // akhir menetapkan semula pemilih set semula kosong

Contoh ini menunjukkan pemasa mudah. Ia memaparkan bilangan saat halaman telah berjalan. Pemasa boleh diset semula dengan butang Reset Timer (bernama cerdik).

Program ini agak mudah, tetapi ia menggambarkan beberapa idea yang sangat kuat. Gunakan proses ini untuk membina permainan pemantauan masa anda sendiri:

1. Buat pemboleh ubah untuk pemasa.

   Ini harus menjadi biasa. Semua elemen yang menarik adalah objek, dan pemasa tidak terkecuali. Buat pembolehubah yang dipanggil pemasa yang akan menjadi objek pemasa jenis.

2. Tetapkan semula pemasa.

   Pastikan pemasa bermula pada sifar.

3. Dapatkan masa berlalu dalam setiap bingkai.

   Dalam fungsi kemas kinian (), panggil kaedah getElapsedTime () pemasa untuk mengetahui berapa banyak masa telah berlalu dan salin nilai ini ke kawasan output.

4. Tetapkan semula pemasa apabila pengguna menekan butang itu.

   Apabila pengguna menekan butang penetapan semula, panggil kaedah atur ulang pemasa () untuk menetapkan semula masa berlalu ke sifar.

5. Sembunyikan tempat kejadian utama.

   Program ini menggunakan gelung utama dari simpleGame, tetapi ia tidak semestinya perlu memaparkan tempat kejadian. Atas sebab ini, objek Scene mempunyai kaedah hide (). Anda juga boleh memaparkan adegan kemudian dengan kaedah pameran ().