58 function animate(currentTime){ if(currentTime<nextTime){ requestAnimationFrame(animate); return; } nextTime=currentTime+duration; ctx.beginPath(); ctx.arc(x,50,30,0,Math.PI*2); ctx.fillStyle='#'+Math.floor(Math.random() *16777215).toString(16); ctx.fill(); x+=60; requestAnimationFrame(animate); } }); </script> </html> Referensi : Learning HTML5 Canvas (modifikasi) Code diatas nantinyakan akan menampilkan gambar lingkaran dengan interval yang di tentukan. Disini langkah awal seperti biasa kita sediakan sebuah canvas dimana pada contoh kita menggunakan canvas dengan ukuran width=512 height=150 dan id = canvas.
RkJQdWJsaXNoZXIy MTM3NDc5MQ==