Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

83 this.bounce); this.bounce = this.bounce - 0.1 } } } function updateGameArea() { myGameArea.clear(); myGamePiece.newPos(); myGamePiece.update(); } </script> </html> Referensi : w3schools (modifikasi) Dari program diatas kita akan menggunakan sebuah button untuk menjalankan animasi yang dengan menggunakan ><button type="button" id="animasi" >Lihat Animasi</button>. Selain itu kita juga setting warna pada bagian css dengan menambahkan code canvas {border:2px solid black; background-color: skyblue;}. Lanjut pada bagian javascrip yang mana dibagian awal kita inisialisasi button yang ada pada html dengan menuliskan const btnAnimasi = document.querySelector("#animasi"); dan menambahkan sebuah variable baru dengan nama var myGamePiece;.

RkJQdWJsaXNoZXIy MTM3NDc5MQ==