nada
void setup(){
size(100,100);
noLoop();
}
void draw (){
diagonals(40,90);
diagonals(60,62);
diagonals(20,40);
}
void diagonals(int x, int y){line(x,y,x+20,y-40);
line(x+10,y,x+30, y-40);
line(x+20,y,x+40,y-40);
}
size(400,400);
background(0,0,253)
Presentación prezi Introducción a Processing: http://prezi.com/buaar2ugkuiu/processing/Tecnología Mltimedia
Instrucción= size(ancho,alto);
por default es de 100x100
1. Para cambiar el color de la ventana utilizamos la instrucción background(valor)El valor es entre 0 y 255 y serán tonosde grises
2. Para color primeramente veremos el modo RGB que implica usar valores para rojo, verde y azúl.
3. background(255,255,255); Fondo blanco
4. println("Hola mundo"); para utilizar laconsola.
Primitvas de Graficación
Líneas
Circulo
Elipse
Punto
Rectángulo
Triángulo
EL CIRCULO CON PROCESSING
A. ellipse(200,200,ancho,alto);
B. fill(RGB); para rellenar se coloca antes deprimitivas de graficación y de ahí en adelante será solo ese color hasta cambiar.
C. Ir a Reference para ayuda con las algunas instrucciones(link de página abajo)
D. nostroke(); sin color
E.Stroke(RGB) para poner coloreS
PRIMER SKETCH INTERACTIVO
A. Para este ejemplo usaremos el mouse en la computadora y el dedo en la tableta del celular.
B. Para lo anterior tenemos en procesing lassiguientes funciones
mouseX();
mouseY();
Las funciones anteriores regresan la posición del ratón
ellipse(mouseX,mouseY, 10,10);
Processing organiza el código en dos grandes funciones una llamada*void setup(); {
// Instrucciones que se ejecutan una sola vez
} no regresa nada
*void draw(){
//Instrucciones que ejecutan muchas veces
}
void draw(){
ellipse(mouseX,mouseY, 10,10);} // conesta función hacemos que se repita muchas
Código:
void setup(){
size(400,400);
background(0,0,253);
noStroke();
fill(0,255,0);
}
void draw(){
background(255,0,0); // limpia la pantalla...
Regístrate para leer el documento completo.