Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

85 Balik pada bagian window.onload=(function() {..} terdapat bagian perintah button yang jika diklik maka akan ada aksi myGamePiece = new component(30, 30, "black", 80, 75); yaitu memanggil fungsi component dengan membuat sebuah kotak berukuran 30,30 dengan warna hitam dan titik mulai pergerakan pada 80,75. Pada bagian function component(width, height, color, x, y, type) {..} adalah bagian untuk membuat animasi bound yang pada bagian awal adalah inisialisasi width, height, x, y, type. Selanjutnya menentukan speedx dan speedy serta mengatur gravity dengan nilai 0.1. Selain itu, kita juga harus mengatur speed gravity dimana pada program di setting dengan nilai 0 dan terakhir pengaturan bounc dengan nilai 1. Berikut penggalan code dari bagian inisialisasi pada fungsi component. this.type = type; this.width = width; this.height = height; this.x = x; this.y = y; this.speedX = 0; this.speedY = 0; this.gravity = 0.1; this.gravitySpeed = 0; this.bounce = 1; Referensi : w3schools (modifikasi)

RkJQdWJsaXNoZXIy MTM3NDc5MQ==