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()
ystroke()
, se mantienen entre ejecuciones consecutivas dedraw()
. - 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!