Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Transparencias de color en Processing - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 22 de mayo de 2023 por Francisco Javier M.

35 visualizaciones

Más información Transcripción

Descargar la transcripción

Buenas tardes. Bueno, vamos con este cuarto vídeo ya a terminar esta primera entrega de lo que ha sido esta presentación de nuestra mascota, 00:00:00
donde la característica fundamental es que hemos utilizado solamente programación estática. 00:00:10
Programación estática entendida como aquella donde el programa empieza en la línea 1, a continuación pasaría a la línea 2 y así sucesivamente hasta la última línea. 00:00:15
vamos a ver este último vídeo dedicado a las transparencias de los colores 00:00:25
porque yo creo que puede llegar a ser interesante 00:00:34
en principio lo que estamos haciendo aquí en las primeras líneas 00:00:37
es a través de este comando multilínea 00:00:42
es identificar nuestro programa 00:00:44
yo creo que esto es importante 00:00:46
se define un tamaño y una línea de un stroke 00:00:48
que sería una línea de contorno 00:00:53
Lo he exagerado mucho a 255. Y si ejecutamos este programa, vamos a tener a nuestra pequeña gran mascota. Quizás lo importante aquí sea el color del borde. Este stroke que estoy comentando a 255 se ve aquí claramente. 00:00:55
¿De acuerdo? Si analizamos luego el código, la cara tiene un color en esta figura geométrica y la oreja izquierda, que tengo atenuada, el color ya no tiene tres parámetros, sino que hemos incorporado un cuarto parámetro, que sería el parámetro de la transparencia. 00:01:11
Si yo lo quito y lo ejecutamos vamos a entender perfectamente el concepto. En este sentido tendríamos nuestro Mickey, tendríamos las dos orejas del mismo color, pero el color rosa no es un color opaco, permite aquí en esta zona ver el color de la cara, que sería este color rojo más intenso. 00:01:32
Este era el objetivo que pretendía con la transparencia. 00:01:53
Respecto a la oreja derecha, bueno, podemos también activar el color. 00:01:57
Aquí evidentemente no hemos metido el canal alfa, faltaría el cuarto dígito, por lo tanto la oreja derecha va a quedar sin transparencia. 00:02:02
Aquí se puede ver claramente como el verde es un color opaco, que no te permite ver el rojo, sin embargo este rosa sí te permite ver el rojo. 00:02:11
Esta sería un poco la idea de lo que yo quería mostrar. 00:02:19
Como tarea 4 que tiene que complementar a este vídeo, os propongo que diseñéis un arco iris. Dejo dos imágenes a modo de ejemplo, dos imágenes que son opuestas, una sin transparencia y otra con transparencia. 00:02:22
El arco iris que se nos presenta como este fenómeno natural en el cielo se ve claramente como no está definido la terminación de un color y el comienzo de otro. 00:02:39
Hay un solapamiento, es decir, hay como una especie de transparencia, que es lo que os invito a que hagáis. 00:02:53
No es necesario que lo hagáis para los siete colores, se puede hacer con dos o con tres colores y con eso sería suficiente. 00:03:00
Y ya con esto, pues doy por terminado esta primera parte de lo que sería la programación estática. 00:03:09
Lógicamente la programación es algo más y a través de las tareas muchas veces repetitivas os habéis dado cuenta de la necesidad de que pudiera haber posibilidad de facilitarnos la tarea ciertas instrucciones que seguramente existen y que las vamos a ver en los siguientes vídeos, 00:03:15
que sería ya o formaría parte de la programación estática que es como verdaderamente se programa. 00:03:37
Pero bueno, quede esto aquí y espero que lo hayáis disfrutado y nos vemos en la siguiente entrega. 00:03:43
Muchas gracias. 00:03:50
Autor/es:
Javier Magro Godoy
Subido por:
Francisco Javier M.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
35
Fecha:
22 de mayo de 2023 - 12:01
Visibilidad:
Público
Centro:
Sin centro asignado
Duración:
03′ 51″
Relación de aspecto:
2.11:1
Resolución:
1360x646 píxeles
Tamaño:
4.97 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid