26k pixeles

From Medialab Prado
Jump to: navigation, search

Contents

Introducción / Introduction

26k pic.jpg

En una época de pantallas de 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.


Syllabus/Info Sheet (pdf)

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

Introducción a Programación

Fundamentos

Forma y Structura

Color

Movimiento y Animación

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

Chris

User:Dw

Antonio J. Sánchez-Padial

Gorka Cortázar

Fran Gallardo

GATO

Carina

Processing Templates

P26k simple template.png

P26k_Simple_Mask.zip

A simple template that shows the draw area for the facade.

P26k steps template.png

P26k_steps_outline.zip

A template with the exact outline of the facade. This would draw onto the screen so that the outer border leds are illuminated.

P26k scale template.png

P26k_Scale_Mask.zip

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 template.png

OpenUp_02_type_maskTrickLast.zip

Template from OpenUp workshop with a mask and preview mode.

Buenas practicas y plataformas sugeridas

OpenProcessing.org Classroom

Classroom 26k pixels.png

Te aconsejamos crear una cuenta en OpenProcessing.org y mirar la pagina de nuestra "classroom" en linea:

26k Pixels - Classroom

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 dich vu seo 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 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, 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

processing.org

openprocessing.org

csugrue.com

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 cong ty seo 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) ;-)

26k Wishlist

Pruebas en la fachada

Pruebas en la fachada (del Grupo), 02/02/11

Pruebas de rendimiento de la fachada, 04/02/11

Análisis de las primeras pruebas de la fachada

injury phoenix