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

Actividad circulo cambiar de Sentido

Hola compa;eros!

En este caso les comparto mi codigo que es un poco diferente al compartido por el instructor, pero me finciono. Espero que les sea de ayuda :)\

<canvas width="600" height="400"></canvas>

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    pincel.fillStyle = "lightgrey";
    pincel.fillRect(0,0,600,400);

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

    function limpiarPantalla(){
        pincel.fillStyle = "lightgrey";
        pincel.fillRect(0,0,600,400);
    }

    var x = 0;
    var y = 50;
    var tope = false;

    function actualizarPantalla(){
        limpiarPantalla();
        dibujarCirculo(x,y,20);

        if(x == 600){
            tope = true;
        }else if(x == 0){
            tope = false;
            }

        if(tope == false){
            x++;

        }else{
            x--;
        }

    }


    setInterval(actualizarPantalla, 3);


</script>

Saludos!!!

1 respuesta

Hola Jose , espero que estés muy bien.

Felicitaciones por tu aprendizaje. Estamos priorizando el foro para postear dudas, así optimizamos el tiempo de respuesta para ustedes.

Para no dejar de compartir los códigos, actividades y ejercicios que realizas, creamos un canal en Discord (#compartatucodigo) donde puedes compartirlos, dar y sugerir mejoras con el resto de tus compañeros.

Un saludo.

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