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
3
respuestas

Quien me ayuda a optimizar el codigo????

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 Estudiante
| 21.4k xp | 5 posts
<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 disenharCircunf(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);
  }
  x = 0;
  y = 600;

  function actualizarPantalla() {
    if (x < 600) {
      limpiarPantalla();
      disenharCircunf(x, 20, 10);
      x++;
      y=600;

    } else if (x >= 600) {
      limpiarPantalla();
      disenharCircunf(y, 20, 10);
      y--;
      if (y < 0) {
        limpiarPantalla();
        disenharCircunf(x, 20, 10);
        x++;
        x=0;
      }
    }
  }
3 respuestas
por Natalia Valeska Sepúlveda Muñoz
| 86.5k xp | 15 posts

Hola, otra forma de la función actualizarPantalla. Saludos!

var x = 0
    var tope = false;
    function actualizarPantalla(){
        if(tope == false){
            limpiarPantalla();
            disenharCircunferencia(x,20,10);
            x++;
            if(x == 600){
                tope= true;
            }
        }else{
            limpiarPantalla();
            disenharCircunferencia(x,20,10);
            x--;
            if(x == 0){
                tope= false;
            }
        }
        console.log("valor:" + x);

    }
por Estudiante
| 21.4k xp | 5 posts

Genial!! pero se incrementa el numero de lineas. Yo quiero es bajar el numero de lineas

por Natalia Valeska Sepúlveda Muñoz
| 86.5k xp | 15 posts

Si, fijate que en el if utilice un "tope" para identificar cuando llega al tope de borde 600 y luego comienza el decremento. Mi variable boolean llamada "tope" es algo como un switch de encendido y apagado. Pero correcto, solo es una lógica diferente