Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Sugerencia] Conservar el fondo gris y borrar la mitad de la pelota al borde

        const pantalla = document.querySelector("canvas");
        const pincel = pantalla.getContext("2d");

        function disenharCircunferencia(x, y, radio) {
            pincel.fillStyle = "blue";
            pincel.beginPath();
            pincel.arc(x, y, radio, 0, 2 * Math.PI);
            pincel.fill();
        }

        function limpiarPantalla() {

            pincel.clearRect(0, 0, 611, 400);
            pincel.fillStyle = "lightgrey";
            pincel.fillRect(0, 0, 600, 400);

        }

        let x = 0
        let sentido = 1;

        function actualizarPantalla() {

            limpiarPantalla();
            if (x > 600) {
                sentido = -1;
            } else if (x < 0) {
                sentido = 1;
            }

            disenharCircunferencia(x, 20, 10);
            x = x + sentido;
        }

        setInterval(actualizarPantalla, 10);
1 respuesta

Gracias por tu aporte, me interesaba que se mantuviera el color del fondo