Puntos en la pantalla. Coordenadas #processing

Para indicar un punto en la pantalla utilizaremos la siguiente función:

point (x,y);

x: coordenada horizontal

y: coordenada vertical

Abre Processing y escribe:

// coordenadas de puntos
size (400,400);//tamaño pantalla
background (200);//color gris claro
point (200,200);//indica un punto de coordenadas x=200 e y=200

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


Como habrás observado, el punto apenas se ve.

Vamos a poner el punto “más gordo” utilizando la siguiente función:

strokeWeight (x);

donde “x” toma diferentes valores: 1, 2, 3, …..
Abre Processing y escribe:

// grosor puntos
size (400,400);//tamaño pantalla
background (200);//color gris claro
strokeWeight (5);//define el grosor del punto
point (200,200);//indica un punto de coordenadas x=200 e y=200

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


Habrás comprobado que hemos “engordado” el punto.

Ahora vamos a cambiar de color el punto utilizando la siguiente función:

stroke (R,G,B);

Abre Processing y escribe:

// grosor y color puntos
size (400,400);//tamaño pantalla
background (200);//color gris claro
stroke (255,0,0); // color rojo del punto
strokeWeight (5);//define el grosor del punto
point (200,200);//indica un punto de coordenadas x=200 e y=200

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


Habrás comprobado que el punto ahora es rojo.
Vamos a practicar lo aprendido:

ACTIVIDADES
1.- Crea una ventana de 300×300, color de fondo verde y sitúa tres puntos negros de grosor 5 en las siguientes coordenadas: (75, 50), (150, 200) y (250, 150).

2.- Crea una ventana de 300×300 color de fondo rojo y sitúa los siguientes puntos:

a) (75, 150), grosor 10, color negro.

b) (150, 150), grosor 30, color blanco.

c) (225, 150), grosor 60, color verde.

3.- Crea una ventana de 300×300, color de fondo libre y sitúa 10 puntos de diferentes grosores y colores.

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.