Introducción a Processing II
En el documento anterior vimos cómo crear la pantalla en donde
vamos a mostrar nuestro código graficado, con el módulo “setup”
que se ejecuta cuando inicia el programa y la línea de código
“size” que muestra la pantalla con los valores en píxeles dados.
Ahora vamos a comenzar a graficar dentro de nuesta ventana.
Recordemos primero algunas líneas de código necesarias para
dibujar.
● background(). Color o imagen de fondo de la ventana
● point() Pinta un pixel en las coordenadas X e Y indicadas
● fill(). Color de relleno de las formas dibujadas por el programa
● stroke(). Color del contorno de las formas
● strokeWeight(). Grosor de ese contorno
Primitivas geométricas
Las primitivas geométricas son aquellas figuras consideradas
primitivas por su básica constitución en las partes que las
conforman. Por ejemplo, el punto, la línea, cuadrados, triángulos,
rectángulos y círculos.
● point(x, y) {
Dibuja un punto en el píxel de las coordenadas X e Y
definidas en sus argumentos. }
● Line(x1, y1, x2, y2) {
Dibuja una línea que va desde el punto inicial (X1 e Y1)
hasta el punto final (X2 e Y2).}
● Triangle(X1, Y1, X2, Y2, X3, Y3){
Dibuja un triángulo en las coordenadas especificadas.}
● Quad(X1, Y1, X2, Y2, X3, Y3, X4, Y4) {
Podemos dibujar polígonos de cuatro lados con la
función quad(). Esta función requiere ocho parámetros para poder
funcionar. }
● Rect(X1, Y1, LARGO, ANCHO){
Para dibujar un rectángulo necesitaremos introducir cuatro
parámetros: el primero y el segundo definen las coordenadas x e y
de la esquina superior izquierda, el tercero en ancho y el cuarto la
altura. Opcional podemos introducir un 5to argumento que
modificará los bordes para que se vean redondeados, para esto
solo debemos introducir un valor que irá en pixeles. }
● Ellipse(X, Y , LARGO, ANCHO) {
Las coordenadas x e y de un rectángulo son situadas en la
esquina superior izquierda, pero una ellipse define las
coordenadas x e y en el centro. El tercer parámetro especifica el
ancho y el cuarto parámetro la altura.}