Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Comparto mi solución del ida y vuelta!

<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 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,600,400);

    }

    var x = 0
    var volviendo = false;

    function actualizarPantalla(){

        if(x >= 600){
            volviendo = true;
        } else if ( x <= 0){
            volviendo = false;
        }

        if(volviendo){
            x--;
        } else {
            x++;
        }    

        limpiarPantalla();
        disenharCircunferencia(x,20,10);


    }       

    setInterval(actualizarPantalla,10);

</script> 

Ya que muchos compañeros compartieron su versión, ¡muestro la mía con el pequeño cambio!

Saludos y éxitos!

2 respuestas

Hola Giannina, espero que estés bien!

Gracias por compartir tu código con nosotros, nos alegra mucho que estés practicando programación, la práctica es fundamental para consolidar tus nuevos conocimientos.

Te recomiendo que compartas la solución de tus ejercicios en nuestro servidor de Discord, allí tenemos un canal exclusivo para eso (#compartatucodigo) y el foro solo quedaría para esclarecer cualquier duda que puedas tener sobre el contenido de los cursos.

Mucho éxito en todo lo que te propongas y si tienes alguna duda aquí estaremos para apoyarte.

¡Vamos juntos!

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

Hola. ¿Por qué no usaste la condicional de forma completa? if(volviendo == false) y colocaste if(volviendo)?