Que gusto estar nuevamente con ustedes, en esta sesión vamos a conocer distintas funciones que sirven para dibujar formas geométricas.
Entren a Processing y abran su archivo dibujo_01a
En este dibujo utilizamos la función triangle que sirve para dibujar triángulos. Entre paréntesis tenemos los parámetros de la función, en el caso de triangle son las coordenadas que indican la posición en la ventana de cada vértice del triángulo.
Ej.
triangle(20, 30, 40, 30, 30, 50);
El primer número es la coordenada x (distancia horizontal) y el segundo es la coordenada y (distancia vertical) del primer vértice, el siguiente par corresponde al segundo vértice y el ultimo par al tercero. El origen o punto 0, 0 se encuentra en la esquina superior izquierda de la ventana.
La ventana de un archivo de Processing es de 100 x 100 píxeles. Para cambiar su tamaño podemos utilizar la función size, que tiene dos parámetros, el primero determina lo ancho de la ventana y el segundo lo alto.
IIIIIIIIIIIIII Tecleen:
size(200, 200);
en processing y den clic en run. |
La ventana es ahora más grande. Ahora a dibujar, a pedirle a la computadora que dibuje:
IIIIIIIIIIIIII Utilicen la función triangle para programar un dibujo con triángulos que sea lo más original posible, y la función size para que la ventana sea alta, altísima, larga, cuadrada, chiquita o como mejor convenga a su dibujo.
IIIIIIIIIIIIII La sesión pasada aprendimos a cambiar el color de fondo con background, el color del triángulo con fill y el color del contorno con stroke. Utilicen estas funciones para colorear su dibujo. |
Consejos
IIIIIIIIIIIIII Para saber que combinación de números corresponde a un determinado color:
Den clic en Tools > y clic en color selector. Coloquen el cursor sobre el color que les guste y den clic. A su derecha verán que valor deben asignar al parámetro r (rojo), g(verde) y b(azul).
IIIIIIIIIIIIII Trazar el dibujo que quieren hacer sobre una cuadricula les puede servir para saber con mayor facilidad en que coordenadas quieren que se localicen los vértices de sus triángulos.
IIIIIIIIIIIIII Si no quieren que un triángulo tenga contorno utilicen la función noStroke:
Tecleen en un renglón anterior a la función triangle (la del triángulo que quieren sin contorno):
noStroke();
IIIIIIIIIIIIII Si un triángulo no tiene contorno y quieren que lo tenga:
Tecleen en un renglón anterior a la función triangle:
stroke( );
Recuerden teclear dentro del paréntesis el número o números correspondientes al color que desean.
IIIIIIIIIIIIII Si quieren un triángulo sin relleno utilicen la función noFill:
Tecleen en un renglón anterior a la función triangle:
noFill();
IIIIIIIIIIIIII Para que los trazos se vean más suaves coloquen la función smooth antes de la función triangel del tríangulo que quieren que tenga un trazo suave:
Tecleen:
smooth();
IIIIIIIIIIIIII Cuando no quieran el trazo suave tecleen:
noSmooth(); |
Cuando tengan un dibujo que les encante, guarden el archivo con el nombre dibujo_02a y coloquen el programa en la sección de tareas.
Recuerden:
Para ver como es el dibujo que programaron al escribir las instrucciones, deben pisar run.
Es muy fácil cometer errores al programar. Si al pisar run no les muestra la ventana con su dibujo porque existe un error, no se desanimen. Revisen con calma todo lo que escribieron, a lo mejor falta una coma o un paréntesis, o una letra. |
En el recuadro inferior negro de Processing les marca donde esta el error. En ocasiones no es fácil entender las indicaciones de este recuadro, no se preocupen si no comprenden a que se refiere. Simplemente revisen el programa con calma.
| |
adelante  |
