Hola, me gustaría saber si se podría optimizar un poco mas mi código y también que otras cosas o sentidos podría agregarle, saludos
<!-- Ejercicio para dibujar un circulo y hacer que se devuelva cuando llegue al margen del eje y -->
<canvas width="700" height="800"></canvas>
<script>
let screen = document.querySelector("canvas");
let brush = screen.getContext("2d");
brush.fillStyle = "lightgreen";
brush.fillRect(0, 0, 700, 800);
function circleDesign(x,y,radio) {
brush.fillStyle = "orange";
brush.beginPath();
brush.arc(x, y, radio, 0, 2 * Math.PI);
brush.fill();
}
function screenClear() {
brush.clearRect(0, 0, 700, 800);
}
let y = 0;
let sense = 1;
function updateScreen() {
screenClear();
if (y > 800) {
sense = -1;
}
else if (y < 0) {
sense = 1;
}
circleDesign(20, y, 12);
y = y + sense;
}
setInterval(updateScreen,20);
</script>