Este ejemplo demuestra el uso de loop() y noLoop() para pausar y reanudar la animación.
Al hacer clic en el ratón, se alterna el bucle de animación. Si el bucle de animación está detenida, el usuario puede presionar cualquier tecla para avanzar un fotograma. Nota: el usuario debe hacer clic para establecer el enfoque en el lienzo para que las pulsaciones de teclas se registren.
Avanzar un solo fotograma se logra llamando a la función redraw(), lo que resulta en una sola llamada a la función draw().
Ejemplos Relacionados
![](/_astro/02_Animation_And_Variables-00_Drawing_Lines-thumbnail.BGeLQQcM_Z2a4Pa8.webp)
No alt text
Dibujando Líneas
Dibuja con el ratón.
![](/_astro/02_Animation_And_Variables-01_Animation_With_Events-thumbnail.NdY11NOL_S55Ev.webp)
No alt text
Animación con Eventos
Pausar y reanudar la animación.
![](/_astro/02_Animation_And_Variables-02_Mobile_Device_Movement-thumbnail.CxvA2C-z_GnR3U.webp)
No alt text
Movimiento en Dispositivo Móvil
Animar basado en el movimiento del dispositivo.
![](/_astro/02_Animation_And_Variables-03_Conditions-thumbnail.D2wpvlE-_yfQPJ.webp)
No alt text
Condiciones
Utiliza declaraciones if y else para tomar decisiones mientras se ejecuta tu sketch.