26k pixeles
From Medialab Prado
Introducción / Introduction
En una época de pantallas de Custom Teaching Essays definición y tarjetas gráficas son muy potentes, la idea de diseñar para muy baja resolución puede parecer un paso atrás, pero debemos tener en cuenta que esta imagen de 192 x 157 pixeles tiene casi 10 metros de altura.
El taller tiene por objetivo generar diseños para la fachada digital de Medialab-Prado, a partir de una investigación del código creativo y principios de diseño computacional. Los temas a tratar van desde la animación algorítmica, el diseño generativo, hasta la gráfica computacional enfocada entorno a como formas, movimientos, patrones, escalas y animación funcionan en este espacio. El taller se articulará entorno a sesiones teóricas, abiertas al público general, y sesiones prácticas en las que se realizarán ejercicios y experimentos en la fachada.
Taller dirigido por Chris Sugrue. Asistente: Massimo Avvisati.
Programa / Program
9.01.11 / 18:00h a 20:00h: Sesión 1: Fundamentos. Escala, Repetición, Patrones. Condicionales, loops, iteración. Esta sesión estará enfocada a los fundamentos de la programación y el diseño.
02.02.11 / 18:30h a 20:00h: Sesión 2 : Forma y estructura. Geometría computacional. Plantearemos cómo utilizar formas geométricas primitivas para explorar la estructura de la fachada. Prestaremos especial atención a las operaciones geométricas, cálculo de ángulos, intersecciones, distancias, etc.
16.02.11 / 18:30h a 20:00h: Sesión 3: Gráficos en 8 bits, GIFs animados y estudios del color.
17.02.11 / 19:00h: Presentación de Golan Levin
09.03.11 / 18:30h a 20:00h: Sesión 4: Bases de animación algorítmica y movimiento.
16.03.11 / 18:30h a 20:00h: Sesión 5: Imágenes y operaciones en píxeles.
30.03.11 / 18:30 a 20:00h: Sesión 6: Tipografía digital.
Temas / Topics
Desafíos de Diseño / Design Challenges
1: Desafíos de Sesión de Fundamentos
2: Desafíos de Sesión de Forma y Structura
3: Desafíos de Sesión de Color
4: Desafíos de Sesión de Movimiento
Proyectos
Pone ideas de proyectos final aquí!!!
¡¡Qué poco escribís malditos!!
Proyecto de S.Padial
Voy a empezar con un pequeño sistema de partículas, pero serán ladrillos y tendrán un poco de momento (giro).
Grupo de Trabajo / Work Group
Processing Templates
A simple template that shows the draw area for the facade.
A template with the exact outline of the facade. This would draw onto the screen so that the outer border leds are illuminated.
A template with a simple but slower preview mode to thiet ke web get an idea of scaling up. If the template from OpenUp (below) is confusing this one is similar but not as efficient.
OpenUp_02_type_maskTrickLast.zip
Template from OpenUp workshop with a mask and preview mode.
Buenas practicas y plataformas sugeridas
OpenProcessing.org Classroom
Te aconsejamos crear una cuenta en OpenProcessing.org y mirar la pagina de nuestra "classroom" en linea:
Allí podrás enviar tus ejercicios y tus experimentos! Mas informaciones en la pagina de las classrooms de OpenProcessing.org
Perfiles en OpenProcessing.org de los participantes: Chris, Massimo, Marco A., Antonio J. Sánchez-Padial, Gorka Cortázar,Carina, gATO añadele el tuyo!!!
Sugerencias y Consejos / Suggestions and Advice
Casey Reas
"I think the most interesting thing about the wall is the inverse scale of resolution / size that we experience on our monitors and phones. I had a great time in Madrid noticing how photos and type worked on the wall. What typefaces are legible and at what size? How small can images be before they deteriorate, across different types: faces, architecture, details, etc. I think the color is extremely interesting as well. The plaza area is small enough that the colors on the wall illuminate and change the light of the entire mayweather vs cotto space. How do solids and gradients provide different tones, how do white vs. black backgrounds affect the space? How do gray tones work in relation to full color?"
--Casey Reas, artista, diseñador, programador y profesor del taller de OpenUp; y co-inventor de Processing
Chandler B. McWilliams
"...i was really curious about motion on the screen. The refresh was so slow that there are these huge ranges of speeds that just don't work... it could be interesting to spend a day with folks working in small groups each tasked with a different material constraint of the screen: motion, type, color, image/form, tim viec lam..etc and try to code a few test cases around each. It might be a good way to get people to really engage the medium... and later be able to articulate design choices in response to the results of the tests."
--Chandler B. McWilliams: artista, diseñador, programador y profesor del taller de OpenUp
Marushka Polakova
Presentacíon de "Taming the Beast"
- Fine details will not be visible.
- Complexity is best achieved with the use of simple graphic elements
- Faster the image is moving, harder it is to display properly (especially applies to fine lines)
- Elements without sharp edges, "ghosting effects" and fading trails are problematic
- Images with sharp edges and not many details display best.
- To achieve less "bold" appearance try:
- gradients (within sharp-edged objects)
- more complex strucutres composed of simple elements
- elements of various sizes and colors
- Experiment and have fun!
Marushka Polakova es una artista de Praga. Ella ha desarollado el proyecto Mimodek para la fachada y ha compartido su experiencia con nosotros!
Enlaces / Links
Fachada digital informacion técnica
Sesiones del Viernes
Febrero 4to
Gorka: Prueba de desempeño fachada
Febrero 11th
Si te interesa mostrar algo en la fachada, tienes que poner un enlace a tu sketch aquí (de openprocessing, archivo de zip o otra pagina web). Chris 1
Design Research
Add your tests, observations and opinions here.
Comentarios de 9 de Marzo
Mi análisis con respecto a las pruebas en la fachada es que en general, funcionan mejor los colores intermedios, dado que los blancos no son blancos plenos y los negros generan que las imágenes siguientes tarden en encender. Por otro lado me parece que las figuras geométricas o patterns funcionan muy bien con el ambiente, generando una especie de fuente de luz dinámica. Me parece que las pruebas son cada vez más complejas y ricas en cuanto a experimentación.
Carolina Romano.
La pantalla sin interactividad es probablemente meno intratenida que si se usaran las cameras montadas en el techo (hay dos creo)... en alternativa se podrìa crear una interacción con la red. Por ejemplo hacer que los contenidos y las animaciones reflejaran algun flujos de datos como Twitter o datos sobre contaminación.
También me gustaría averiguar si se puede hacer algo de anaglifo (3D stereoscopico)...
Massimo
Algunas observaciones sueltas:
- Es interesante aprovechar los "defectos" de la fachada, como la velocidad de refresco de los pixeles, para efectos de movimiento o blur.
- Las formas con bordes definidos y colores sólidos funcionan mejor que formas complejas o con muchos colores.
- Se ve poca diferencia entre colores con valores de luminancia similar, por lo que es mejor emplear una paleta más limitada, pero con colores contrastantes.
gATO (C. Badiola)
Wishlist
Que es lo que mas te gustaría saber hacer en Processing? Escribelo aquí y, entre tod@s te daremos unas pistas (o unas soluciones) ;-)
Pruebas en la fachada
Pruebas en la fachada (del Grupo), 02/02/11
Pruebas de rendimiento de la fachada, 04/02/11
