<!doctype html>
<html>
<meta charset="UFO-8">
<body> <canvas width="600" height="400"></canvas></body>
<script>
var pantalla = document
.querySelector("canvas");
var pincel = pantalla
.getContext("2d");
pincel.fillStyle = "grey";
pincel.fillRect(0, 0, 345, 500);
var x = 0;
function Circunferencia(x, y,
radio) {
pincel.fillStyle = "Black";
pincel.beginPath();
pincel.arc(x, y, radio, 0, 2 *
Math.PI);
pincel.fill();
}
function limpiarPantalla() {
pincel.clearRect(0, 0, 345,
500);
}
function actualizarPantalla() {
limpiarPantalla();
Circunferencia(x, 20, 10)
x = x + 1;
}
setInterval(actualizarPantalla(),250);
</script>
</html>
