| Isi |
|
| Menahan tombol | Layout responsif |
Menciptakan permainan Loop
Ketika membuat permainan, gambar atau sprite, ditambahkan ke film untuk mewakili unsur-unsur dalam permainan seperti karakter, kendaraan atau ledakan. Posisi sprite disesuaikan berkali-kali yang kedua, ke dalam lingkaran tergantung pada beberapa permainan logika. Setiap film memiliki dibangun di loop permainan, disebut 'Pada Update'. Ini dipanggil setiap kali update animasi, dan dapat ditemukan di film properti.
Membuat film baru dan menambahkan gambar, juga disebut sebuah sprite. Kami telah menggunakan bola pantai.
 | Impor |
Klik untuk menyimpan gambar ini ke komputer Anda.
BeachBall.png
dalam properti bingkai pertama dari bola pantai, matikan timeline dan set yang 'ID skrip' untuk Ball. Mematikan timeline memungkinkan bola dikontrol menggunakan Javascript.
Kita akan membuat pantai bola memantul di sekitar film. Jadi kita perlu membuat beberapa variabel kecepatan dalam 'Umum' script acara. Setiap nilai awal akan melakukan.
Dalam 'Pada Update' acara, kita dapat membuat bola bergerak dengan menambahkan nilai kecepatan untuk X dan Y nilai-nilai bola.
Ball.Y+=VelocityY;
Tekan play untuk menguji film. Bola harus terbang langsung dari film.
 | Play |
X Dan Y properti bola adalah titik pusat. Dengan memeriksa nilai-nilai ini terhadap lebar dan tinggi dari film, kita dapat memeriksa untuk melihat jika bola harus bangkit. Untuk bangkit bola, hanya membalikkan kecepatan.
Ball.Y+=VelocityY;
var MovieWidth=600,MovieHeight=400,BallRadius=50;
if(Ball.X>MovieWidth-BallRadius){VelocityX=-VelocityX;}
if(Ball.X<BallRadius){VelocityX=-VelocityX;}
if(Ball.Y>MovieHeight-BallRadius){VelocityY=-VelocityY;}
if(Ball.Y<BallRadius){VelocityY=-VelocityY;}
Tekan play untuk menguji film lagi. Bola sekarang harus bangkit di sekitar.
Ekspor film ke HTML dan melihat bahwa bola bergerak dengan kecepatan yang sedikit berbeda untuk pemain. Hal ini karena browser web yang berbeda dan perangkat yang berbeda berjalan pada kecepatan yang berbeda.
Untuk membuat bola bergerak pada kecepatan yang sama di mana-mana, kita perlu menghitung perbedaan waktu antara pembaruan. 'Pada Update' Acara termasuk dua variabel berguna yang melakukan hal itu. TimeChange: Jumlah bingkai yang telah berlalu sejak update terakhir. SecondsChange: Jumlah detik yang telah berlalu sejak update terakhir. Nilai-nilai ini independen dari apakah film telah berhenti atau tidak. Mereka adalah hanyalah sebuah cara untuk menghitung waktu sejak pemutahiran terakhir. Untuk membuat animasi yang selalu berjalan pada kecepatan yang sama, setiap perubahan posisi, sudut atau opacity perlu dikalikan dengan perubahan dalam waktu atau detik.
Ball.Y+=VelocityY*TimeChange;
var MovieWidth=600,MovieHeight=400,BallRadius=50;
if(Ball.X>MovieWidth-BallRadius){VelocityX=-VelocityX;}
if(Ball.X<BallRadius){VelocityX=-VelocityX;}
if(Ball.Y>MovieHeight-BallRadius){VelocityY=-VelocityY;}
if(Ball.Y<BallRadius){VelocityY=-VelocityY;}
Uji film dalam pemain dan HTML. Bola harus bergerak pada kecepatan yang sama di kedua.
| Menahan tombol | Layout responsif |