Dibujo de líneas con #processing

Para dibujar líneas con Processing utilizaremos la siguiente función:

line (x1,y1,x2,y2);

donde:

x1 = posición en el eje “x” donde inicia la línea

y1 = posición en el eje “y” donde inicia la línea

x2 = posición en el eje “x” donde termina la línea

y2 = posición en el eje “y” donde termina la línea

Abre Processing y escribe:

size (400,400); // tamaño pantalla
background (200); // color de fondo gris claro
line (0,200,400,200);//linea horizontal
line (200,0,200,400);// linea vertical

Ejecútalo y comprueba que ocurre. Veras algo parecido a esto:


Acabas de dibujar una linea horizontal y otra vertical.

Si queremos cambiar el color de la línea utilizaremos la función:

stroke (R,G,B);

Si queremos cambiar el grosor de la línea utilizaremos la función:

strokeWeight (x);

Abre Processing y escribe:

size (400,400); // tamaño pantalla
background (200); // color de fondo gris claro
stroke(255,0,0);//define el color de la linea, en este caso rojo
strokeWeight (10);//define el grosor de las lineas
line (0,200,400,200);//linea horizontal
line (200,0,200,400);// linea vertical

Ejecútalo y comprueba que ocurre. Veras algo parecido a esto:

También es posible poner diferentes colores y grosores a las líneas.

Inténtalo tú, modifica los códigos anteriores para obtener esto:


Vamos a practicar lo aprendido:

ACTIVIDADES
1.-Crea una ventana de (400×400) y dibuja las líneas con las coordenadas siguientes:

a) Desde (20, 20) hasta (80, 50)

b) Desde (140, 60) hasta (200, 120)

c) Desde (250, 100) hasta (180, 150)

d) Desde (350, 300) hasta (270, 380)

2.- Modifica el ejercicio anterior poniéndole a cada línea diferentes grosores y colores.

3.- En una pantalla de 200×200 y utilizando las coordenadas y el comando “line”, dibuja un cuadrado de 50 píxeles de lado, de diferentes colores (rojo, azul, verde y blanco). El grosor de línea es de 5. Por si te sirve de ayuda, primero tienes que determinar las coordenadas de los vértices del cuadrado.

4.- En una pantalla de 200×200 y utilizando el comando “line” dibuja la siguiente figura:


5.- Realiza la siguiente figura: el grosor de las lineas es de 5 y el tamaño de pantalla 400×400.

6.- Realiza la siguiente figura: el tamaño de pantalla 300×300, el grosor de las lineas es de 10 y el grosor de los puntos de 20.

7.- Utilizando la función line y la función point, realiza un dibujo parecido al siguiente. El tamaño de pantalla es 300×300:

8.- Utilizando la función line y la función point, realiza un dibujo parecido al siguiente. El tamaño de pantalla es 300×300:

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.