Mudanças entre as edições de "Hibrida/Simulador de Sinestesia"

De Garoa Hacker Clube
Ir para navegação Ir para pesquisar
 
(27 revisões intermediárias por 4 usuários não estão sendo mostradas)
Linha 3: Linha 3:
 
==Pré-Hibrida==
 
==Pré-Hibrida==
   
Idealizado por [[usuário:Zynphull | Rafael V. Ribeiro (zynphull)]], o Simulador de Sinestesia (nome provisório até hoje), em sua gênese, tinha por objetivo utilizar-se de software e hardware aberto para a conversão em tempo real de input visual em output sonoro e input sonoro em input visual, como descrito na [http://www.rafaelviana.com.br/projeto_hibrida_sinestesia.pdf proposta em .pdf enviada por Rafael para inscrição do Hibrida]. Tendo sido a proposta eleita para participar do projeto, abriram-se as incrições para colaboradores.
+
Idealizado por [[usuário:Zynphull | Rafael V. Ribeiro (zynphull)]], o Syn² (antigo nome:Simulador de Sinestesia), em sua gênese, tinha por objetivo utilizar-se de software e hardware aberto para a conversão em tempo real de input visual em output sonoro e input sonoro em input visual, como descrito na [http://www.rafaelviana.com.br/projeto_hibrida_sinestesia.pdf proposta em .pdf enviada por Rafael para inscrição do Hibrida]. Tendo sido a proposta eleita para participar do projeto, abriram-se as incrições para colaboradores.
   
 
==Colaboradores==
 
==Colaboradores==
Linha 14: Linha 14:
   
 
Após discussões extensas, concordamos em alguns pontos. Na conversão imagem -> som, precisamos saber quais informações conseguimos retirar do ambiente usando uma câmera digital e qual a liberdade de criação que temos em síntese de áudio em tempo real.
 
Após discussões extensas, concordamos em alguns pontos. Na conversão imagem -> som, precisamos saber quais informações conseguimos retirar do ambiente usando uma câmera digital e qual a liberdade de criação que temos em síntese de áudio em tempo real.
  +
  +
==Reunião do dia 17 de abril==
  +
  +
A dificuldade de lidar com duas linguagens de programação, processing e supercollider, e o tempo curto trouxe um questionamento sobre o projeto. Outras soluções foram propostas: trabalhar com o google streetview e webcam. Ainda não temos um consenso em todo grupo, mas conseguimos avanços no código utilizado. Códigos: [https://mega.co.nz/#F!aAE2URYI!lV3tQkB_9GNbkkIxZJ_6Sw]. Jaime Alonso nos sugeriu a usar Logic no Mac e Reason para Windows.
  +
  +
==Resolução do software para o aka Syn²==
  +
  +
Ao descobrirmos a biblioteca "The MidiBus"[http://www.smallbutdigital.com/themidibus.php] para trabalhar com arquivos MIDI no Processing, abortamos o plano de fazer a conexão com o supercollider. Como forma de documentação, o código desenvolvido previamente para realizar a conexão entre Supercollider e Processing segue a baixo:
  +
  +
<code>(
  +
SynthDef(\sonido1, {|gate, frec 60, amp 1|
  +
var sen, env;
  +
  +
sen = SinOsc.ar(frec.midicps, 0, amp);
  +
env = EnvGen.kr(Env.asr(0.1, 1, 0.1), gate, doneAction:2);
  +
  +
Out.ar(0, Pan2.ar(sen*env, 0))
  +
}
  +
).add
  +
)
  +
  +
  +
  +
~sinte1=Synth(\sonido1, [\gate, 1])
  +
~sinte1.set(\gate, 0)
  +
  +
(
  +
~oscmat = OSCresponder(n, "/mat", {|...msg|
  +
~datomat = msg[2][1];
  +
~sinte1.set(\frec, ~datomat)
  +
}
  +
).add;
  +
  +
~oscsat = OSCresponder(n, "/sat", {|...msg|
  +
~datosat = msg[2][1];
  +
//~sinte1.set(\amp, ~datosat)
  +
}
  +
).add;
  +
  +
~oscbri= OSCresponder(n, "/bri", {|...msg|
  +
~datobri = msg[2][1];
  +
//~sinte1.set(\amp, ~datobri)
  +
}
  +
).add;
  +
)</code>
  +
  +
  +
Com o objetivo de intercomunicar a plataforma MIDI utilizada no Processing através da biblioteca "The MidiBus" com o Windows, incluímos o software Loopmidi [http://www.tobias-erichsen.de/software/loopmidi.html] no projeto, finalizando, dessa forma, um sistema: '''Processing''' (varredura da imagem) - '''Loopmidi'''(interconecção entre programação ''midi'' e PC) - '''Reason''' (Sintetizadores controlados pela programação).
  +
  +
==Passo a Passo - '''Como replicar o aka Syn² ou Simulador de Sinestesia''' (by Rafael Viana)==
  +
  +
  +
HIBRIDA - '''SYN'''AESTHESIA '''SYN'''TH (aka '''Syn²''' ou Simulador de Sinestesia)
  +
  +
  +
Para replicar o '''Syn²''', em sua acepção atual, são necessários os seguintes equipamentos:
  +
  +
~Um projetor e um cabo VGA ou HDMI
  +
  +
~Um computador (de preferência um notebook) com saída VGA/HDMI e OS Windows
  +
  +
~Um fone de ouvido
  +
  +
Será necessária a instalação, no computador, dos seguintes softwares:
  +
  +
~[http://www.propellerheads.se/products/reason/ '''Propellerhead Reason''']
  +
  +
~[http://www.tobias-erichsen.de/software/loopmidi.html '''loopMIDI''']
  +
  +
~[https://www.processing.org/download/ '''Processing'''] + biblioteca [http://www.smallbutdigital.com/themidibus.php '''The Midi Bus''']
  +
  +
Por fim, baixe os seguintes arquivos:
  +
  +
~[http://www.rafaelviana.com.br/hibrida/sinestesia_finalScnShot.pde Sketch em <code>.pde</code> ]
  +
  +
~[http://www.rafaelviana.com.br/hibrida/synths.rns Synths do '''Reason''']
  +
  +
  +
'''Setup:'''
  +
  +
  +
1. Execute o '''loopMIDI'''
  +
  +
1.1 Apague quaisquer conexões já listadas clicando nelas e no botão “<code>-</code>”
  +
  +
1.2 Adicione novas conexões (digitando o nome e clicando em “<code>+</code>”) com os nomes a seguir:
  +
  +
<code>loopMIDI_gry
  +
  +
loopMIDI_red
  +
  +
loopMIDI_org
  +
  +
loopMIDI_ylw
  +
  +
loopMIDI_blu
  +
  +
loopMIDI_grn
  +
  +
loopMIDI_vlt</code>
  +
  +
2. Execute a IDE do '''Processing'''
  +
  +
2.1 Instale a library '''The MidiBus'''
  +
  +
2.2 Rode o <code>sinestesia_finalScnShot.pde</code>
  +
  +
3. Execute o '''Propellerhead Reason'''
  +
  +
3.1 Clique em <code>Edit > Preferences</code>...
  +
  +
3.2 No drop-down menu selecione <code>Keyboards and Control Surfaces</code>
  +
  +
3.3 Clique em <code>Add</code>
  +
  +
3.4 Em Manufacturer, selecione <code><Other></code>
  +
  +
3.5 Em Name, digite <code>midi_gry</code>
  +
  +
3.6 Em MIDI Input, selecione <code>loopMIDI_gry</code>
  +
  +
3.7 Clique em <code>OK</code>
  +
  +
3.8 Repita o processo para cada abreviação do item 1.2 (<code>red, <code>org</code>, <code>blu</code>, etc.)
  +
  +
3.9 Tome cuidado para que nenhum “teclado” seja um <code>Master Keyboard</code>
  +
  +
3.10 Abra o <code>synth.rns</code>
  +
  +
4. O '''loopMIDI''' deverá exibir a quantidade e velocidade de dados enviados por cada teclado MIDI virtual (que é cada cor no '''Processing''') e o '''Reason''' deverá tocar as notas de acordo com as cores na tela.
  +
  +
5. Conecte o computador ao projetor, e um fone de ouvido ao computador. Preferencialmente, o teclado do computador deve ficar fora de alcance, tendo o usuário disponível para si apenas um mouse.
  +
  +
6. Acesse o [http://maps.google.com Google Maps], coloque-o em tela cheia (<code>F11</code>) e sugira que as pessoas “passeiem” pelo Google StreetView, “ouvindo” as paisagens de seus trajetos.
  +
   
 
==Proposição de um olhar poético-sinestésico: como elevar a experiência da mirada através do uso do Simulador de Sinestesia.==
 
==Proposição de um olhar poético-sinestésico: como elevar a experiência da mirada através do uso do Simulador de Sinestesia.==
  +
Por Alex Ka Wei Tso
   
   
Linha 48: Linha 184:
 
O Simulador de Sinestesia, portanto, traz uma nova leitura do mundo, uma mirada fora do comum, e que portanto tem grande potencial poético. A fruição do que já nos cansamos de ver nos entregando arranjos nunca antes escutados. Fotografias sonoras serão a nova moda; um outro olhar, uma nova melodia.
 
O Simulador de Sinestesia, portanto, traz uma nova leitura do mundo, uma mirada fora do comum, e que portanto tem grande potencial poético. A fruição do que já nos cansamos de ver nos entregando arranjos nunca antes escutados. Fotografias sonoras serão a nova moda; um outro olhar, uma nova melodia.
   
  +
==Lista de Referências==
==Documentação==
 
   
 
===Referências sobre Sinestesia / Percepção / Interação som-imagem===
 
===Referências sobre Sinestesia / Percepção / Interação som-imagem===
   
[http://publicdomainreview.org/2014/03/19/victorian-occultism-and-the-art-of-synesthesia/]- Texto - "Victorian Occultism and the Art of Synesthesia" de Benjamin Breen.
+
[http://publicdomainreview.org/2014/03/19/victorian-occultism-and-the-art-of-synesthesia/] - Texto - "Victorian Occultism and the Art of Synesthesia" de Benjamin Breen.
   
[http://books.google.com.br/books/about/Vehicles.html?id=7KkUAT_q_sQC&redir_esc=y]- Livro - Vehicles: Experiments in Synthetic Psychology - Livro que aborda a comparação entre a visão humana e maquinica.
+
[http://books.google.com.br/books/about/Vehicles.html?id=7KkUAT_q_sQC&redir_esc=y] - Livro - Vehicles: Experiments in Synthetic Psychology - Livro que aborda a comparação entre a visão humana e maquinica.
   
 
[http://shamslab.psych.ucla.edu/demos/] - Site - Sound-induced Flash Illusion (Exemplo de indução visual pelo som).
 
[http://shamslab.psych.ucla.edu/demos/] - Site - Sound-induced Flash Illusion (Exemplo de indução visual pelo som).
Linha 67: Linha 203:
 
e sua relação com as cores" por Kamile Levek.
 
e sua relação com as cores" por Kamile Levek.
   
[http://www.teses.usp.br/teses/disponiveis/45/45134/tde-01042008-010011/pt-br.php] - Dissertação de Mestrado (IME) - "Audible Images: síntese de imagens controladas por áudio" por Mariana Zaparolli Martins
+
[http://www.teses.usp.br/teses/disponiveis/45/45134/tde-01042008-010011/pt-br.php] - Dissertação de Mestrado (IME) - "Audible Images: síntese de imagens controladas por áudio" por Mariana Zaparolli Martins.
   
 
[http://www.bloglecom.com.br/2013/08/08/tudo-sobre-o-google-glass-em-15-infograficos/] - Blog - Tudo sobre o google glass.
 
[http://www.bloglecom.com.br/2013/08/08/tudo-sobre-o-google-glass-em-15-infograficos/] - Blog - Tudo sobre o google glass.
   
 
[http://imagemesom.marginalialab.com/2012/07/17/o-que-e-um-osciloscopio/] - Site - "O que é um osciloscópio?" - com tutorial.
 
[http://imagemesom.marginalialab.com/2012/07/17/o-que-e-um-osciloscopio/] - Site - "O que é um osciloscópio?" - com tutorial.
  +
 
  +
[https://www.youtube.com/watch?v=4I5Q3UXkGd0] - Vídeo - "What Is The Resolution Of The Eye?" por Vsauce
  +
  +
[http://teemingvoid.blogspot.com.br/2008/10/synesthesia-and-cross-modality-in.html] - Texto - "synesthesia and cross modality in contemporary audiovisuals" by Mitchell Whitelaw
  +
  +
[http://contradiccoes.net/post/visao-computacional/] - Texto(trecho) - Trechos de texto de Golan Levin sobre Visão Computacional por Marcus Bastos.
  +
  +
[http://ojs.c3sl.ufpr.br/ojs/index.php/musica/article/view/34024/21185] - Artigo - Sobre Sinestesia/Percepção/ Interação som-imagem
   
 
===Referências de trabalhos artísticos===
 
===Referências de trabalhos artísticos===
   
  +
[http://www.rafaelviana.com.br/processing/syn/wassilys_synaesthesia.pde] - Código - Trabalho " Wassily Synaesthesia" por Rafael Viana.
  +
  +
[http://www.interaction-venice.net/iuav1011studio2/projects/doodle/] - Site - "Doodle" (Livro interativo) por Gianni Cardone, Carla Piazza, Nicola Vittori.
  +
  +
[http://www.kenjikojima.com/rgbmusiclab/] - Site - "RGB Music Lab" by Kenji Kojima.
  +
  +
[https://www.youtube.com/watch?v=eHnnGHgeyC0] - Vídeo - Curta "Synesthesia", dirigido por Terri Timley / USA / 2009.
  +
  +
[https://www.youtube.com/watch?v=JvTMav3t4q0] - Vídeo - Instalação interativa "Synesthetic Aspirations" desenvolvido por Roee Kremer, Michal Levy, Michal Rinott.
  +
  +
[http://thecreatorsproject.vice.com/blog/what-cell-phone-signals-would-look-like-irl]- Site - "Here's What Wi-Fi Would Look Like If We Could See It" por Nickolay Lamm.
  +
  +
[http://www.ryanraffa.com/portfolio/category/rhythmsynthesis/] - Site - "RhythmSynthesis – Tangible Visual Music Instrument" por Ryan Raffa.
  +
  +
[https://www.justareflektor.com/] - Site - "Arcade Fire" (Video interativo on-line) por Vincent Morisset
  +
  +
  +
  +
===Informações gerais sobre matriz / imagem / pixel / computação gráfica===
  +
  +
[http://imagemesom.marginalialab.com] - Site - Apostila para o Marginália Lab elaborada por Marcus Bastos.
  +
  +
[http://www.w3.org/TR/2011/REC-css3-color-20110607/#rgb-color] - Site - Protocolo de cor embutido nas telas de computador.
  +
  +
[http://www.pessoal.utfpr.edu.br/janeczko/index_files/pdi/aula11_PDI_imagem_colorida.pdf] - site - Proc. de Imagem Colorida
  +
Fundamentos
  +
  +
[http://contradiccoes.net/post/computacao-grafica/] - Site - "Sites e Livros para quem se interessa por Computação Gráfica" por Marcus Bastos
  +
  +
===Informações gerais sobre música===
   
  +
[https://www.youtube.com/watch?v=qukXqhKfEUI] - Vídeo - telecurso "Elementos do som: Timbre, intensidade e altura".
   
  +
[https://www.youtube.com/watch?v=CBKgIEzaXao] - Vídeo - telecurso "O que é melodia?".
===Informações gerais sobre matriz / imagem / pixel===
 
   
  +
[https://www.youtube.com/watch?v=UEPEj_tuUO4] - Vídeo - telecurso "O que é harmonia?".
[http://imagemesom.marginalialab.com]- Site -Apostila para o Marginália Lab elaborada por Marcus Bastos.
 
   
  +
[http://www.eca.usp.br/prof/iazzetta/tutor/acustica/introducao/tabela1.html] - Site - tabela de referência de frequência e período das notas musicais.
   
  +
[http://www.ifi.unicamp.br/~knobel/f105/fono10.pdf]- Slides - Relação entre as notas e intervalos .
   
 
===Informações sobre eye-tracking===
 
===Informações sobre eye-tracking===
Linha 88: Linha 264:
 
[http://en.wikipedia.org/wiki/Eye_tracking] - Wikipedia - O que é Eye Tracking?
 
[http://en.wikipedia.org/wiki/Eye_tracking] - Wikipedia - O que é Eye Tracking?
   
[http://www.eyetracking.com/Hardware/Eye-Tracker-List] - Site- Lista de hardwares que utiliza eye-tracking no mercado
+
[http://www.eyetracking.com/Hardware/Eye-Tracker-List] - Site- Lista de hardwares que utiliza eye-tracking no mercado.
   
[http://hackedgadgets.com/2013/12/26/infrared-eye-tracking-computer-mouse/#section6] - Site - Exemplo de controle de computadores por eye-tracking
+
[http://hackedgadgets.com/2013/12/26/infrared-eye-tracking-computer-mouse/#section6] - Site - Exemplo de controle de computadores por eye-tracking.
   
[http://www.wired.co.uk/news/archive/2011-11/29/the-eye-is-the-new-mouse]- Site - Exemplo de controle de computadores por eye-tracking a baixo custo desenvolvido na Inglaterra.
+
[http://www.wired.co.uk/news/archive/2011-11/29/the-eye-is-the-new-mouse] - Site - Exemplo de controle de computadores por eye-tracking a baixo custo desenvolvido na Inglaterra.
   
 
[http://blog.clicktale.com/2010/10/14/eye-tracking-vs-mouse-tracking/] - Blog - Comparação entre controle computacional por mouse e por eye-tracking.
 
[http://blog.clicktale.com/2010/10/14/eye-tracking-vs-mouse-tracking/] - Blog - Comparação entre controle computacional por mouse e por eye-tracking.
   
[http://teachinglearnerswithmultipleneeds.blogspot.com.br/2009/10/free-and-low-cost-head-and-eye-tracking.html] -Blog - Lista de aparatos para a cabeça com eye-tracking gratuitos ou de baixo custo.
+
[http://teachinglearnerswithmultipleneeds.blogspot.com.br/2009/10/free-and-low-cost-head-and-eye-tracking.html] - Blog - Lista de aparatos para a cabeça com eye-tracking gratuitos ou de baixo custo.
   
 
[http://rmantiuk.strony.wi.ps.pl/projects/diy/] - Site - Faça você mesmo - Eye-tracking de baixo custo ( com pdf explicativo).
 
[http://rmantiuk.strony.wi.ps.pl/projects/diy/] - Site - Faça você mesmo - Eye-tracking de baixo custo ( com pdf explicativo).
   
[http://lea-eyetracking.sourceforge.net/] - Site - LEA - Lightweight Eyetracking Algorithm
+
[http://lea-eyetracking.sourceforge.net/] - Site - LEA - Lightweight Eyetracking Algorithm.
   
 
[http://www.instructables.com/id/The-EyeWriter-20/?ALLSTEPS] - Site - EyeWriter 2.0 - com pdf para download.
 
[http://www.instructables.com/id/The-EyeWriter-20/?ALLSTEPS] - Site - EyeWriter 2.0 - com pdf para download.
  +
  +
[http://www.jasonbabcock.com/eyetracking.html] - Site - Mais uma possibilidade de construção de eye-tracking.
   
   
 
===Informações sobre teoria da cor===
 
===Informações sobre teoria da cor===
   
[http://cssdeck.com/labs/transitioning-background-colors-with-color-choosers] -Site - Códigos de botões deslizantes com correspondência visual entre cores e valores RGB.
+
[http://cssdeck.com/labs/transitioning-background-colors-with-color-choosers] - Site - Códigos de botões deslizantes com correspondência visual entre cores e valores RGB.
   
[http://pt.wikipedia.org/wiki/Anexo:Lista_de_cores]- Wikipedia - Tabela de cores em ordem alfabética com valores correspondentes em RGB, HSV e hexadecimal.
+
[http://pt.wikipedia.org/wiki/Anexo:Lista_de_cores] - Wikipedia - Tabela de cores em ordem alfabética com valores correspondentes em RGB, HSV e hexadecimal.
  +
  +
[http://www.sofisica.com.br/conteudos/Otica/Refracaodaluz/cor_e_frequencia.php] - Site - Cores e suas frequências.
   
   
Linha 117: Linha 297:
   
 
[http://www.processing.org/reference/color_datatype.html] - Site - Color datatype.
 
[http://www.processing.org/reference/color_datatype.html] - Site - Color datatype.
  +
 
[http://www.processing.org/reference/red_.html] - Site - Red (com link para green e blue).
 
[http://www.processing.org/reference/red_.html] - Site - Red (com link para green e blue).
  +
[http://www.processing.org/reference/hue_.html]- Site - Hue (Com link para saturation e brightness.
 
  +
[http://www.processing.org/reference/hue_.html] - Site - Hue (Com link para saturation e brightness.
  +
 
[http://www.processing.org/reference/rightshift.html] - Site - rightshift (maneira mais fácil de extrair rgb).
 
[http://www.processing.org/reference/rightshift.html] - Site - rightshift (maneira mais fácil de extrair rgb).
  +
[www.processing.org/tutorials/pixels/] - Site - tutorial para trabalhar com pixels e imagens no processing.
 
  +
[http://www.processing.org/tutorials/pixels/] - Site - tutorial para trabalhar com pixels e imagens no processing.
  +
 
[http://processing.org/reference/PImage_pixels.html] - Site - PImage pixels (pixels retirados de imagens).
 
[http://processing.org/reference/PImage_pixels.html] - Site - PImage pixels (pixels retirados de imagens).
http://processing.org/reference/loadPixels_.html
 
http://www.processing.org/reference/get_.html
 
Eu vi um código que alguém queria extrair o valor de vermelho, mas dai tentei rodar aqui no meu pc e não rolou, talvez pq nao tive tempo de anexar um vídeo, talvez possamos ja inserir a webcam, talvez possa nos ajudar:
 
http://forum.processing.org/one/topic/how-to-get-rgb-values-of-an-image.html
 
   
  +
[http://processing.org/reference/loadPixels_.html] - Site - loadPixels.
   
  +
[http://www.processing.org/reference/get_.html] - Site - get.
   
  +
[http://forum.processing.org/one/topic/how-to-get-rgb-values-of-an-image.html] - Fórum - "how to get rgb values of an image?"
===Pure Data===
 
   
   
  +
  +
===Pure Data===
  +
  +
[https://sites.google.com/site/porres/] - Site - Material diverso em PD
   
 
===Arduino===
 
===Arduino===
Linha 141: Linha 328:
 
[http://fritzing.org/home/] - Site Fritzing - Auxilio para documentar projetos com Arduino.
 
[http://fritzing.org/home/] - Site Fritzing - Auxilio para documentar projetos com Arduino.
   
[http://blog.oscarliang.net/arduino-simulator-free-virtual-circuit-hardware/]- Blog - sobre simuladores virtuais de circuitos.
+
[http://blog.oscarliang.net/arduino-simulator-free-virtual-circuit-hardware/] - Blog - sobre simuladores virtuais de circuitos.
  +
  +
[https://www.youtube.com/user/SuperAwesomeSylvia] - Vídeos - "Super Awasome Sylvia" experimentos com Arduino.
  +
  +
[http://www.seeedstudio.com/depot/] - Site - Seedstudio (China)- compra de equipamento eletrônico on-line.
  +
  +
[https://www.adafruit.com/] - Site - Adafruit (Alemanha) - Compra de equipamento eletrônico on-line.
  +
  +
[https://www.sparkfun.com/] - Site - Sparkfun(EUA) - Compra de equipamento eletrônico on-line.
  +
  +
[http://labdegaragem.com/] - Site - Laboratório de Garagem (São Paulo/ BR) Compra de equipamento eletrônico.

Edição atual tal como às 03h27min de 12 de agosto de 2014

Link para a página do projeto no site do Hibrida

Pré-Hibrida

Idealizado por Rafael V. Ribeiro (zynphull), o Syn² (antigo nome:Simulador de Sinestesia), em sua gênese, tinha por objetivo utilizar-se de software e hardware aberto para a conversão em tempo real de input visual em output sonoro e input sonoro em input visual, como descrito na proposta em .pdf enviada por Rafael para inscrição do Hibrida. Tendo sido a proposta eleita para participar do projeto, abriram-se as incrições para colaboradores.

Colaboradores

Durante o período de inscrição para colaboradores, uma equipe começou a ser formada, compondo-a Loren Bergantini, Vinicius Franulovic, Alex Tso e Glória Coelho.

Primeiras reuniões 17 e 19 de março

Devido às limitações técnicas e temporais relacionadas ao Projeto Hibrida, que incuba o Simulador, decidimos por delimitar melhor o escopo da proposta, de modo a conseguir criar um protótipo não só funcional, mas também coeso e bem feito até o fim do Projeto Hibrida. Assim sendo, destarte optamos por limitarmo-nos à conversão de imagens visualizadas (do campo de visão do usuário do protótipo) em sons audíveis. Cogitamos por certo tempo a utilização de um dispositivo EyeTracker, que poderia ser utilizado para recortar uma porção campo de visão do usuário em que ele estaria se focando, dando ao protótipo mais informações sobre o que converter. Por ora, tal ideia encontra-se dormente, ainda que a implementação de um EyeTracker, terminado o projeto, não seja tarefa muito difícil.

Após discussões extensas, concordamos em alguns pontos. Na conversão imagem -> som, precisamos saber quais informações conseguimos retirar do ambiente usando uma câmera digital e qual a liberdade de criação que temos em síntese de áudio em tempo real.

Reunião do dia 17 de abril

A dificuldade de lidar com duas linguagens de programação, processing e supercollider, e o tempo curto trouxe um questionamento sobre o projeto. Outras soluções foram propostas: trabalhar com o google streetview e webcam. Ainda não temos um consenso em todo grupo, mas conseguimos avanços no código utilizado. Códigos: [1]. Jaime Alonso nos sugeriu a usar Logic no Mac e Reason para Windows.

Resolução do software para o aka Syn²

Ao descobrirmos a biblioteca "The MidiBus"[2] para trabalhar com arquivos MIDI no Processing, abortamos o plano de fazer a conexão com o supercollider. Como forma de documentação, o código desenvolvido previamente para realizar a conexão entre Supercollider e Processing segue a baixo:

( SynthDef(\sonido1, {|gate, frec 60, amp 1| var sen, env;

sen = SinOsc.ar(frec.midicps, 0, amp); env = EnvGen.kr(Env.asr(0.1, 1, 0.1), gate, doneAction:2);

Out.ar(0, Pan2.ar(sen*env, 0)) } ).add )


~sinte1=Synth(\sonido1, [\gate, 1]) ~sinte1.set(\gate, 0)

( ~oscmat = OSCresponder(n, "/mat", {|...msg| ~datomat = msg[2][1]; ~sinte1.set(\frec, ~datomat) } ).add;

~oscsat = OSCresponder(n, "/sat", {|...msg| ~datosat = msg[2][1]; //~sinte1.set(\amp, ~datosat) } ).add;

~oscbri= OSCresponder(n, "/bri", {|...msg| ~datobri = msg[2][1]; //~sinte1.set(\amp, ~datobri) } ).add; )


Com o objetivo de intercomunicar a plataforma MIDI utilizada no Processing através da biblioteca "The MidiBus" com o Windows, incluímos o software Loopmidi [3] no projeto, finalizando, dessa forma, um sistema: Processing (varredura da imagem) - Loopmidi(interconecção entre programação midi e PC) - Reason (Sintetizadores controlados pela programação).

Passo a Passo - Como replicar o aka Syn² ou Simulador de Sinestesia (by Rafael Viana)

HIBRIDA - SYNAESTHESIA SYNTH (aka Syn² ou Simulador de Sinestesia)


Para replicar o Syn², em sua acepção atual, são necessários os seguintes equipamentos:

~Um projetor e um cabo VGA ou HDMI

~Um computador (de preferência um notebook) com saída VGA/HDMI e OS Windows

~Um fone de ouvido

Será necessária a instalação, no computador, dos seguintes softwares:

~Propellerhead Reason

~loopMIDI

~Processing + biblioteca The Midi Bus

Por fim, baixe os seguintes arquivos:

~Sketch em .pde

~Synths do Reason


Setup:


1. Execute o loopMIDI

1.1 Apague quaisquer conexões já listadas clicando nelas e no botão “-

1.2 Adicione novas conexões (digitando o nome e clicando em “+”) com os nomes a seguir:

loopMIDI_gry

loopMIDI_red

loopMIDI_org

loopMIDI_ylw

loopMIDI_blu

loopMIDI_grn

loopMIDI_vlt

2. Execute a IDE do Processing

2.1 Instale a library The MidiBus

2.2 Rode o sinestesia_finalScnShot.pde

3. Execute o Propellerhead Reason

3.1 Clique em Edit > Preferences...

3.2 No drop-down menu selecione Keyboards and Control Surfaces

3.3 Clique em Add

3.4 Em Manufacturer, selecione <Other>

3.5 Em Name, digite midi_gry

3.6 Em MIDI Input, selecione loopMIDI_gry

3.7 Clique em OK

3.8 Repita o processo para cada abreviação do item 1.2 (red, org, blu, etc.)

3.9 Tome cuidado para que nenhum “teclado” seja um Master Keyboard

3.10 Abra o synth.rns

4. O loopMIDI deverá exibir a quantidade e velocidade de dados enviados por cada teclado MIDI virtual (que é cada cor no Processing) e o Reason deverá tocar as notas de acordo com as cores na tela.

5. Conecte o computador ao projetor, e um fone de ouvido ao computador. Preferencialmente, o teclado do computador deve ficar fora de alcance, tendo o usuário disponível para si apenas um mouse.

6. Acesse o Google Maps, coloque-o em tela cheia (F11) e sugira que as pessoas “passeiem” pelo Google StreetView, “ouvindo” as paisagens de seus trajetos.


Proposição de um olhar poético-sinestésico: como elevar a experiência da mirada através do uso do Simulador de Sinestesia.

Por Alex Ka Wei Tso


Ao fazermos a leitura de cores e transformá-las em sinais sonoros, nos resta a pergunta de quantas cores possíveis podemos agrupar em um ato, que sequência de miradas ou em quais campos definidos de cores podemos nos aventurar para experimentar a sinestesia audiovisual de modo singelo, único.

Como deve ser a melodia de um pôr-do-sol? Será que o alaranjado que abre caminho para a negritude trará uma sinfonia lenta, sutil como a passagem do tempo na natureza - devagar, sublime?

Ou diante de uma paisagem vibrante, ao passar de uma chuva passageira, as gotículas de água vibrarão como ruído o caminho da cor das árvores e os olhos, alterando a leitura da cor do pano de fundo funcionando como pequenos cristais refratando as cores materias da paisagem que se admira?

E ao se atenuar a chuva, e por detrás das nuvens o Sol aparecer, um arco-íris surgir na abóbada celeste, será que o Simulador de Sinestesia captará o colorido do céu e nos logrará uma vibrância alegre, uma interrupção vívida de cor/som em um pano de fundo monocromático?

Mas viajemos à urbe, São Paulo, por que não? Qual vai ser a nota musical que definirá o concreto absoluto desta cidade? Não será rica a experiência de estimular-se com os graffitis nas empenas-cegas, nas sombras dos viadutos, no Beco do Batman? Ah, ensurdecedor, sim sim.

Como o movimento se fará presente no Simulador de Sinestesia? Qual a sequência musical de um giro de 360º em torno do meu próprio eixo? Um rodopio que desestabiliza o equilíbrio e mescla todas as cores num espaço de tempo curto. Uma melodia curtíssima.

Ou podemos nos fixar ao lado de uma rodovia, estáticos, a ver os automóveis acelerando em nosso campo visual. Vermelho, prata, preto, branco, preto, azul, branco, preto, vermelho, azul... passam um atrás do outro; sol, ré, dó, fá, dó, mi, fá, dó, sol, mi. O mundo compondo a sua própria música.

Estático também pode ser o ambiente: o branco modernista, uma sala de museu - um samba de uma nota só... mas pode alguma situação ser absolutamente estática? Nosso olhar vai se ater aos cantos sombreados, ou ao brilho das fontes de luz, e logo o samba se desengonça.

Falando em fontes de luz, uma pergunta que não quer calar: a cor material será lida da mesma maneira que uma cor luz? Se nos banhássemos de cor, adentrássemos as obras de James Turrell, o mestre em dar materialidade à luz, importará a natureza da cor? Cor física e cor luminosa?

O espaço que nos rodeia é rugoso, nele existem continuidades e rupturas, cabem padrões dos mais diversos. Ao decodificar um conjunto delimitado pela leitura de uma fachada de edifício, esta criará um padrão de sinais sonoros. Arranha-céus todo envidraçados terão uma aparência sonora diferente de um prédio neo-clássico cheio de frisos, diferente de uma fachada de brise-soleils, diferente de uma parede de tijolinhos aparentes.

Se formos propor um passeio em um ambiente controlado, este deve conter a possibilidade de variação em sua textura, em sua coloração, em seu brilho, em seu tempo de permanência. Paredes não precisam ser lisas, não precisam ser opacas, não precisam sequer ser paredes. Como um labirinto de Oiticica, o percurso deve induzir a exploração de variabilidades distintas que resultarão em disparidades tonais.

Podemos tornar 'impura' a nossa visão das superfícies, e preencher de fumaça o cômodo, à la Olafur Eliasson. Temos que ter domínio do caminho entre nossos olhos e a superfícies, preenchendo este trajeto, esta distância entre os dois pontos, de quantas maneiras for possível - fumaça, chuva, banhos de luz, materiais translúcidos, redes vazadas, cortinas de miçangas, tramas de pequenos espelhos.

O espaço é a essência do Simulador de Sinestesia, nele a cor se imbuirá de qualidades sonoras. Olhar para o exterior ou para o interior trará, cada qual em sua especificidade, melodias únicas. Cabe a nós nos perguntarmos, se é possível constituir memória olfativa associativa, poderemos elevar nossos sentidos de modo a mapear sonoramente o mundo que nos circula? E se sim, não seria interessante notar que poderíamos dar coordenadas sonoras e construir um mapa sonoro?

Por consequência, as estações do ano terão suas próprias músicas de fundo. O sol amarelo esbranquiçado do verão coordenando sonoridades diferentes do sol do outono, com uma diferente tonalidade do amarelo, compondo outra sonoridade geral.

O Simulador de Sinestesia, portanto, traz uma nova leitura do mundo, uma mirada fora do comum, e que portanto tem grande potencial poético. A fruição do que já nos cansamos de ver nos entregando arranjos nunca antes escutados. Fotografias sonoras serão a nova moda; um outro olhar, uma nova melodia.

Lista de Referências

Referências sobre Sinestesia / Percepção / Interação som-imagem

[4] - Texto - "Victorian Occultism and the Art of Synesthesia" de Benjamin Breen.

[5] - Livro - Vehicles: Experiments in Synthetic Psychology - Livro que aborda a comparação entre a visão humana e maquinica.

[6] - Site - Sound-induced Flash Illusion (Exemplo de indução visual pelo som).

[7] - Site - Exemplo 2 de indução visual pelo som.

[8] - Artigo - "‘When Birds of a Feather Flock Together’: Synesthetic Correspondences Modulate Audiovisual Integration in Non-Synesthetes"Parise CV, Spence C (2009)

[9] - Artigo - "Espectros Audível e Visível - proposta de correspondência" por André Rangel Macedo.

[10] - Poster - "Música e cores: a resposta por crianças de 5 e 6 anos à música e sua relação com as cores" por Kamile Levek.

[11] - Dissertação de Mestrado (IME) - "Audible Images: síntese de imagens controladas por áudio" por Mariana Zaparolli Martins.

[12] - Blog - Tudo sobre o google glass.

[13] - Site - "O que é um osciloscópio?" - com tutorial.

[14] - Vídeo - "What Is The Resolution Of The Eye?" por Vsauce

[15] - Texto - "synesthesia and cross modality in contemporary audiovisuals" by Mitchell Whitelaw

[16] - Texto(trecho) - Trechos de texto de Golan Levin sobre Visão Computacional por Marcus Bastos.

[17] - Artigo - Sobre Sinestesia/Percepção/ Interação som-imagem

Referências de trabalhos artísticos

[18] - Código - Trabalho " Wassily Synaesthesia" por Rafael Viana.

[19] - Site - "Doodle" (Livro interativo) por Gianni Cardone, Carla Piazza, Nicola Vittori.

[20] - Site - "RGB Music Lab" by Kenji Kojima.

[21] - Vídeo - Curta "Synesthesia", dirigido por Terri Timley / USA / 2009.

[22] - Vídeo - Instalação interativa "Synesthetic Aspirations" desenvolvido por Roee Kremer, Michal Levy, Michal Rinott.

[23]- Site - "Here's What Wi-Fi Would Look Like If We Could See It" por Nickolay Lamm.

[24] - Site - "RhythmSynthesis – Tangible Visual Music Instrument" por Ryan Raffa.

[25] - Site - "Arcade Fire" (Video interativo on-line) por Vincent Morisset


Informações gerais sobre matriz / imagem / pixel / computação gráfica

[26] - Site - Apostila para o Marginália Lab elaborada por Marcus Bastos.

[27] - Site - Protocolo de cor embutido nas telas de computador.

[28] - site - Proc. de Imagem Colorida Fundamentos

[29] - Site - "Sites e Livros para quem se interessa por Computação Gráfica" por Marcus Bastos

Informações gerais sobre música

[30] - Vídeo - telecurso "Elementos do som: Timbre, intensidade e altura".

[31] - Vídeo - telecurso "O que é melodia?".

[32] - Vídeo - telecurso "O que é harmonia?".

[33] - Site - tabela de referência de frequência e período das notas musicais.

[34]- Slides - Relação entre as notas e intervalos .

Informações sobre eye-tracking

[35] - Wikipedia - O que é Eye Tracking?

[36] - Site- Lista de hardwares que utiliza eye-tracking no mercado.

[37] - Site - Exemplo de controle de computadores por eye-tracking.

[38] - Site - Exemplo de controle de computadores por eye-tracking a baixo custo desenvolvido na Inglaterra.

[39] - Blog - Comparação entre controle computacional por mouse e por eye-tracking.

[40] - Blog - Lista de aparatos para a cabeça com eye-tracking gratuitos ou de baixo custo.

[41] - Site - Faça você mesmo - Eye-tracking de baixo custo ( com pdf explicativo).

[42] - Site - LEA - Lightweight Eyetracking Algorithm.

[43] - Site - EyeWriter 2.0 - com pdf para download.

[44] - Site - Mais uma possibilidade de construção de eye-tracking.


Informações sobre teoria da cor

[45] - Site - Códigos de botões deslizantes com correspondência visual entre cores e valores RGB.

[46] - Wikipedia - Tabela de cores em ordem alfabética com valores correspondentes em RGB, HSV e hexadecimal.

[47] - Site - Cores e suas frequências.



Processing

[48] - Site - Color datatype.

[49] - Site - Red (com link para green e blue).

[50] - Site - Hue (Com link para saturation e brightness.

[51] - Site - rightshift (maneira mais fácil de extrair rgb).

[52] - Site - tutorial para trabalhar com pixels e imagens no processing.

[53] - Site - PImage pixels (pixels retirados de imagens).

[54] - Site - loadPixels.

[55] - Site - get.

[56] - Fórum - "how to get rgb values of an image?"


Pure Data

[57] - Site - Material diverso em PD

Arduino

[58] - Site -Slides de Luciano Ramalho sobre Arduino.

[59] - Site 123d - Simulação de circuitos para projetos com o Arduino.

[60] - Site Fritzing - Auxilio para documentar projetos com Arduino.

[61] - Blog - sobre simuladores virtuais de circuitos.

[62] - Vídeos - "Super Awasome Sylvia" experimentos com Arduino.

[63] - Site - Seedstudio (China)- compra de equipamento eletrônico on-line.

[64] - Site - Adafruit (Alemanha) - Compra de equipamento eletrônico on-line.

[65] - Site - Sparkfun(EUA) - Compra de equipamento eletrônico on-line.

[66] - Site - Laboratório de Garagem (São Paulo/ BR) Compra de equipamento eletrônico.