74 this.newPos = function() { this.angle += this.moveAngle * Math.PI / 360; this.x += this.speed * Math.sin(this.angle); this.y -= this.speed * Math.cos(this.angle); } } function updateGameArea() { myGameArea.clear(); myGamePiece.newPos(); myGamePiece.update(); } </script> </html> Referensi : w3schools (modifikasi) Pada program diatas digunakan untuk membuat animasi kotak yang bergerak mengelilingi lingkaran dimana pada bagian awal kita sediakan sebuah button yang berfungsi untuk memulai animasi ketika di klik dengan code <button type="button" id="animasi" >Lihat Animasi</button> dimana id dari button ini kita beri nama animasi. Pada program ini juga menggunakan code css untuk memberikan warna pada canvas dan garis pinggir seperti code canvas{border:1px solid blue; background-color: yellow;} yang mana canvas akan ditampilkan menggunakan ukuran line 1px dan berwarna biru sedangkan untuk bagian background canvas berwarna kuning.
RkJQdWJsaXNoZXIy MTM3NDc5MQ==