Ejercicios Processing 1

En esta entrada vamos a recordar alguna de las funciones que hemos estudiado en processing y para terminar tendréis que realizar dos ejercicios y enviármelos por correo.

Las funciones estudiadas hasta ahora son:

  • size() → Sirve para establecer el tamaño del dibujo. Hay que indicar la dimensión horizontal y vertical del dibujo. Ej: size(300,200);
  • line() Dibuja una línea entre dos puntos. Hay que darle las coordenadas de ambos puntos. Ej. line(20,50,150,100);
  • stroke() Establece el color con el que dibujará las líneas así como su grado de transparencia. Ej: stroke(255,0,0,50);
  • strokeWeight() Establece el grosor con el que dibujará las líneas. Ej: strokeWeight(12);
  • nostroke() Hace que las figuras se dibujen sin línea alrededor.
  • fill() Establece el color con el que se rellenarán las figuras y el grado de transparencia. Ej: fill(0,0,100,100); (rellenará de azul oscuro con trasparencia)
  • noFill() → Hace que las figuras se dibujen sin relleno, sólo el borde.
  • rect() → Dibuja un rectángulo. Hay varias formas de hacerlo. En el modo por defecto se le dan las coordenadas de la esquina superior izquierda, la anchura y la altura. También se pueden hacer las esquinas redondeadas. La forma en que se dibuja el rectángulo se puede cambiar con rectMode(). Ej: rect(100,100,50,20);
  • ellipse () Dibuja una elipse. Se le dan las coordenadas del centro y la anchura y altura de la elipse. Si los dos son iguales, dibuja un círculo. La forma en que dibuja la elipse se puede cambiar con ellipseMode(). Ej: ellipse(100,100,120,50);
  • random () Selecciona un número aleatorio entre los dos valores que le pasamos como parámetros. Ej: random(0,255);

Si tienes duda de la forma de utilizar estas variables, de las posibilidades que tienen y de otras funciones que puedes emplear, es útil utilizar la referencia del lenguaje La encontrarás en el siguiente enlace:

https://processing.org/reference/

Si prefieres la referencia en español, aunque no es tan buena, la tienes en el siguiente enlace

http://techamc.es/PROCESSING/Referencia.html

Ejercicio 1: Realiza el código necesario para obtener la siguiente imagen, teniendo en cuenta que el tamaño es de 200×200

img_0339 Para no complicar mucho la tarea os doy unas pistas sobre los colores:

  • Color gris de fondo: 128
  • Círculo rojo: 192-0-0
  • Círculo verde: 0-0-192
  • Círculo azul: 0-192-0
  • Círculo amarillo: 192-192-0
  • Diagonal naranja: 255-192-0
  • Diagonal verde: 0-255-128

Ejercicio 2: Realiza una “carita sonriente” utilizando líneas y elipses. El tamaño  del dibujo será de 200×200 y la cara aprovechará al máximo la superficie del dibujo. Se valorará la estética y la utilización del variedad de elementos (colores, círculos, transparencias, grosores de línea, etc)

Al realizar y guardar los ejercicios, Processing crea automáticamente una carpeta para cada uno y en ella salva el código fuente, en un archivo con el nombre que le deis y con extensión .pde. Debéis mandarme un correo con los archivos de los dos ejercicios a la cuenta tecnokrs@hotmail.com.

Ánimo y a programar.

Enlace

Esta entrada sólo incluye la presentación utilizada para explicar la fabricación de objetos utilizando plásticos reforzados con fibra y una serie de enlaces a vídeos con procesos de conformación de plásticos. Para descargar la presentación, haz clic aquí. Para ver los vídeos haz clic en los siguientes enlaces