1
respuesta

Viendote pasar

<canvas width="600" height="400"></canvas>
<script>
    let pantalla = document.querySelector("canvas");
    let pincel = pantalla.getContext("2d");


    var x = 0;
    var y = 20;

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

    function disenharCirculo(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, 600, 400);
    };

    function actualizaPantalla() {


        pincel.clearRect(0, 0, 600, 400);
        disenharCirculo(x, y, 10);
        x++;
        if (x > 600) {
            x = 0;
            y  += 20;  

        }
        if(y > 400){
            y = 20;
        }


    }

    setInterval(actualizaPantalla, 5);

</script>
1 respuesta

Hola Sebastian

Gracias por compartir tu código, está muy bien felicitaciones.

Si tienes alguna pregunta sobre el contenido de los cursos, estaremos aquí para ayudarte.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios