<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>
<canvas id="myCanvas" width="500" height="500" style="border:3px solid #000000;">
</canvas>
<script>
let myVar = setInterval(myTimer, 100);
function myTimer() {
var tuval = document.getElementById("myCanvas");
var ctx = tuval.getContext("2d");
var r = ["blue", "red", "green", "yellow", "black", "white", "brown", "gray"];
var c = Math.ceil(8 * Math.random() - 1);
ctx.fillStyle = r[c];
ctx.beginPath();
ctx.arc(Math.round(Math.random() * 500), Math.round(Math.random() * 500), Math.round(Math.random() * 45) + 5, Math.PI * 2 * Math.random(), Math.PI * 2 * Math.random());
ctx.fill();
}
</script>
</body>
</html>
Bu kodu not defterine yapıştırıp html olarak kaydedin.
Yada kodu aşağıdaki bağlantıda çalıştırın.
https://html.onlineviewer.net/
Adımı yazması için ne kadar beklemem gerekiyor. 🙂
Bol bol smile, pacman vb şeyler çıkıyor. Adını @smile cehennemi koydum. 🙂
