Bagaimana untuk memeriksa sempadan dalam permainan HTML5 Anda - dummies

Setelah sprite mulai bergerak, selalu ada kemungkinan mereka akan meninggalkan batas-batas layar. Lazimnya, pemaju permainan HTML5 bertindak balas dalam salah satu daripada lima cara: bungkus, melantun, berhenti, mati, atau teruskan. Perpustakaan simpleGame mempunyai rutin periksa sempadan yang membolehkan anda menentukan yang mana satu daripada kelakuan lalai untuk digunakan. Ciri sempadan sprite menunjukkan tindakan mana yang harus digunakan. Anda boleh menggunakan pemeriksa sempadan untuk melakukan perkara berikut:

1. Tentukan sempadan.

   Perbatasan ditentukan oleh lebar kanvas.

2. Semak untuk melihat jika pengguna dimatikan sempadan.

   Kemudian, satu lagi pembolehubah telah dibuat yang mengandungi nilai Boolean yang menunjukkan sama ada sprit itu adalah salah satu sempadan: offRight, offLeft, offTop, dan offBottom. Gunakan asas jika pernyataan untuk menentukan jika sprite berada di luar skrin dengan salah satu cara ini.

3. Tentukan tindakan sempadan.

   Gunakan pernyataan sederhana jika menentukan tindakan sempadan yang sedang ditetapkan untuk sprite.

4. Jika boundThection adalah WRAP:

   Tukar pemboleh ubah x atau y ke sebaliknya, tetapi biarkan nilai dx dan dy sahaja.

5. Jika boundThection adalah BOUNCE:

   Balikkan jika sprite melantunkan atas atau bawah, dan dx jika sprite melantun kiri atau kanan. Ia tidak perlu mengubah x atau y secara langsung.

6. Jika boundAction adalah LANGKAH:

   Cukup tetapkan kelajuan ke sifar tanpa mengira sempadan mana yang keluar.

7. Jika boundAction adalah DIE:

   Tetapkan kelajuan ke sifar dan masukkan kaedah sembunyi sprite (). Ini akan menyebabkan sprit hilang dan tidak lagi dipertimbangkan dalam pengiraan perlanggaran.

8. Mana-mana batasan lain dianggap CONTINUE.

   Tiada tindakan diperlukan di sini kerana sprit akan terus bergerak walaupun ia tidak dapat dilihat. Sekiranya ini adalah kesan yang diingini, anda harus memberi petunjuk kepada pengguna di mana sprite itu, atau memberi jalan untuk kembali ke sprite.

Ini adalah sebahagian daripada kod rutin untuk pemeriksaan perlanggaran:

offRight = false; offLeft = false; offTop = false; offBottom = false; if (this.x 
Jika anda ingin mengubah tindakan sempadan sprite dalam simpleGame, anda boleh menggunakan setBoundAction () method untuk melakukannya.
Perhatikan bahawa beberapa situasi mungkin memerlukan kelakuan yang berlainan. Sebagai contoh, anda mungkin ingin membungkus sisi tetapi berhenti di bahagian atas atau bawah. Jika anda memerlukan tingkah laku yang lebih spesifik, hanya buat kaedah checkBounds () untuk sprit anda. Bagaimanapun, anda perlu menyemak semua sempadan kerana cek baruBound () akan menimpa sepenuhnya yang dibina menjadi simpleGame.