Cara Membina Objek Sprite untuk Permainan HTML5 Anda - dummies

Untuk menjadikan permainan HTML5 yang sangat kuat, anda akan dapat membina sprite anda sendiri yang betul-betul apa yang anda mahu mereka lakukan. Selepas anda membuat objek, anda boleh memberikannya ciri dan tingkah laku.

Bagaimana untuk membuat objek sprit saham untuk permainan anda

Untuk memulakan, perhatikan objek mudah ini:

critter var game; var critter; fungsi init () {game = scene baru (); critter = Sprite baru (permainan, "critter gif", 30, 30); kejang. setSpeed ​​(0); permainan. mulakan ();} kemas kini fungsi () {permainan. jelas (); kejang. kemas kini ();}

Ini adalah program yang sangat mudah. Ia mewujudkan adegan dan satu sprite yang dipanggil critter. Sekarang ini, penakluk tidak banyak berbuat apa-apa.

Bagaimana untuk membina sprite permainan anda

Sprite objek hebat, tetapi tidak akan menjadi hebat jika critter itu sendiri adalah objek dan lebih baik jika ia adalah objek baru berdasarkan sprite? Ia boleh bermula dengan semua ciri asas sprite, tetapi anda boleh menambah keupayaan baru untuk membezakan makhluk-makhluk dari sprite lain.

Lihat CritterConstructor. html untuk melihat cara untuk melakukannya:

critter var game; var critter; fungsi Critter () {tCritter = Sprite baru (permainan, "critter gif", 30, 30); tCritter. setSpeed ​​(0); kembali tCritter;} fungsi init () {game = Adegan baru (); critter = new Critter (); permainan. mulakan ();} kemas kini fungsi () {permainan. jelas (); kejang. kemas kini ();}

Program ini berfungsi sama seperti yang terakhir, tetapi ia diatur sedikit berbeza.

• Terdapat fungsi yang dipanggil Critter () . Adalah penting bahawa fungsi itu adalah nama objek dan ia juga dipermodalkan. Ini adalah fungsi yang sangat istimewa, kerana ia digunakan untuk menentukan objek Critter ().

• Fungsi Critter () mencipta objek sprit sementara. Di dalam fungsi Critter (), anda melihat objek sprit sementara yang dipanggil tCritter (). Ini adalah sprite baru.

• Ubah semula sprite sementara sebanyak yang anda mahu. Untuk membuat jenis objek baru dalam JavaScript, anda pada asasnya membuat objek baru dan kemudian mengubahnya untuk mendapatkan persis kelakuan yang anda mahukan. Dalam kes ini, kelajuan lalai critter ditetapkan.

• Kembalikan objek Critter sementara. Penghujung fungsi Critter () yang khas mengembalikan sprite, tetapi kini bukan sekadar sprite, tetapi critter.

Inti mekanisme ini adalah untuk mempunyai objek baru yang ada. The Critter adalah seperti Sprite, tetapi ia boleh mempunyai perilaku dan ciri baru. Ini adalah ciri yang sangat kuat.

Istilah teknikal untuk membuat perbuatan sprit seperti itu berasal dari sprite lain warisan. Model warisan JavaScript biasanya dilakukan dengan cara yang berbeza (menggunakan mekanisme yang dipanggil prototyping ).

Ini bukan cara pewarisan JavaScript formal dilakukan, tetapi mekanisme yang ditunjukkan di sini lebih mudah untuk dipahami daripada cara "betul", dan ia sama dengan cara warisan dilakukan dalam banyak bahasa lain. Tidak ada yang salah dengan pendekatan ini, tetapi anda kadang-kadang akan melihat pendekatan lain untuk warisan dalam JavaScript.