draw() — se ejecuta cada frame
⌘/Ctrl + ↵
lienzo
0.0s · 0 fps
API
El código es el cuerpo de draw(): corre una vez por
frame, se re-ejecuta solo al escribir y se guarda en este
navegador.
W, H- ancho y alto del lienzo
t, frame- segundos transcurridos y número de frame
mx, my, mdown- posición del cursor y si está presionado
bg(c)- pinta el fondo
fade(c, a)- capa translúcida — estelas
noClear()- no limpiar entre frames
fill(c) / noFill()- relleno
stroke(c, w) / noStroke()- trazo
circle(x, y, r)- círculo
rect(x, y, w, h)- rectángulo
line(x1, y1, x2, y2)- línea
begin() / vertex(x, y) / end(close)- trazado libre
label(txt, x, y, size)- texto
push() / pop()- guardar y restaurar estado
translate / rotate / scale- transformaciones
hsl(h, s, l, a)- color
noise(x, y)- ruido de valor entre 0 y 1
map, lerp, clamp, dist, random- utilidades numéricas
sin, cos, atan2, PI, TAU…- atajos de
Math ctx- el contexto 2D crudo, por si falta algo