Webvisions Barcelona 2

71
Hi!

Transcript of Webvisions Barcelona 2

Page 1: Webvisions Barcelona 2

Hi!

Page 2: Webvisions Barcelona 2

Quén Son? Qué fago? Qué pensa a xente que fago?

Who Am I? What do I do? What people think I do?

Page 3: Webvisions Barcelona 2

Quén Son? Qué fago? Qué pensa a xente que fago?

Who Am I? What do I do? What do people think that I do?

Page 4: Webvisions Barcelona 2

Quén Son? Qué fago? Qué pensa a xente que fago?

Fine Arts

Digital Arts

Digital Technologies for the Performing Arts

Fab Academy Program

Who Am I? What do I do? What do people think that I do?

Page 5: Webvisions Barcelona 2

!= interacción tradicional !

!

A programación creativa busca aproveitar as vantaxes e ferramentas que as novas tecnoloxías

nos ofrecen, cun fin creativo sobre o funcional

!= “traditional” interaction design

Creative coding’s aim is to take advantage of the opportunities and tools that new technologies offer, without the focus being

necessarily functional.

Page 6: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Interactive Installations

Travesía por los estados de la palabra https://vimeo.com/138766246

Page 7: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Museums

Pangenerator - Macrofilm https://vimeo.com/92073935

Page 8: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Performing Arts

Klaus Obermaier- Apparition https://vimeo.com/64624233

Page 9: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Retail design / shop windows

Joanie Lemercier & Jay-Z - Barney´s Quartz https://vimeo.com/126977844

Page 10: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246André Britz - All eyes on you https://vimeo.com/33186969

Retail design / shop windows

Page 11: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Eventos itinerantesEventos itinerantes

Mute Test - Fundación Telefónica http://www.fundaciontelefonica.com/proyecto-mute/

Itinerant EventsItinerant Events

Page 12: Webvisions Barcelona 2

.

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Projection mapping

UrbanScreen https://vimeo.com/5595869

Page 13: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Generative Branding

Casa da música identity - Sagmeister & Walsh https://vimeo.com/17353965

Page 14: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246Casa da música identity - Sagmeister & Walsh

Generative Branding

Page 15: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Generative Design

field.io - 10.000 digital paintings https://vimeo.com/21657846

Page 16: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Arquitectura paramétricaParametric Architecture / Design

Page 17: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246Zaha Hadid Architects & Kollision https://vimeo.com/69127016

Parametric Architecture / Design

Page 18: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246Refik Anadol - Infinity Room https://vimeo.com/141749628

Inmersive Environments

Page 19: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Product Design

The Cloud - Richard Clarkson Studio https://www.youtube.com/watch?v=ckxU3XCHLoU

Page 20: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Photography

Inmaterials - Light painting Wifi https://vimeo.com/20412632

Page 21: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Wearables

Hussein Chalayan https://www.youtube.com/watch?v=XEGWarCzerY

Page 22: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Kinetics

MegaFaces - Kinetic Facade. Asif Khan. Sochi Olympic Games. https://vimeo.com/86175057

Page 23: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Data Visualization

Ryoji Ikeda - Datamatics https://vimeo.com/62242278

Page 24: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

IInternet das cousas (smart-algo)

Smart plant kit. Seeed studio https://www.youtube.com/watch?v=hjJrh2X3Tws

Internet of Things“Smart - anything”

Page 25: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Lighting Design

Lighting Design Collective - Silo 468 https://vimeo.com/90852550

Page 26: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Mestura de vídeo en tempo real (Vjing)

VJing

Page 27: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Modelo de interacción !

!

Input (sensor, dispositivo de entrada) !

Lóxica (relación de variables, $%&*!?) !

Output (saída, actuador)

Interaction workflow

Input (sensor, input device)

Logic (variable relations, &%*!, conditionals)

Output (actuator, output device)

Page 28: Webvisions Barcelona 2

Equilibrio !

Non usar a tecnoloxía de maneira gratuita

Equilibrium

Please, don’t make gratuitous use of technology

Page 29: Webvisions Barcelona 2

Isto non é nada novo

Moholy Nagy ‘40sDuchamp + Man Ray. Rotary Plate. 1920

This is not new

Page 30: Webvisions Barcelona 2

Isto non é nada novo

Nam June Paik, Magnet TV 1965John Withney. Catalog. 1961 https://www.youtube.com/watch?v=TbV7loKp69s

This is not new

Page 31: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246

Demoscene

Sanity. Amiga Demo

Page 32: Webvisions Barcelona 2

Revolución. Internet

arduino.cc

processing.org

Revolution = Internet

Page 33: Webvisions Barcelona 2

!!!

Proceso de descubrimento usando o código como elemento principal. Resultados inmediatos

!

Comunidade (librerías, repositorios, foros…) !

Aproveitar o erro !!!

Discovery process using code as main element. Inmediate outcomes

Community (libraries, repositories, forums..)

Take advantage of mistakes

Page 34: Webvisions Barcelona 2

!

!

!

!

Compartir é vivir !

!

!

Sharing is caring

Page 35: Webvisions Barcelona 2
Page 36: Webvisions Barcelona 2

Phillips Large Luminous Surfaces. Lighting Design Collective.

Page 37: Webvisions Barcelona 2

Pirouette en Re Menor. Bacùm Producións.

Page 38: Webvisions Barcelona 2

Pirouette en Re Menor. Bacùm Producións.

Page 39: Webvisions Barcelona 2

Pirouette en Re Menor. Bacùm Producións.

Page 40: Webvisions Barcelona 2

Pirouette en Re Menor. Bacùm Producións.

Page 41: Webvisions Barcelona 2

Pirouette en Re Menor. Bacùm Producións https://vimeo.com/39924000 https://vimeo.com/39924000

Page 42: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246https://vimeo.com/134393299

Page 43: Webvisions Barcelona 2
Page 44: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 45: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 46: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 47: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 48: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 49: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 50: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 51: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 52: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 53: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo. Juniper https://vimeo.com/114798235 https://vimeo.com/114798235

Page 54: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 55: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 56: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246https://vimeo.com/146223954 http://i.giphy.com/3o6ZtqwfUg1gieCY0w.gif

Page 57: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246Gif

Page 58: Webvisions Barcelona 2

Instalacións interactivas

Travesía por los estados de la palabra https://vimeo.com/138766246https://vimeo.com/114798235

Page 59: Webvisions Barcelona 2

Julián Elvira. Flauta Prónomo

Page 60: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. Laus Bronze / Webby Awards Nominee

Page 61: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. Laus Bronze / Webby Awards Nominee

Page 62: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. Laus Bronze / Webby Awards Nominee

Page 63: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. Laus Bronze / Webby Awards Nominee

Page 64: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. Laus Bronze / Webby Awards Nominee

Page 65: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. Laus Bronze / Webby Awards Nominee

Page 66: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. Laus Bronze / Webby Awards Nominee

Page 67: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. Laus Bronze / Webby Awards Nominee

Page 68: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. Laus Bronze / Webby Awards Nominee

Page 69: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. Laus Bronze / Webby Awards Nominee

Page 70: Webvisions Barcelona 2

Kallpa for Wayra. do/the/right/click. https://vimeo.com/103148649 Laus Bronze / Webby Awards Nomineehttps://vimeo.com/103148649

Page 71: Webvisions Barcelona 2

Graciñas!! !

www.martaverde.net @greenmartinha

Thank you all!