Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
4
respuestas

Esfera no regresa, error

Hola, mi esfera solo se mueve de izquierda a derecha pero no vuelve

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

   }

   //ahora haremos que la circunferencia se mueva en todo el eje x

   function limpiarPantalla() {

      pincel.clearRect(0,0,600,400); //esto me limpia el canvas

   }

   var x = 0
   var sentido = true;

   function actualizarPantalla() {

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

         if (sentido){
            x++;
            if(x == 600) {

            sentido = false;

            }
         }

         else {
            x--;
            if(x==0){
               sentido=true;

            }
         }

      }

     setInterval(actualizarPantalla,5); 

</script>
4 respuestas

acabo de copiar el codigo y sin hacer nada mas que correrlo lo probe y funciona bien, va de derecha a izquiera y visceversa... fijate que capaz hay algun cambio que no guardaste, y algun tag mal cerrado... pero yo lo copie tal cual lo pusiste y funciona....

solución!

Hola, acabo de mirar el código y hace lo que se necesita, rebotar la esfera de derecha a izquierda... fíjate si no has comentado alguna parte del código o que te halla quedado algo sin comentar, pero tu código es correcto!!! Debería funcionar perfecto ;)

A seguir trabajando!!!

Gracias chicos, parece que era mi pc porque hoy al probar funciona perfecto

muy bien. felicitaciones