Bagaimana menambahkan Efek Drag ke Game HTML5 Anda - dummies

Prinsip penambahan vektor dapat bermanfaat bagi game HTML5 Anda dengan berbagai cara. Untuk satu, dapat menambahkan efek drag dan dengan demikian, menyebabkan perilaku kendaraan darat yang lebih akurat. Bayangkan mobil Anda terjebak di lingkungan yang buruk di tengah malam (lagi). Anda tidak bisa begitu saja mengubah posisi mobil secara langsung. Anda bahkan tidak bisa mengubah gerakannya.

Apa yang harus Anda lakukan adalah menambahkan sebuah kekuatan. Bila Anda menambahkan gaya, Anda perlahan menambahkan ke vektor gerak. Akhirnya, mobil mulai bergerak. Jika Anda berhenti menerapkan kekuatan, pada akhirnya akan berhenti saat hambatan angin dan ketahanan rolling memperlambat mobil ke bawah.

Gaming drag race

Seret. Contoh html menunjukkan mobil yang realistis yang berakselerasi perlahan dan memperlambat berhenti saat akselerator (dalam hal ini, panah atas) dilepaskan.

Anda benar-benar perlu melihat program tersebut dalam tindakan untuk menghargai perilakunya.

Tarik game var; perahu var; fungsi Mobil () {tCar = new Sprite (permainan, "mobil png", 100, 50); tCar. checkKeys = function () {console. log (kecepatan ini); jika (keysDown [K_LEFT]) {this. changeImgAngleBy (-5);} if (keysDown [K_RIGHT]) {this. changeImgAngleBy (5);} if (keysDown [K_UP]) { ini. addVector (ini, imgAngle, 2); } // bergeraklah ke arah saat ini. addVector (ini. imgAngle, 2);} // akhiri checkKeys tCar. checkDrag = function () { speed = ini. getSpeed ​​(); kecepatan * =. 95; ini setSpeed ​​(kecepatan); } // akhiri checkDrag return tCar;} // akhiri fungsi def mobil init () {game = new Scene (); permainan. setBG ("# 666666"); mobil = mobil baru (); permainan. start ();} // akhirin fungsi init update () {game. bersih(); mobil. checkKeys (); mobil. checkDrag (); mobil. update ();} // end update

Bagaimana menerapkan drag di game Anda

Versi ini menggunakan gerakan berbasis kekuatan yang lebih realistis. Saat pengguna menekan panah ke atas, mobil akan menumpuk kecepatan. Jika pengguna meninggalkan panah atas ditekan, mobil mencapai kecepatan tertinggi secara alami. Saat pengguna melepaskan panah ke atas, mobil secara bertahap melambat dan akhirnya berhenti. Kekuatan vektor adalah kuncinya.

Begini cara kerjanya:

1. Bangun kendaraan dasar.

   Buat sprite kustom dengan metode checkKeys (), dan periksa semua tombol panah normal. Kode untuk memeriksa panah kiri dan kanan adalah persis seperti yang Anda harapkan.

2. Bergerak maju dengan vektor kekuatan.

   Kode untuk bergerak maju sedikit berbeda. Alih-alih hanya memodifikasi kecepatan secara langsung, terapkan kekuatan di arah mobil saat ini. Gunakan metode getImgAngle () sprite untuk menentukan arah mobil yang ditunjukkan, dan tambahkan kekuatan kecil ke arah itu.

3. Buat metode checkDrag ().

   Mobil tidak hanya terus berjalan tanpa tenaga. Resistensi angin dan tanah akan memperlambatnya, dan akhirnya mereka akan berhenti. Simulasikan berbagai gaya tarik dengan menambahkan metode checkDrag () ke objek Anda.

4. Kalikan kecepatan dengan faktor drag.

   Untuk contoh ini, berbagai daya tarik akan merampok mobil 5 persen dari kecepatannya setiap frame. Ingat bahwa permainan berjalan pada 20 frame per detik, jadi gaya drag cukup besar. Anda bisa mencapai efek drag dalam banyak hal, namun cara termudah adalah dengan mengalikan kecepatan mobil dengan beberapa nilai lebih kecil dari 1.

5. Tidak ada rem!

   Apa mobil arcade yang menghargai diri sendiri memiliki rem? Serius, Anda mungkin ingin menambahkan masukan panah ke bawah, tapi seharusnya tidak diperlukan karena mobil akan melambat dengan sendirinya.

6. Season to taste.

   Contoh ini memberikan garis besar kasar, namun Anda dapat memodifikasi sejumlah nilai untuk mendapatkan performa mobil yang Anda inginkan. Anda dapat mensimulasikan mesin yang lebih bertenaga (atau massa yang lebih kecil) dengan meningkatkan vektor gaya saat Anda menekan akselerator.

   Anda dapat mensimulasikan suspensi yang lebih responsif dengan mengubah tingkat pengembalian jika pengguna menekan panah kanan atau kiri. Anda juga bisa mensimulasikan mobil yang kurang lebih efisien dengan memodifikasi rasio drag. Saat ini, mobil menyala dengan kecepatan berapa pun, tapi Anda bisa mencegah masukan panah kiri dan kanan jika mobil berada di bawah kecepatan tertentu.