Referencia draw()

draw()

La función draw() es la función central de un sketch. Se ejecuta de forma continua después de la función setup(), hasta que el programa se detenga o se llame a la función noLoop(). La frecuencia de ejecución se establece por defecto en 60 fotogramas por segundo, y podemos ajustarlo mediante la función frameRate().

Podemos controlar cuándo y cómo se ejecuta draw() con las funciones:

  • noLoop() - Detiene la ejecución de cíclica de draw().
  • loop() - Reanuda la ejecución de cíclica draw().
  • redraw() - Ejecuta draw() una sola vez después de haber sido invocada.

Nota: si se llama la función noLoop() dentro de setup(), draw() se ejecutará una vez más antes de detenerse.

Consideraciones importantes:

  • Solo puede haber una función draw() por sketch.
  • La función draw() es indispensable para generar animaciones o procesar eventos como mousePressed().
  • Los estilos aplicados, como fill() y stroke(), se mantienen entre ejecuciones consecutivas de draw().
  • Al inicio de cada ejecución de draw(), el sistema de coordenadas se reinicia. Las transformaciones aplicadas previamente, como escalar, rotar y traslación, se eliminan evitando su acumulación.

Ejemplos

Notice any errors or typos? Please let us know. Please feel free to edit src/core/main.js and open a pull request!

Referencias Relacionadas