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

intente resolver el ejercicio usando dos funciones

cree dos funciones, una que mueve el circulo de izquierda a derecha y otra de derecha a izquierda. habrá alguna forma de resolverlo así? ...comparto mi código , espero me puedan ayudar.

<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 dibujarCircunferencia(x,y,radio){
        pincel.fillStyle = "red";
        pincel.beginPath();
        pincel.arc(x,y,radio,0,2*Math.PI);
        pincel.fill();


    } 

    function limpiarPantalla(){
        pincel.clearRect(0,0,600,400);
    }


    x =0
    function caminarCirculoIzquierdo(){

        limpiarPantalla();
        dibujarCircunferencia(x,20,10);
        x++;

    }

    x2=600
    function caminarCirculoDerecho(){
        limpiarPantalla();
        dibujarCircunferencia(x2,20,10);
        x2-- ;

    }

</script>
2 respuestas

Claro, teniendo en cuenta la respuesta del instructor, solamente tendría que declarar las funciones cuando se cumpla las condiciones, es decir en vez de pegar el código dentro de las condiciones, pegas tus funciones y ya.

muchas gracias lo intentare asi