Bagaimana menambahkan metode ke kelas di properti HTML5 Game - dummies

Properti menggambarkan karakteristik objek dalam game HTML 5 Anda, dan metode menggambarkan perilaku tersebut. Metode adalah fungsi yang berhubungan dengan suatu objek. Anda membangun metode yang sangat mirip dengan membuat properti, namun alih-alih menambahkan nilai sederhana, Anda menetapkan keseluruhan fungsi ke sebuah nama.

Sebagai contoh, versi berikutnya dari makhluk tersebut memiliki metode changeSpeed ​​(). Saat pengguna menekan panah ke atas, makhluk akan mempercepat, dan saat pengguna menekan panah ke bawah, makhluk akan melambat (dan akhirnya menuju ke arah lain). Inilah kode untuk makhluk dengan metode barunya:

critterChangeSpeed. permainan var html; var makhluk; fungsi Critter () {tCritter = new Sprite (permainan, "makhluk gif", 30, 30); tCritter kecepatan = 0; tCritter checkKeys = function () { if (keysDown [K_RIGHT]) { ini. speed ++; } jika (keysDown [K_LEFT]) { ini. kecepatan--; } tCritter. setSpeed ​​(kecepatan ini); } // metode akhir return tCritter;} fungsi init () {game = new Scene (); critter = new Critter (); permainan. start ();} fungsi update () {game. bersih(); makhluk. checkKeys (); makhluk. update ();}

Perhatikan bahwa ia bergerak saat pengguna menekan tombolnya. Untuk contoh ini dan yang paling banyak, gambar statis tidak akan cukup untuk membantu Anda melihat apa yang sedang terjadi.

Dalam versi baru program ini, objek Critter memiliki perilaku baru yang diidentifikasi. Intinya, metode tidak lebih dari sebuah fungsi yang didefinisikan di dalam kelas. Jangan panik Benar-benar tidak sulit untuk diketahui. Anda memberitahu sistem apa yang harus dilakukan jika pengguna pernah meminta objek Critter untuk mengubah kecepatan.

1. Buat properti baru yang disebut checkKeys.

   Dalam JavaScript, properti dan metode sama persis. Jika Anda melampirkan variabel biasa ke objek, itu adalah properti. Jika Anda melampirkan fungsi untuk itu, itu adalah sebuah metode. (Nama properti biasanya berupa kata benda. Nama metode biasanya kata kerja atau ungkapan kata kerja.)

2. Bangun metode baru untuk menampung perilaku.

   changeSpeed ​​bukan properti biasa, tapi sebuah metode, jadi Anda akan melampirkan fungsinya. (Untuk jurusan Ilmu Komputer di luar sana, membangun fungsi anonim dengan cepat seperti ini adalah contoh fungsi lambda . Tonton di ujian tengah semester!)

3. Periksa masukan keyboard.

   Bila Anda membuat objek Critter, itu sudah tahu bagaimana cara mencari penekanan tombolnya sendiri.

4. Ubah kecepatan berdasarkan input keyboard.

   Jika pengguna menekan kanan, tingkatkan kecepatan (pada arah standar, kecepatan positif akan memindahkan sprite ke kanan).Jika pengguna menekan kiri, kurangi kecepatan.

5. Gunakan metode setSpeed ​​() untuk mengubah kecepatan sebenarnya.

   Objek Sprite yang menyediakan cetak biru untuk makhluk sudah memiliki metode setSpeed ​​(). Gunakan metode ini untuk membuat objek bergerak pada kecepatan yang ditunjukkan.

6. Di dalam sebuah metode, gunakan kata kunci ini.

   Bila Anda membuat sebuah metode di dalam konstruktor, komputer bisa sedikit bingung dengan nama-nama benda. Untuk sebagian besar, Anda menambahkan barang ke karakter sementara yang disebut tCritter. Untuk menghilangkan kebingungan, jika Anda perlu merujuk pada properti atau metode lain dari objek yang Anda modifikasi, gunakan kata kunci umum ini daripada nama sebenarnya dari objek.

7. Ubah fungsi update () jadi karakter memeriksa keyboard.

   Ingat, fungsi update utama () terjadi satu kali per frame. Apa pun yang Anda inginkan terjadi satu per frame harus disebut di update (). Tambahkan panggilan untuk mencari. checkKeys (). Ini akan mengingatkan makhluk untuk memeriksa keyboard setiap frame dan mengubah kecepatannya sesuai kebutuhan.