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

Solucion, ida vuelta y cambia de color, mas log sentido

<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); 
    var color="blue";
    function disenharCircunferencia(x,y,radio){
        pincel.fillStyle = color;
        pincel.beginPath();
        pincel.arc(x,y,radio,0,2*Math.PI);
        pincel.fill();
    }    

    function limpiarPantalla(){

        pincel.clearRect(0,0,600,400);

    }

    var x = 0
    var sentido = 1;


    function actualizarPantalla(){

        limpiarPantalla();
        if(x > 600){
            sentido = -1;
            color="red";

        }else if(x < 0){
            sentido = 1
            color="blue";

        }

        disenharCircunferencia(x,20,10);
        x = x + sentido;
        console.log("x" + sentido);
    }

    setInterval(actualizarPantalla,5);

</script> 
1 respuesta

¡Hola Javier! ¡Deseo que estés bien!

¡Muchas Felicidades!

¡Gracias por compartir tu código con nosotros, nos alegra mucho ver que colocas en practica tu aprendizaje, la cual es muy fundamental para consolidar tus nuevos conocimientos.

¡Continua con ese mismo entusiasmo y no te desanimes!

¡Te deseo mucho éxito en tus estudios y recuerda que aquí estaremos para apoyarte!

¡Vamos juntos!

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