Processing
Primer programa
Nuestro primer programa en Processing, es tan sencillo como escribir: print("hello world!"); dentro la interfaz de Processing, darle a "run” y… voilà! Habéis creado el primer programa! Si habéis visto "Hello World!" escrito en blanco en la consola, el primer programa ha sido compilado y ejecutado con éxito.
- "print" es una instrucción que le dice a java que escriba el parámetro (lo que va entre paréntesis)
- Después de cada instrucción, cerramos con punto y coma al final de la línea. EN JAVA, HAY QUE ACABAR CADA LÍNEA DE CÓDIGO CON PUNTO Y COMA;
Funciones gráficas
-LA CUADRÍCULA
Processing, y java, trabajan píxel a píxel. Es decir, para dibujar con Processing hay que tener en cuenta que trabajamos sobre una cuadrícula de píxeles, que puede ser de 100x100 (el tamaño por defecto).
- Escribimos size (500,500); para establecer nuestro tamaño de cuadrícula
- Escribimos line ( 0,0,500,500); para dibujar una línea desde el punto (0,0) al (100,100)
- Ejecutamos
Al ejecutarlo observamos nuestra ventana de 500x500 y la línea trazada desde el punto (0,0) al punto (500,500). Cada píxel, pues, tiene su lugar en la cuadrícula. Esta posición se expresa mediante coordenadas X, Y, con el punto 0,0 en la esquina superior izquierda de la ventana.
Nuestro primer programa en Processing, es tan sencillo como escribir: print("hello world!"); dentro la interfaz de Processing, darle a "run” y… voilà! Habéis creado el primer programa! Si habéis visto "Hello World!" escrito en blanco en la consola, el primer programa ha sido compilado y ejecutado con éxito.
- "print" es una instrucción que le dice a java que escriba el parámetro (lo que va entre paréntesis)
- Después de cada instrucción, cerramos con punto y coma al final de la línea. EN JAVA, HAY QUE ACABAR CADA LÍNEA DE CÓDIGO CON PUNTO Y COMA;
Funciones gráficas
-LA CUADRÍCULA
Processing, y java, trabajan píxel a píxel. Es decir, para dibujar con Processing hay que tener en cuenta que trabajamos sobre una cuadrícula de píxeles, que puede ser de 100x100 (el tamaño por defecto).
- Escribimos size (500,500); para establecer nuestro tamaño de cuadrícula
- Escribimos line ( 0,0,500,500); para dibujar una línea desde el punto (0,0) al (100,100)
- Ejecutamos
Al ejecutarlo observamos nuestra ventana de 500x500 y la línea trazada desde el punto (0,0) al punto (500,500). Cada píxel, pues, tiene su lugar en la cuadrícula. Esta posición se expresa mediante coordenadas X, Y, con el punto 0,0 en la esquina superior izquierda de la ventana.
- EL COLOR
Cada uno de los tres colores primarios (rojo, verde y azul) ocupa 8 bits (un byte) en memoria. Un byte tiene 256 valores posibles. Así pues, el color en Processing tendrá un rango de 0 a 255 por cada uno de estos tres valores (R, G, B). El valor de un color en Processing se expresa así:
color (255, 0, 0);
Para un rojo puro. Se puede introducir un cuarto valor (transparencia) del siguiente modo: color (0, 255 , 0, 127);
Cuando un color está en la escala de grises (y por consiguiente sus valores R, G y B son iguales entre sí), se puede expresar con un solo valor:
color (127);
Hay varias maneras de utilizar el color. De momento, veremos las funciones: background(), stroke() y fill().
Dentro de sus paréntesis (es decir, como parámetros), pondremos el valor de color (de 0 a 255), para cambiar, respectivamente, el color de fondo de una ventana, el color del trazo en una forma geométrica, o su color de relleno.
Por ejemplo:
background (0); //para un fondo negro
stroke(255,0,0); //para un trazo rojo.
fill(255,255,0); //para un color de relleno amarillo