Module 01 · 14 min
Il primo loop visivo
draw() come battito cardiaco del programma.
Description
In p5.js esistono due funzioni fondamentali: setup() e draw(). La prima viene eseguita una volta sola, la seconda 60 volte al secondo. Tutto ciò che chiamiamo 'animazione' nasce qui.
What you'll produce
Galleria di sketch
Un sketch a testa, condiviso in pagina di classe.
- Sound preview
- Stessa frequenza del refresh: un beat per ogni frame.
- Code output
Tela 600×600 con cerchio luminoso che segue il puntatore, lasciando una scia.
Key points
- setup() = una volta. draw() = 60 volte al secondo.
- Un background trasparente lascia scie luminose.
- frameCount è il tempo del programma, espresso in frame.