Bagaimana Membangun Objek Sprite untuk Game HTML5 Anda - dummies

Untuk membuat permainan HTML5 yang sangat hebat, Anda pasti ingin membangun sprite Anda sendiri yang melakukannya. apa yang Anda ingin mereka lakukan Setelah Anda membuat sebuah objek, Anda bisa memberikan karakteristik dan perilaku.

Cara membuat objek sprite stok untuk permainan Anda

Untuk memulai, lihatlah objek sederhana ini:

permainan var; var makhluk; fungsi init () {game = new Scene (); critter = new Sprite (permainan, "makhluk gif", 30, 30); makhluk. setSpeed ​​(0); permainan. start ();} fungsi update () {game. bersih(); makhluk. update ();}

Ini adalah program yang sangat sederhana. Ini menciptakan sebuah adegan dan sebuah sprite tunggal yang disebut makhluk . Saat ini, makhluk itu tidak banyak berbuat.

Bagaimana membangun sprite permainan Anda sendiri

Benda sprite itu hebat, tapi tidakkah akan mengasyikkan jika makhluk itu sendiri adalah objek dan lebih baik lagi jika itu adalah objek baru berdasarkan pada sprite? Ini bisa dimulai dengan semua fitur dasar sprite, tapi Anda bisa menambahkan kemampuan baru untuk membedakan makhluk dari sprite lainnya.

Lihatlah CritterConstructor. html untuk melihat cara untuk melakukannya:

game var; var makhluk; fungsi Critter () {tCritter = new Sprite (permainan, "makhluk gif", 30, 30); tCritter setSpeed ​​(0); return tCritter;} function init () {game = new Scene (); critter = new Critter (); permainan. start ();} fungsi update () {game. bersih(); makhluk. update ();}

Program ini bekerja persis seperti yang terakhir, tapi ini diatur sedikit berbeda.

• Ada fungsi yang disebut Critter () . Penting bahwa fungsinya adalah nama sebuah objek dan juga dikapitalisasi. Ini adalah fungsi yang sangat istimewa, karena digunakan untuk mendefinisikan objek Critter ().

• Fungsi Critter () membuat objek sprite sementara. Di dalam Critter () fungsi, Anda melihat objek sprite sementara yang disebut tCritter (). Ini adalah sprite baru.

• Ubah sprite sementara sebanyak yang Anda mau. Untuk membuat jenis objek baru di JavaScript, pada dasarnya Anda membuat objek baru dan kemudian memodifikasinya untuk mendapatkan perilaku yang Anda inginkan. Dalam kasus ini, kecepatan default karakter ditetapkan.

• Kembalikan objek sementara Critter . Akhir dari fungsi Critter () khusus mengembalikan sprite, tapi sekarang bukan hanya sprite, tapi juga sebuah makhluk.

Inti mekanisme ini adalah memiliki jenis objek baru yang tersedia. The Critter sangat mirip Sprite, tapi bisa memiliki perilaku dan karakteristik baru. Ini adalah fitur yang sangat kuat.

Istilah teknis untuk membuat sprite bertingkah seperti itu berasal dari sprite lain adalah warisan . Model pewarisan JavaScript biasanya dilakukan dengan cara yang berbeda (menggunakan mekanisme yang disebut prototyping ).

Ini bukan cara pewarisan JavaScript formal dilakukan, namun mekanisme yang ditunjukkan di sini lebih mudah dipahami daripada cara "benar", dan ini mirip dengan bagaimana pewarisan dilakukan dalam banyak bahasa lainnya. Sama sekali tidak salah dengan pendekatan ini, tapi terkadang Anda akan melihat pendekatan lain untuk mewariskan warisan di JavaScript.