Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Duda] NO SE COMO HACER QUE VUELVA

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Moviendo elementos con animaciones simples y actividad ¡Ya que va, que vuelva!

por Jesús Alberto Guzmán Martínez
| 99.9k xp | 10 posts

He intentado muchas cosas, pero no me sale, este es mi ultimo intento y creo que un If me ayudaria bastante pero no se que tanto debe abarcar mi if para que que funcione

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

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");    
    pincel.fillStyle = "grey";
    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;
function actualizarPantalla(){
    limpiarPantalla();
    disenharCircunferencia(x,20,10);

    x++
    }    


setInterval(actualizarPantalla,2);





if(x==600){

    limpiarPantalla();
    disenharCircunferencia(x-1,20,10);
}


</script>
1 respuesta
por Nathalia Cardozo
| 1216.6k xp | 5042 posts
Alura Scuba Team Scuba Team

¡Hola, Jesús! ¿Cómo estás?

Para saber si el circulo va de izquierda a derecha o de derecha a izquierda, necesitamos descubrir su sentido.

Siendo así, vamos a crear una variable sentido. Vamos a inicializarla con el valor de 1, indicando que nuestra variable x debe ser incrementada de 1 en 1.

Cuando la posición del circulo sea mayor que 600 (que es el ancho de la pantalla) debemos cambiar el valor de la variable sentido para que la variable x sea decrementada en -1.

Luego, vamos cambiar el x++ del final, ya que no vamos solo incrementar, sino decrementar también. Por lo tanto, debemos adiccionar el valor del sentido a nuestra variable x.

var x = 0;
var sentido = 1;

function actualizarPantalla() {

    limpiarPantalla();
        if(x > 600){
            sentido = -1;
        }else if(x < 0){
            sentido = 1;
    }

    disenharCircunferencia(x, 20, 10);

    x = x + sentido;
}

Continúa con tus estudios y hasta la proxima.

¡Vamos juntos!

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