Cara Tambah Kesan Drift ke Permainan HTML5 Anda - dummies

Anda boleh menggunakan vektor kuasa dengan cara yang menarik dalam permainan HTML5 anda. Banyak permainan perlumbaan termasuk mekanisme pemalasan atau hanyut. Mendapatkan tingkah laku ini betul-betul memerlukan matematik yang sangat canggih, tetapi anda boleh membuat anggaran yang munasabah tentang kelakuan ini tanpa usaha yang terlalu banyak.

Imej ini tidak mencukupi. Anda benar-benar perlu melihatnya sebagai program kerja kerana ia benar-benar keren. Apabila anda menggerakkan bot di sekitar skrin, bot itu melayang dan meluncur. Ia sangat menyeronokkan untuk dimainkan.

Bagaimana untuk menambah tingkah laku hanyut ke objek permainan anda

Untuk mendapatkan tingkah laku mudah hanyut, tambah sedikit vektor daya kecil dalam arah semasa bot tanpa mengira sama ada pengguna sedang menekan pemecut.

Teknik ini adalah kompromi antara gerakan berasaskan ruang (di mana vektor daya hanya ditambahkan apabila pemecut ditekan) dan tingkah laku kereta standard (di mana arah perjalanan selalu mengikuti hidung kenderaan). Setiap bingkai mempunyai sedikit setiap tingkah laku.

Berikut adalah kod:

hanyut. permainan html var; var boat; fungsi Boat () {tBoat = Sprite baru (permainan, "bot. png", 100, 50); tBoat. checkKeys = function () {console. log (kelajuan ini); jika (keysDown [K_LEFT]) {ini. changeImgAngleBy (-5);} if (keysDown [K_RIGHT]) {this. changeImgAngleBy (5);} if (keysDown [K_UP]) {this. addVector (this getImgAngle (), 2);} ini. addVector (this.getImgAngle (), (kelajuan ini / 20)); } // tamat cekKeys TBoat. checkDrag = function () {speed = this. getSpeed ​​(); kelajuan * =. 95; ini. setSpeed ​​(speed);} return tBoat;} function init () {game = Scene (new); permainan. setBG ("# 000066"); bot = bot baru (); permainan. mulakan ();} / update akhir fungsi panas () {permainan. jelas (); bot. checkKeys (); bot. checkDrag (); bot. update ();}

Bagaimana menambah drift ke sprites permainan anda

Ini adalah prosedur yang sangat mudah.

1. Bina model kenderaan standard.

   Pertimbangkan untuk membuat bot, hanya untuk variasi.

2. Gunakan vektor daya untuk pecutan.

   Sekali lagi, anda mengendalikan kelajuan secara manual, jadi mekanisme addVector () memberikan kuasa yang hebat kepada anda. Vektor daya pecutan (digunakan dalam tekan kekunci anak panah atas) boleh menjadi nilai harfiah, tetapi ia tidak perlu menjadi besar. Kerana anda sebenarnya akan menambah vektor daya kedua, anda mungkin mahu nada turun vektor pecutan.

3. Tambah vektor daya kecil setiap bingkai.

   Vektor daya utama berlaku hanya apabila anda mempercepat, tetapi vektor kecil sekunder ditambah setiap bingkai. Vektor ini masuk ke arah bot yang sedang dihadapi.Vektor gerakan kecil ini akan mensimulasikan momentum. Penting bahawa vektor daya ini merupakan peratusan kelajuan dan bukan nilai literal. Jika anda sentiasa bergerak ke hadapan satu piksel, contohnya, bot tidak akan berhenti.