matemáticas atributos

p5.js una hoja de trucos

para principiantes! + - / * //operadores básicos matemáticos background(color);
//define el color del fondo
random(low,high); //número aleatorio, límite bajo, límite alto
estructura del programa fill(color);
map(value, in1, in2, out1, out2); //define el color para rellenar
//corre cuando inicia el programa //mapea un valor del rango de entrada al rango de salida
function setup(){ noFill();
createCanvas(800,600); //ancho, alto en pixeles //desabilita el relleno
} primitivas 2d
stroke(color);
//corre continuamente despues del setup line(x1, y1, x2, y2); //define el color del trazo
function draw(){
//instrucciones de reproducción en circuito ellipse(x, y, ancho, alto); strokeWeight(weight);
} //define el ancho del trazo en pixeles
rect(x, y, ancho, alto);
variables del sistema arc(x, y, ancho, alto, inicio, final);
noStroke();
//desabilita el trazo
windowWidth / windowHeight beginShape();
//ancho / alto de la ventana ellipseMode(MODE);
vertex(x1, y1); rectMode(MODE);
vertex(x2, y2); //CENTER,CORNER (centro, esquina)
width / height vertex(x3, y3);
//ancho / alto del lienzo //agrega más vértices textSize(pixels);
endShape(CLOSE); //tamaño del texto en pixeles
mouseX / mouseY
//posición actual horizontal / vertical del apuntador text("string", x, y, boxwidth, boxheight);
lógica if/then
retroalimentación no visual cuadrícula line() ellipse() if(condición){
print(); //declaraciones
//reporta datos a la consola }

//doble barra oblicua para comentar el código === //igual a

//(el programa lo salta) != //no es igual a
> //mayor que
< //menor que
color >= //mayor ó igual que
<= //menor ó igual que
fill(120); //gris: 0-255
fill(100,125,255); //r, g, b: 0-255 rect() arc() vertex()
fill(255, 0, 0, 50); //r, g, b, alpha
fill('red'); //nombre del color
fill('#ccc'); //hex de 3 dígitos
fill('#222222'); //relleno de hex de 6 dígitos
color(0, 0, 255); //objecto p5.Color

Compiled by Ben Moren http: benmoren.com CC-BY-SA-NC-4.0

Traducción por Andy Valdés Valdés