1maginari0

Design de Interface

2011-12-02T08:53:00.000-08:00

Dia 08/11/2011 os alunos do curso de Cinema de Animação e Arte Digital executaram seus primeiros testes de usuário. Os testes foram realizados em protótipos de papel realizados por dois grupos de +-10 alunos. Os testes são também parte de uma dinâmica de grupo realizada pela disciplina Design de Interface, da qual sou responsável. A dinâmica foi liderada pela monitora Laira Ávila.
-------------------------------------------------------------------------------
Estudo de Caso

Durante as aula de Design de Interface realizadas no 4º período do curso de Cinema de Animação e Artes Digitais no ano de 2011, foi proposto aos alunos a criação de uma interface que permitisse ao usuário se localizar dentro de um shopping. Esse projeto seguiu as atividades básicas do processo que envolve a criação de uma interface expostas no livro Design de Interação: Além da Interação Homem-Computador de Rogers, Preece e Sharp. Aqui será apresentado somente o modelo conceitual e o protótipo de baixa fidelidade que foi posto em teste.

O primeiro projeto (sistema 1) que será mostrado foi desenvolvido pela equipe composta por Luis Henrique Machado, Marcella Rodrigues, Marco Antônio Magalhães, Maycon Silva, Michelle Silva, Nilo Lima, Ralph Silva e Samuel Morais.
O sistema 1 é voltado para a localização de lojas, produtos, serviços e pessoas dentro do shopping a partir da instalação de um aplicativo que seria enviado para o smartphone do cliente do shopping assim que este entrasse no local. O sistema 1 permite também que o usuário visualize vagas disponíveis ao entrar no estacionamento e que marque a localização do seu veículo no mapa.

A localização de pessoas dentro do shopping é feito a partir do acesso às redes sociais. Se algum amigo existente em sua rede social estiver no shopping e ele também estiver utilizando o sistema, o usuário poderá visualizar a localização de seu amigo.

A localização de produtos, lojas e serviços permite, além de encontrá-los, informar uma rota do local onde o usuário se encontra até o local onde o produto/loja/serviço se encontra.

Parte do protótipo da interface criada pode ser visto abaixo:

Após clicar na opção serviços:

Ao clicar na opção bancos:

O segundo projeto (sistema 2) foi desenvolvido por Luís Henrique, Wagner Miranda, Artur Henrique, Mathues Barbosa, Jonatas Martins, João Pedro Mayrink e Bruno Sommerfeld.

A equipe propôs a criação de um terminal fixo posicionado estrategicamente pelos andares do shopping. O totem possui um sistema touchscreen que auxilia o usuário a se situar no espaço do shopping e a localizar lojas e produtos e ele tem a opção de imprimir a rota gerada.

A tela inicial apresenta o mapa do shopping juntamente com um ícone simbolizando o usuário e o local em que este se encontra. Ele tem a opção de encontrar os locais através de um sistema de busca ou através de um passeio virtual no qual ele mesmo controla o seu caminho pelo shopping.

Abaixo, um protótipo da estrutura física do totem:

A estrutura maleável foi proposta pensando na utilização do produto por crianças, deficientes e pessoas de baixa estatura.
O protótipo do sistema 2:

As equipes que desenvolveram a atividade foram orientadas por Laira Ávila, a pessoa que redige esse texto. e que experimentou uma situação um pouco diferente do que estava acostumada. Eu precisava literalmente “orientar”, não podendo impor minhas ideias como sendo a correta. Tinha que tentar mostrar os erros e argumentar contra eles, na expectativa de ser ouvida. Alguns compreendiam, outros não. Mas também assumo as dificuldades às vezes enfrentadas por mim devido a falta de didática e até mesmo de conhecimento total sobre a matéria. Pude mostrar outros universos que eles não estavam levando em consideração, como por exemplo lembrá-los das pessoas com dificuldade de locomoção e também houve momentos que tentei motivá-los.

Texto: Laira Ávila

Aqui, download do arquivo de fichamento sobre a disciplina Design de Interação Produzido por Laira
-------------------------------------------------------------------------------

Abaixo os videos dos testes de protótipo:

Sistema 1 -

Sistema 2 -

#10.Art

2011-11-01T09:31:00.000-07:00

No 10° Encontro Internacional de Arte e Tecnologia, promovido pelo grupo ligado a professora Suzete Venturelli, publicamos um artigo sobre os 5 anos do grupo 1maginari0. O artigo encontra-se nos anais do evento:
http://www.medialab.ufg.br/art/anais/apresentacoes.html

Obrigada Suzete pela oportunidade de divulgar nosso trabalho.

Link direto para o artigo:
http://www.medialab.ufg.br/art/anais/textos/MariliaBergamo.pdf

Video QNSNS2

2011-11-01T06:52:00.000-07:00

Video produzido por Sávio Leite, muito obrigada Sávio.

FAD - QNSNS2

2011-09-04T07:18:00.000-07:00

Dia 03/09 o artista Chico de Paula apresentou a performance QNSNS2 no FAD2011 com o artista convidado Fabiano Fonseca. Durante a performance ele interagiu com um código criado pelo grupo 1maginari0: Um sistema de vida artificial que simula um formigueiro.

O projeto é uma continuidade de um trabalho sobre emergência que o artista vem desenvolvendo a algum tempo. A ideia era criar um código não apenas reativo ao performer, mas um capaz de se movimentar por forças internas ao próprio sistema de vida artificial, criando a necessidade de aprender o comportamento do grupo para criar a imagem em movimento.

O sistema é um comportamento de bando (boids) e foi definido com as seguintes regras:
1. Cada formiga poderia viver apenas um minuto;
2. Durante a interação o performer adicionava energia ao sistema, necessária para o nascimento de novas formigas e reprodução do bando.
3. A reprodução do sistema nem sempre é possível, existem uma série de variáveis necessárias: energia suficiente e maturidade do formigueiro (ele deve possuir no mínimo 8 minutos de vida);
4. Além disso o computador seleciona aleatoriamente um predador (um tatu) capaz de consumir energia do sistema e se alimentar de formigas. Para aparecimento do predator também é necessário um número mínimo de formigas vivas, no caso 50.
5. Após uma certa idade (15 minutos) o sistema envelhece e não é mais permitida a reprodução ou o nascimento de novas formigas.
6. O sistema renasce se existe interação novamente.

Assim, a movimentação do artista com o sistema não somente modifica a movimentação do desenho na tela, mas mantem o sistema vivo.

Para que os movimentos do performer fossem mais livres foi usada detecção de infravermelho como fonte de interação entre o computador e máquina (protocolo TUIO)

O código usado durante a performance está disponível neste link e pode ser testado usando um simulador

Criamos uma cópia do código para ser usado com o mouse. Este segundo faz com que as formigas se comportem de forma muito homogênia pois a interação é criada em apenas um ponto da tela, por isso aconselho o uso do primeiro código com o simulador para ter uma melhor perspectiva do trabalho.

Os dois códigos foram feitos em processing.

Para o futuro esperamos aprimorar o código com o uso de comunicação online como para o aparecimento do predador, bem como a extensão da ideia de reprodução do sistema.

Esta segunda opção vem do desejo de mudar o que hoje é apenas uma analogia visual da reprodução (o voo das formigas rainhas). Gostariamos de que a reprodução fosse realmente um evento de replicação. Acredito que a função reborn atual poderia ocorrer somente se a interação permitiu o tempo de reprodução, e que o reborn poderia criar mais de um formigueiro e assim por diante, para que a gente possa realmente expandir o conceito de emergência.

Temos também a intenção de criar uma instalação com o código atual.

Portal de Cartazes

2011-07-26T05:52:00.001-07:00

Desenvolvemos com a direção do Prof. Dr. Heitor Capuzzo um portal com inúmeras imagens de cartazes. As imagens são em alta resolução e é permitido o download. Estes cartazes são imagens raras e fruto da pesquisa do Prof. Heitor Cappuzo. Do grupo 1maginari0, participaram os professores Carlos Falci e Marilia Bergamo, e da USP, Manuel Reis.

Eu (Marilia Bergamo) fiquei responsável pela coordenação e desenvolvimento dos aplicativos de administração e visualização do site. O trabalho que levou mais de 7 meses para ser desenvolvido foi implementado por dois programadores: Matheus Silas e Harlley Oliveira. O site foi desenvolvido em um ambiente Wamp (Apache, MySQL, PHP on Windows).

A solução final é um sistema Web responsável por catalogar posteres e suas informações principais, além de acrescentar tags a imagem de cada poster. Os posteres, suas informações e tags são disponibilizados para o público. Os usuários podem então ter acesso aos posteres por meio de busca textual, categorias pré-definidas no sistema e seleção de tags contidas na imagem.

O sistema possui basicamente dois modelos de usuários: Um curador, responsável pelo gerenciamento do sistema como um todo e do cadastro de posteres (liberado apenas para os coordenadores do projeto). Um visitante, a este último é permitido apenas a visualização do conteúdo dos posteres, mas não será possível modificar este conteúdo.

O sistema também fornece a seguinte funcionalidade: Coleções. Uma coleção é um agrupamento de posteres sob um título. As coleções poderão ser criadas pelos dois usuário, o curador e o visitante. Contudo, somente as coleções criadas pelo curador serão disponibilizadas para o público sem necessidade de moderação. As coleções criadas por usuários estarão, primeiramente, somente disponíveis para o mesmo. O visitante pode solicitar que sua coleção se torne pública para o sítio, esta solicitação deve ser apresentada para o usuário curador, que irá permitir ou não a visualização pública desta galeria.

O usuário visitante também possui mais duas funcionalidades no sítio, salvar o percurso e salvar em favoritos. Se o usuário está identificado pelo sistema, ele pode salvar o caminho de busca que está fazendo, assim seus passos de pesquisa são gravados.

O projeto é uma iniciativa da Nanyang Technological University (NTU), instituição federal em Cingapura e se encontra disponível no endereço: http://webposters.adm.ntu.edu.sg.

Acompanhe a divulgação sobre o site nos links abaixo:

http://www.ufmg.br/online/arquivos/019109.shtml

http://cienciahoje.uol.com.br/blogues/bussola/2011/05/cores-do-seculo-passado

http://www.casadehistoria.com.br/indicacoes/sites/indicamos-galeria-de-posteres-construcoes-utopicas

http://oolhodahistoria.blogspot.com/2011/05/construcoes-utopicas-em-cartaz.html

http://bibfauusp.wordpress.com/2011/04/14/uma-viagem-pela-historia-do-mundo-em-3-mil-cartazes/

http://blogdepercia.blogspot.com/2011/05/construcoes-utopicos-em-cartaz.html

http://pagina13.org.br/?p=7670

http://ponto.outraspalavras.net/2011/05/04/processos-judiciais-viraram-arma-para-censurar-imprensa-brasil/

http://www.vermelho.org.br/mg/noticia.php?id_secao=76&id_noticia=153323

http://www.advivo.com.br/blog/luisnassif/ideologia-em-cartaz-na-ufmg

http://pesquisamundi.blogspot.com/2011/05/portal-reune-posteres-que-contam.html

http://partido-pirata.blogspot.com/2011/04/un-viaje-por-la-historia-del-mundo-en-3.html

Novas postagens

2011-05-02T07:54:00.000-07:00

Publicaremos as últimas instalações, jogos e pesquisas em breve.

Relatorio Final - Mesa Multitoque Aladim

2010-11-30T05:00:00.001-08:00

Finalizamos a mesa multitoque para o grupo Aladim da faculdade de Letras da UFMG e neste post serão colocadas as dificuldades e conclusões de todo o processo. Aconselhamos alguns posts que fizeram parte do processo de construção da mesa:

1. Tecnologia Multitoque - Uma introdução
2. Protótipo multitoque Diffuse Infrared
3. Mesa multitoque - projeto
4. Multitoque: Rodando Demo e simulador em C++
5. Acabamento da mesa multitoque
6. ReacTIVision + Firefly MV

Película de Retroprojeção

Escolhemos usar retroprojeção, e durante algum tempo colocamos a película Vikuiti da 3M, mas esta foi uma péssima escolha devido ao modelo de multitoque escolhido. Não sabemos como ela se comportaria para multitoque por LED ou LASER, mas segundo o professor Wallace Lages, quem percebeu o problema, descobrimos que a superfície Vikuiti reflete completamente todo o imfravermelho interno da mesa, consequentemente, os blobs não são detectados. A película em si, tem uma qualidade de retroprojeção incrível.

Colocação da película

A película é aplicada como um vinil sobre o vidro. Contratamos uma pessoa especializada na aplicação desse tipo de material, pois a película nos foi entregue toda amassada pela transportadora. A aplicação profissional permitiu que a retroprojeção ficasse em execelente qualidade.

Retroprojeção da película Vikuiti

Mas, como dito anteriormente, esta película não resolveu o problema, então a solução final foi a escolha de uma película branca, que imita jato de areia, mas de forma uniforme. O responsável pela colocação dessa película foi Gleison, seu contato de telefone: 9116 8907. Pegamos a indicalção dele, porque ele colocou umas telas de projeção branca para o Espaço TIM UFMG do conhecimento.

Colocação do Projetor
No primeiro projeto, tinhamos escolhido um projetor de curta distância, para que ele pudesse ser colocado virado para a tela, e a projeção seria direta. Contudo, o responsável pela compra do equipamento se confundiu, e comprou um projetor de distância de projeção normal, e fomos obrigados a colocar um espelho.

A princípio pensamos que o uso do projetor enclinado sobre a parte superior da mesa, projetando para o espelho ocuparia todo o espaço planejado de projeção. Mas o projetor na vertical, com o espelho no chão foi a solução que ocupou quase todo o espaço de projeção planejado anteriormente.

Solução final, espelho na parte inferior da mesa e projetor na vertical no canto da mesa.

Testes com projetor inclinado

Testes com projetor inclinado

Reflexão interna de IR
Optamos por 4 iluminadores IR, cada um refletindo um dos cantos da mesa. Eles foram ligados a uma fonte de 1 Ampere, e estão iluminando bem. Para a reflexão optamos por pintar a parede da mesa de branco frosco.

Pintura em Spray - após uma camada de tinta normal branca.

Superfície interna refletora

Colocação dos iluminadores

Ventilação
Para a circulação interna da mesa foram usados 4 coolers. Dois para entrada de ar, e dois para a exaustão de ar quente. Os dois que funcionam como entrada de ar frio, foram colocados na parte inferior da mesa, do lado de dentro e puxam ar de fora para dentro. Os dois que funcionam como exaustores, foram colocados do lado de fora da mesa, e na parte interna ligados a um cano que puxa o ar quente armazenado na parte superior da mesa.

Os coolers foram conectados a uma fonte de 2 amperes, e suas conexões eletrônicas são desmontáveis. Uma vez que a mesa deve ser montada e desmontada em vários locais.

Colocação dos coolers

Posicionamento da Câmera
A camera possui uma lente manual, posicionamos a mesma com visão wide no fundo e no centro da mesa. Internamente a câmera foi colocado um filtro de IR para 880nm que é a frequência de luz dos iluminadores.

Frequência do filtro IR

Solução de madeira para colocação da câmera

Posicionamento final da Câmera

Visão interna da câmera

Testes finais
Os testes finais ainda não foram realizados pois a superfície branca ainda não foi colocada. Teremos alguns videos e fotos dos testes finais em Fevereiro.

Marília Bergamo - Coordenação de montagem

Reltom Guicheney - Montagem

Tecnologia Multitoque - Uma introdução

2010-10-16T04:49:00.000-07:00

Em 2007 a Microsoft lançou na Internet o produto Microsoft Surface, para demonstrar pesquisas da empresa em relação ao sistema de multitoque. Segundo a própria Microsoft (Surface, 2007) as pesquisas em telas multitoque foram elaboradas pela empresa desde 2001 por Stevie Bathiche e Andy Wilson. A idéia foi apresentada a Bill Gates em 2003 e protótipos foram estudados de 2004 a 2006. Em 2007, a versão a ser construída e vendida foi elaborada por Pete Thompson. A idéia é implantar esse tipo de mesa interativa em escolas, casas e ambientes de negócio, bem como em objetos como refrigeradores e muros.

A Mesa produzida pela Microsoft usa uma tecnologia chamada Diffuse Infrared - DI. A área interna da mesa é coberta por raios infravermelhos gerados por iluminadores. Câmeras são adaptadas para a captura somente de luz infravermelha. Onde o dedo ou objeto encosta na superfície, cria-se uma sobra que é detectada pela câmera e interpretada como toque. Um projetor é responsável por apresentar a imagem, e um computador ligado à câmera e ao projetor processa as informações de entrada e saída de dados.

Tecnologia DI da Mircosoft Surface

No evento TED: Ideas worth spreading 2006 (TED, 2008), que ocorreu nos EUA, na cidade de Monterey, na Califórnia, Jeff Han, da Universidade de Nova York, apresentou uma versão de baixo custo de produção de uma tela de multitoque baseada em uma tecnologia chamada FTIR, Frustrated Total Internal Reflection. Segundo Ham (2005), FTIR possibilita que raios infravermelhos colocados em paralelo com uma superfície fiquem presos a essa placa de acrílico até que um objeto ou um dedo toque a superfície e libere o raio infravermelho para que este seja percebido por uma câmera preparada para captar IR.

Tecnologia FTIR (HAM, 2005, p. 117)

A tela multitoque se diferencia de telas chamadas touch-screens por causa de sua possibilidade de múltiplos toques simultâneos. A tela de multitoque reduz a dependência da interface gráfica de interpretar somente um toque, arrastar e largar. Ela tem a capacidade de interpretar toque, arrastar e largar, mas também consegue interpretar gestos formados por conjuntos de dedos e pela pressão do toque.
Como as telas multitoques contribuem para a compreensão de gestos além de simples toques, essa característica permite que usuários usem suas mãos de forma livre para ativar a interface, o que consiste um desafio de design. Contudo, essas interfaces apresentam certo grau de instabilidade, por causa do hardware que ainda demanda pesquisa e inúmeras experimentações. Além disso, o software de captura dos raios infravermelhos consiste basicamente em bibliotecas tais como a Touchlib, disponível na comunidade NuiGroup (2008), e em contínuo desenvolvimento. Apesar de todo o trabalho de construção e programação, telas multitoques, por possuírem essa capacidade de ampliar a interpretação do toque, valem o tempo gasto em pesquisa e experimentação.

Interfaces multitoques não são ainda comercializadas, apesar de a Microsoft (Surface, 2007) anunciar que logo a mesa estará disponível em alguns centros de entretenimento. Contudo, em comunidades on-line, como o NuiGroup, pessoas trocam informações de como construir essa tecnologia e experimentam suas possibilidades. A experimentação nesse tipo de interface não seria possível sem a comunidade. Essa situação apresenta uma característica interessante em arte computacional interativa. Tal modelo de arte é amplamente diversificado, em parte, devido à filosofia de código livre e ao, de compartilhamento das técnicas.

No ano de 2009 as pesquisas (por Marilia Bergamo) que se iniciaram no mestrado da ufmg sobre multitoque tiveram uma expansão para o espaço comercial com o apoio da empresa cumplice.net, esta empresa iniciou o trabalho de pesquisa em conjunto, mas atualmente trabalha sozinha, sem integração com a Universidade. O projeto que se seguiu posterior a esta breve parceria pode ser encontrado em: www.aquainterface.com.br.

O Nuigroup divulgou, em maio de 2009 o livro: Multi-Touch Technologies. Este livro contém um apanhado geral da tecnologia e os modelos de construção possíveis.

TRADUÇÃO DO TEXTO INICIAL DO LIVRO: Multi-Touch Technologies
Multi-toque (ou multitoque) significa uma série de técnicas de interação que permitem os usuários de computador a controlar graficamente aplicações com uma série de dedos. Dispositivos Multi-toque consistem em uma tela touchscreen (e.x, displays de computadores, mesas e paredes) ou touchpad, assim como softwares que reconheçam multiplos pontos de toques simultaneos, em oposição ao modelo tradicional de touchscreen (ex. Computador touchpad, ATM), que reconhece apenas um ponto de toque.

O Natural User Interface (coneceito em que se baseia o Nui Group) e sua influencia em projetos de interface gestuais multi-toque vem trazendo mudanças chaves no projeto de hardware computacional, especialmente na criação de um “verdadeiro” sistema de hardware multi-toque (ex. Suporte para mais de dois dedos). O objetivo do NUI Group é fornecer uma plataforma aberta onde conhecimento de hardware e software pode ser trocado livremente, por essa troca livre de conhecimento e informação agora a um aumento no desenvolvimento no que se refere a hardware.

Na fronteira de hardware, NUI Group busca ser um distribuidor de recurso de informações para outros interessando em prototipar e/ou construir, com baixo custo, sistemas de alta-resolução de sistemas de hardware multi-input. Através dos esforços de pesquisa da comunidade, existe hoje um avanço nos possíveis systemas de multi-toque bem como a criação de novas técnicas que permitem não somente sistemas de hardware multitoque mas também dispositivos multi-modais. No momento existem cinco maiores técnicas sendo refinadas pela comunidade que permitem a criação de um sistema multitoque estável, são elas: Jeff Han’s pioneering Frustrated Total Internal Reflection (FTIR), Rear Diffused Illumination (Rear DI) such as Microsoft’s Surface Table, Laser Light Plan (LLP) pioneered in the community by Alex Popovich and also seen in Microsoft’s LaserTouch prototype, LED-Light Plane (LED-LP) developed within the community by Nima Motamedi, and finally Diffused Surface Illumination (DSI) developed within the community by Tim Roth.

Essas cinco técnicas estão sendo utilizadas no trabalho da comunidade principalmente no que se refere a visão computacional (câmeras). Enquanto sensibilidade ótica é a maioria das técnicas da comunidade do NUI Group existem outras tantas possibilidades de sensibilidade como proximidade, acústica, capacitância, resistência, movimento, orientação e pressão. Geralmente, vários sensores são combinados para formar uma particular técnica de sensação multi-toque.

O QUE É POSSÍVEL FAZER COM MULTI-TOQUE (texto próprio)

Porque uma interface permite uma série de varios inputs, sua maior aplicação é na área de interação compartilhada. Isto significa mais de um usuário para a interação. O que permite aplicativos de comandos onde não existe uma hierarquia ou grau de importância diferenciado entre as pessoas que estão interagindo na mesma superfície.
A interação com computadores passa a ser menos individual e tudo que exige interação é compartilhado pelo grupo.

Outra vantagem pouco explorada é a interpretação gestual. Uma vez que varios dedos podem ser reconhedidos, gestos formados por dedos poderiam ser reconhecidos pelo software.

REFERÊNCIAS BIBLIOGRÁFICAS

1. HAM, J. Y. Low-cost multi-touch sensing through frustrated total internal reflection. Portal, Symposium on User Interface Software and Technology: Proceedings of the 18th annual ACM symposium on User interface software and technology Seattle, WA, USA. SESSION: Touch, páginas 115 – 118. 2005. Disponível em: http://portal.acm.org/citation.cfm?doid=1095034.1095054. Acesso em: 15 ago. 2007.
2. NUIGROUP. Natural User Interfaces Group. Sítio on-line de comunidade virtual NuiGroup. Coordenada por: Harry van der Veen's. Disponível em: http://www.nuigroup.com/. Acesso em 22 de Abr. 2008.
3. REACTABLE. Coordenado pelo Doutor Sergi Jordà. Instrumento interativo desenvolvido pela equipe "Interactive Sonic Systems" que trabalha com um grupo de pesquisas chamado Music Technology Group dentro do Instituto de Audiovisual da Universidade de Pompeu Fabra em Barcelona, Espanha, 2005-2007. Disponível em http://mtg.upf.edu/reactable/. Acesso em: 20 abr. 2007.
4. SURFACE. Microsoft Surface 2007. Tecnologia de multitoque adquirida para o produto Surface, desenvolvida por Jefferson Y. Han em 2005. Disponível em: http://www.microsoft.com/surface/. Acesso em: 15 de Ago. 2007
5. TANGIBLE MEDIA GROUP. Sítio on-line de um grupo de pesquisas do MIT, Massachusetts Institute of Technology, coordenado pelo professor Hiroshi Ishii. Disponível em: http://tangible.media.mit.edu. Acesso em 21 de Abr. 2008.

Comentário sobre as pesquisas

2010-08-17T11:02:00.000-07:00

Gostaria de informar aos usuários que toda informação que colocamos aqui é trabalho de pesquisa em andamento. Isto significa que não podemos nos responsabilizar pelo correto funcionamento do que estamos fazendo. Muitas vezes, novas postagem corrigem dados de pesquisa anterior, e nem sempre significa a melhor solução.

ReacTIVision + Firefly MV

2010-07-02T13:28:00.000-07:00

Durante dois dias quebrei a cabeça para entender porque o software reacTIVision não encontrava a câmera Firefly MV (modelo firewire P&B).

A Firefly MV é uma camera de hardware fechado, ou seja, até mesmo para ter acesso ao apoio técnico deles é necessário se cadastrar no site e enviar o número de série da câmera comprada. No site, depois de cadastrada, fiz download do software de instalação da câmera. Instalei o software original da câmera no modelo default, que instala os drivers e também o SDK. Fiz conforme mandava o manual. Contudo ao iniciar o reacTIVision este falava "câmera não encontrada".

As tentativas foram muitas, desde a consulta do forum Firefly+reactivision on MAC, até o vasculhar minusciosamente o código do reacTIVision. Até que percebi que o windows como um todo não enchergava a câmera. Então ao invez de instalar o software no modo default, instalei somente os drivers. Resultado, camera encontrada pelo reacTIVision.

Acabamento da mesa multitoque

2010-06-25T19:38:00.000-07:00

Estamos finalizando as compras do material de acabamento da mesa multitoque DI. Ocorreram pequenas alterações do projeto inicial, alteramos a forma como o bancos serão construídos e o modelo de superfície de projeção.

Abaixo uma imagem das modificações da marcenaria da mesa, os bancos utilizaram um reforço horizontal, e não em curva como o post anterior, o marceneiro afirmou que assim seria mais seguro para a circulação das crianças sobre eles. Devido a alterações na superfície de projeção, também alteramos o espaço interno da tampa.

Quanto a superfície de projeção as mudanças foram muitas, devido ao reinicio da pesquisa por parte do grupo. Quando foi feita a mesa multitoque do Espaço do Conhecimento TIM-UfMG, a superfície de toque e projeção foi produzida por uma empresa, e o material de desenvolvimento não foi explicado para o grupo. Não houve troca de informações, neste sentido. Consequentemente, não sabemos exatamente qual material de projeção foi usado lá. Mesmo assim, fomos até lá testar o desenho, Eu, Ricardo e Ana.

imagem da projeção do desenho

Como dito anteriormente, tivemos que reiniciar a procura do acrílico de retroprojeção na Internet, encontramos os seguintes importados: PLEXIGLAS e EVONIC estes não estão disponíveis para entrega no Brasil, pelo menos é o que afirmam os sites dos fonecedores, não sei se um conversa direta permitiria a entrega.

Optamos então por buscar um representante nacional, e encotramos as seguintes soluções na 3M, Acrílico de retroprojeção Vikuti, e filme de retroprojeção Vikuti. Ligamos diretamente para a 3M que nos passou o seguinte fornecedor em Belo Horizonte - Promix (fica na Don Pedro II, 4276, 3412-7066), e Vinilsul em São Paulo. Nenhum dos dois trabalha com a venda do acrílico pronto, somente com o filme. Optamos pelo vendedor de São Paulo, que permitiu a compra de um pedaço do filme e não o rolo inteiro. O fornecedor de Belo Horizonte vende somente o rolo inteiro do filme, mas não cobra transporte e ao ir a loja é possível visualizar o showroom do filme projetando um desenho animado. Muito interessante...Percebemos que o nível de contraste irá diminuir um pouco em relação aos testes realizados no Espaço Tim-Ufmg do conhecimento.

O filme de projeção será aplicado manualmente por nós, e deve ser aplicado em um vidro transparente e temperado de 8mm de espessura. Este vidro é encaixado na tampa. Por cima da tampa uma moldura de acrílico preto de 2,8mm de espessura será aparafusado no topo da mesa.

Mesa multitoque - projeto

2010-05-20T12:38:00.000-07:00

Fizemos um projeto inicial do desenvolvimento da mesa multitoque. Esta mesa deve ser desmontável, pois ela poder ser utilizada durante alguns meses em um local e depois em outro.

Abaixo algumas imagens do projeto.

Multitoque: Rodando Demo e simulador em C++

2010-05-13T06:47:00.000-07:00

Nesse post iremos reportar um pequeno desafio de inicializaçao do processo de programação. No projeto Tim-Ufmg todo o processo de programação foi tercerizado, agora para o Aladim toda a pesquisa está aberta e iremos divulgar o máximo possível.

Para iniciar a programação partimos dos arquivos TUIO_Simulator.zip e TUIO_CPP.zip, disponíveis em reacTIVision files.

O TUIO_Simulator é um aplicativo pronto e deve ser rodado simplismente com um duplo clique em seu executável. Enquanto o TuioSimulator.exe roda em paralelo podemos abrir o arquivo tuio.sln - Arquivo de Microsoft Visual C++ express. O conjunto de arquivos tuio client deve ser incluido como um projeto na IDE para que funcione corretamente, no caso o arquivo sln já abre todo o projeto. Mande rodar o debug na seta verde >.

O windows pede para desbloquear durante os dois momentos.

Quando a mensagem esperando resposta da porta 3333 aparece, comece a usar o TuioSimulator, e os valores x e y dos toques apareceram normalmente, bem como os exemplos de TUIO.

Protótipo multitoque Diffuse Infrared

2010-04-23T19:49:00.000-07:00

Estamos trabalhando na construção de mais uma mesa multitoque, mas dessa vez com características diferentes da usada no Espaço TIM-UFMG.

Essa segunda mesa será desenvolvida para o projeto Aladim, que trabalha com crianças na fase de alfabetização. Temos a necessidade de trabalhar não somente com o uso dos dedos e gestos, mas também com pequenas peças que irão interagir com o ambiente virtual projetado na mesa.

Pela nossa experiência anterior sabemos o quão robusto é o uso de lasers para a obtenção de blobs - imagem do toque capturado pela câmera. Contudo, o uso de lasers para a superfície multitoque não permite a leitura de um desenho pela câmera e o reconhecimento do mesmo. Portanto, nesse projeto optamos pela opção Diffuse Infrared - que é a iluminação interna da mesa com luzes infravermelhas. Para saber mais sobre as tecnologias multitoque acesso o documento desenvolvido pelos colaboradores do nuigroup.

O desenvolvimento da interface será em duas etapas. A primeira um protótipo funcional, sem projeção, um tanto instável para uso interno do grupo de programadores do curso Matemática Computacional - Luis Moreno, Victor Pacheco e Lucas Leite.

A segunda o desenvolvimento da mesa por meio de uma prototipação vertical - onde iremos desenvolver o móvel e faremos os ajustes sempre na mesma peça até que se torne o produto final.

A primeira etapa já foi concluída, finalizamos esse protótipo usando uma caixa de papelão, tecido branco refletor, dois iluminadores IR, uma webcam Vx-600 e um vidro jateado.

Os iluminadores possuem um sensor de luz que só permite o funcionamento no escuro. Para evitar que eles desligassem tampamos com fita isolante os sensores de modo que as luzes IR estejam sempre acesas.

Por sua vez, a webcam também foi modificada. Retiramos o filtro IR que vem do fabricante e colocamos um pedaço de negativo velado em seu lugar. Sabemos que esse não é o filtro ideal, pois os iluminadores emitem luz na frequência de 850nm, e somente um filtro da mesma frequência permite que a leitura da câmera seja menos sensível ao ambiente. O Filtro correto somente será usado no protótipo/produto final.

A superfície da caixa de papelão foi coberta com o pano branco, para refletir as luzes emitidas pelo iluminador. E no topo foi colocado um vidro jateado. Vejam as imagens a seguir:

Imagem 1 - Visão de disposição dos iluminadores e câmeras.

Imagem 2 - Caixa de papelão forrada com pano branco.

A disposição dos iluminadores é o ponto mais importante desse tipo de interface multitoque DI. Apontando os iluminadores para os cantos garante melhor distribuição da luz. Esse protótipo possui apenas 70x55cm, por isso somente dois iluminadores foram o suficiente, mas para o protótipo/produto final serão necessários quatro iluminadores.

Essa mesa usará a tecnologia do Reactivision - desenvolvida para a instalação Reactable. Que inclui a leitura dos dedos, mas também dos fiduciais - padroes de ilustrações que são reconhecidos pelo software.

Imagem 3 - Padrão de fiduciais no topo do protótipo

Abaixo o reconhecimento do padrão com o aplicativo reactivision aberto à esquerda e à direita um aplicativo cliente em processing fornecido por uma plataforma indepentente.

Concluimos assim a primeira etapa de prototipação da mesa. Na segunda etapa teremos que avaliar outros dados, como tonalidade da projeção, largura da projeção e desenho das ilustrações. Nesse projeto contamos com dois ilustradores - Ricardo Tokumoto e Ana Carolina, ambos da Escola de Belas Artes da UFMG.

No desenvolvimento do protótipo estão trabalhando Marília Bergamo e Relton Guicheney.

O projeto Aladim é coordenado pela professora Carla Coscarelli - Faculdade de Letras.

instalação multimídia ‘Mariposas’ em Tiradentes

2010-04-01T12:14:00.000-07:00

Aberta terça dia 16 de março a mostra Mariposas, com curadoria de Chico Marinho. Ela fica por um mês aberta para o público. A Casa da Câmara de Tiradentes, na subida para a Matriz abriga 3 nichos com instalações digitais.

A mostra abriu durante evento da UFMG apresentando à comunidade os projetos que vai desenvolver na cidade, entre eles um Laboratório de Pesquisa em novas mídias digitais.

No teto do salão principal uma projeção dupla forma uma imagem no teto da casa, nos moldes das pinturas de teto das igrejas barrocas. Ao centro são exibidas duas séries de vídeos. As Videocrônicas das Cidades Históricas de Álvaro Andrade Garcia e Videopoemas de Chico de Paula. Na moldura composições de Chico Marinho. O software é o Sítio, da Ciclope, agora com mais um plugin, capaz de interagir com movimentos da mão no espaço, através de sensores infravermelhos.

Sob o teto há uma pequena capelinha com dois sensores, um de cada lado. Ao se aproximar e afastar a mão de um deles é possível folhear e adiantar velozmente as molduras. Com a outra mão é possível brincar de pintar o teto, modificando a cor das imagens.

Ao redor das videocrônicas quadras poéticas, brincando com o espírito yin yang do barroco, com seus contrastes e céus por desabar.

Ouro Preto Guignard, Chuvas Barrocas em Tiradentes e Milho Verde, poemas de Cora Coralina com seu museu em Goiás, Serra da Piedade, Caraça, Itacolomi, rio das Velhas…

São exibidos também Videopoemas de Chico de Paula, da Arquipélago.

A instalação Dente de Leão, de Chico Marinho, Francisco Chavess e Jalver Bethônico, é uma graça. Soprando um microfone camuflado de flor, sopramos a imagem na janela. Voam as sementes, um poema surge na tela e sons pontuam o momento.

As Mariposas, de Chico Marinho, com uma bengala de cobre os visitantes tocam em contatos de cobre numa peça de madeira, acendendo luzes numa projeção no teto.

As mariposas que voam usando algorítmos de ‘comportamento de bando’, ao ver a luz, mudam sua trajetória e voam até ela.

Final de Projeto: Espaço TIM UFMG do Conhecimento

2010-03-22T14:04:00.001-07:00

Ontem entregamos oficialmente o Espaço TIM UFMG do conhecimento. Que a partir de amanhã 23/03 de 2010 estará aberto para a visitação.

Na foto: Prof. Francisco Marinho (UFMG), Alessandro Silva (Ilusis) e Prof. Wallace Lages (UFMG e Ilusis).

Planeta Tim-UFMG - Dia de teste

2010-02-09T09:28:00.000-08:00

Ontem, algumas crianças foram convidas a visitar o Planeta Tim-UFMG, aproveitamos o momento para fazer uns testes. Os videos e as fotos deste post são apenas um registro dos momentos de descontração.

Ecologia Interativa - Chico Marinho explicando o trabalho para os pessoas

Pangeia

Pangeia - Uso da Interface

Ecologia Interativa - Uso da Interface

Pixel e vetor sobre tela: software

2009-12-24T13:18:00.000-08:00

Neste post você encontra o link para baixar o software que estamos usando no projeto "pixel e vetor sobre tela". Este é um software em construção que continuará a ser alterado enquanto o projeto existir. Abaixo você encontrará links tanto para o instalador quanto para o código-fonte, sob a licença MPL-1.1 (Mozilla Public License).

Para instalar você precisará ter em seu computador o Adobe AIR (com versões para Windows, Linux e MacOS). O programa funciona nessas três plataformas, mas certifique-se de usar uma máquina potente, com um processador multi-core e uma boa placa de vídeo. Junto ao programa você encontra arquivos de ajuda e alguns exemplos.

Caso se interesse pelo código-fonte, você precisará do Adobe Flex SDK 3.4 para a compilação. Esse SDK também é gratuito, e o software é apresentado como um projeto do Flashdevelop, mesmo que possa ser aberto em outras IDEs ou mesmo compilado manualmente usando o SDK.

download: versão de instalação (6MB)
download: código-fonte (6MB)

Pixel e vetor sobre a tela: visão computacional aplicada à animação

2009-12-22T11:31:00.000-08:00

Um personagem-digital (uma silueta de 0 e 1) encontra-se (ou tenta encontrar-se) num universo de máquinas (aparatos de força e tempo). Ao acordar neste labirinto, ele vai aos poucos percebendo os sons do ambiente. Vai contactando com o espaço geral para depois interagir com objetos. Ouve asas que passa a perseguir (ou que passam a persegui-lo?)... Se vê cercado por criaturas híbridas (bichos-máquinas) monstruosas e é salvo por um anjo-feminino e levado para outro universo tecnológico (aparatos de música).

Com esse argumento, estamos preparando um roteiro que está sendo contruído a partir de diversas montagens de imagens e animações de alunos do curso de cinema de animação e artes digitais, além de bolsistas da escola de belas artes.

Sem desvincular o desenvolvimento tecnológico das demandas estéticas práticas, o projeto propõe 3 abordagens: (1) criação de cenários e elementos de cena em tempo real sem substituição do ator, substituição do ator por animações (2) para performances e (3) para filmes. Na pesquisa de referências, buscamos formas baratas de captar a ação do ator como base para a relação tempo-espaço na tela. Desenvolvemos um software que mapeia as cores filmadas, recorta os atores de um fundo monocromático, insere um cenário digital e, também, permite a inserção de elementos animados, dispositivos e áreas sensíveis à interação dos atores. No estágio atual, estamos desenvolvendo uma performance sobre a relação homem-máquina na qual o ator deitado em uma plataforma com rodas é filmado e tem sua imagem recortada e inserida em cenários virtuais com os quais interage controlando eventos e a execução musical ao vivo.

Abaixo temos vídeos de um dos primeiros testes. O primeiro mostra a imagem do ator sendo captada, enquanto o segundo traz o resultado sendo projetado na tela.

Em breve postaremos aqui o software usado nessa montagem, junto com seu código fonte.

Planeta Tim-UFMG

2009-12-13T14:01:00.000-08:00

O grupo 1maginario está envolvido na produção de duas instalações do espaço cultural Planeta Tim-UFMG localizado na praça da liberdade. O espaço foi entregue pela TIM e a UFMG está responsável na produção do conteúdo interno do prédio. O grupo 1maginari0 foi convidado a assinar uma instalação denominada Ecologia Interativa e contribuir para o desenvolvimento da interface e trilha sonora da instalação definida até o momento como Pangeia.

O conceito que fortalece a instalação que se chama Ecologia Interativa é um resultado de uma ampla pesquisa do grupo e uma colaboração específicia entre as pesquisas: Novas possíbilidades de interfaces, trabalho que teve início no mestrado de Marília Bergamo, na Escola de Belas Artes da UFMG com apoio e continuação da empresa Cumplice.net; A pesquisa de visão computacional da empresa Ilusis Interactive Graphics; E por fim, a base que fortalece a instalação, o trabalho de doutorado sobre Imagonomia do Professor Francisco Carlos de Carvalho Marinho do Departamento de Fotografia, Teatro e Cinema da Escola de Belas Artes na UFMG.

Segundo Francisco Marinho, o objetivo do projeto é pesquisar, desenvolver e implementar sistemas computacionais, mundos virtuais, que lidam com modelos conexionistas de vida artificial baseados em agentes bio-virtuais (biobots – robôs virtuais). Esses ecossistemas virtuais são concebidos à luz das leis de "evolução natural" e genética computacional – algoritmos genéticos. O comportamento emergente dos agentes é baseado em regras estéticas. O resultado é uma pintura dinâmica e "viva". Nesses sistemas interativos e imersivos as interfaces hápticas desempenham o papel importante no processo criativo e inventivo da relação imbricada autor/obra/interator. Portanto é fundamental para o processo estético criativo verificar as possibilidades e limites de linguagem baseados em tais tecnologias computacionais

A instalação Ecologia Interativa ocorre em dois andares, no terceiro andar, o usuário encontra a instalação em uma mesa multitoque. Aqui é permitido ao usuário, criar novos organismos estéticos. Para Marília Bergamo, o uso da tecnologia multitoque nesse momento do projeto foi uma escolha decisiva pois permite que vários usuários possam interagir com o computador ao mesmo tempo, um conceito fundamental para a instalação, uma vez que trabalha com a ideia de sistemas de vida artificial, ou seja com transformações do ambiente e suas consequência sobre o desenvolvimento do sistema como um todo. Assim, quando mais de um usuário está influenciendo o sistema, as condições são mais variáveis e mais imprevisiveis.

No segundo andar do prédio encontra-se a segunda parte da instalação. Aqui o objetivo é apresentar a presença humana e sua influência no sistema interativo computacional. A figura humana é capturada via camera e projetada no sistema da intalação, interferindo no comportamento da vida artificial. A interface nessa etapa do projeto é definida pelo sistema de visão computacional da Ilusis Interactive Graphics.

Já a instalação Pangeia, o grupo 1maginari0 contribui na produção de uma interface física de visualização das fases da terra. Em cada periodo de evolução do globo terrestre foram desenvolvidas animações que retratem um periodo da era. Essas animações receberam uma trilha sonora desenvolvida pelo Professor Jalver Bethônico da Escola de Belas Artes da UFMG e membro do grupo de pesquisa 1maginari0.

ECOLOGIA INTERATIVA
-------------------

Concepção: Francisco Marinho

Programação Visual: Francisco Marinho

Design de Som: Jalver Bethônico

Coordenação Técnica: Marília Bergamo

Software:
Ilusis Interactive Graphics - Infra Estrutura de Software
Interactiva - Programação da Interface Gráfica
Bruno Nascimento Santos e Rosilane Mota: Desenvolvimento em Inteligência Artificial

Hardware:
Cumplice.net - superfície multitoque

Esquema de montagem Mesa Multitoque

Montagem Mesa multitoque

Testes de usabilidade e correção de bugs do sistema interativo

PANGEIA
-------
Concepção: Patrícia Kauark e Paulo Schmidt

Animação: Antonio Fialho

Design de Som: Jalver Bethônico

Coordenação Técnica: Marília Bergamo

Software:
Marília Bergamo
Edição dos videos para a programação da interação: Carlos Falci

Hardware:
Marília Bergamo

Balcão Pangeia

Implementação da interface física da pangeia

Esquema gráfico de implementação dos sensores

Matéria da Globo - Museu interativo EIP

2009-12-04T09:04:00.000-08:00

A reportagem da Globo fala sobre o Espaço Israel Pinheiro (EIP), primeiro Museu Interativo de Brasília, espaço dedicado à educação para meio ambiente, justiça social e desenvolvimento. O EIP mantém uma parceria institucional com a UFMG (Universidade Federal de Minas Gerais). O Grupo "1maginári0: poéticas computacionais" (UFMG) participou da criação, desenvolvimento e implementação do painel eletrônico e da sala de jogos. A parceria vai produzir conteúdo para o Espaço do Conhecimento da UFMG/TIM em Belo Horizonte.

Nuvens de Desejos

2009-12-04T05:37:00.000-08:00

Nuvens de Desejos é uma vídeo instalação interativa sobre busca de termos ligados à ecologia, meio ambiente, sustentabilidade, etc, no Google, em tempo real. São três monitores de 42" que mostram diferentemente os termos e a quantidade de hits encontrados no Google. No monitor mais à esquerda temos esferas concenêntricas modeladas em 3D, transparentes, em fundo branco, com mapas de texturas que são imagens das palavras procuradas no Google em português. Essas esferas são ordenadas segundo o número de hits encontrados no Google. No monitor da direita o conceito se repete com palavras em inglês. A idéia é que o usuário possa cotejar a diferença entre o que interessa ao leitor de lingua portuguesa e o leitor de lingua inglesa (internacional). A busaca reflete, de algum modo, a preocupação das pessoas com o tema. No centro temos um monitor com uma imagem de árvore feita com as palavras procuradas. Cada metade da imagem desse monitor mostra as procuras ordenadas do tronco para as folhas, respectivamente, as mais procuradas e as menos procuradas. Esse monitor dá um instantâneo do mapa geral de procura. Nos monitores laterais o usuário pode navegar dentro do ambiente 3D usando as mãos colocando-as sobre sensores de infra vemelho colocados em uma caixinha sobre um cubo que abriga os computadores. A programação foi feita usando Director e C#.

Artistas computacionais: Chico Marinho e Gustavo Morais (Gush).

Narciso

2009-12-04T05:27:00.001-08:00

Narciso é uma instalação baseada no mito que contempla a relação do homem consigo mesmo e com seu relativo distanciamento da sociedade. Fisicamente a instalação é composta de uma câmera que capta a imagem do usuário e de um sistema de computação/projeção em tempo real que projeta sobre uma superfície de espelho de água a imagem do interator, desenhada por um sistema dinâmico de partículas. Quanto mais movimento o interator fizer mais dispersas ficam as partículas que formam sua imagem, dissolvendo-a como uma espécie de fantasma. Há um sistema de som, (percebido só pelo usuário pela proximidade com o espelho de água) que recita versos em tempo real. Os versos são articulados de modo que quanto mais próximos está o interator mais "egoísta" se torna o contexto da poesia. Ao contrário, quanto mais distante está o interator, os versos se tornam mais "colaborativos e altruístas".

NARCISO do grupo 1maginári0 - poéticas computacionais. Atistas computacionais: Chico Marinho, Jalver Bethônico, Cacá Falci, Francisco Chaves. A exposição faz parte da programação do Siana Brasil 2009.
LOCAL: ESPAÇO MARI`STELLA TRISTÃO (FCS / PALÁCIO DAS ARTES)
DATA: 30/06 a 12/07
HORÁRIOS: Segunda-feira: de 18h às 21h; Terça a sábado: de 9h30 às 21h; Domingo: de 16h às 21h (no dia 12/07 de 10h às 21h)

1maginari0 no Aglomerado da Serra

2009-10-02T09:25:00.000-07:00

O grupo 1maginari0, esteve presente no evento de comemoração do aniversário de um ano do Centro Cultural Vila de Fátima no Aglomerado da Serra nos dia 21, 23 e 24 de Junho. Nessa oportunidade o grupo apresentou 3 instalações: Poeminhocas, da autoria de Francisco Marinho, Jogo da Galinha, de autoria de Daniel Lima, e um trabalho relacionado ao sítio de imaginação da Ciclope.art

Tiroletras

2009-06-05T04:48:00.001-07:00

Tiroletras é um jogo desenvolvido pela equipe do projeto ALADIM (Alfabetização e Letramento em Ambientes Digitais Interativos Multimodais) em parceria com o projeto 1maginari0 ambos da Universidade Federal de Minas Gerais. O intuito deste projeto é desenvolver formas de articular tecnologia e alfabetização, a fim de que o computador participe do período de aquisição do sistema de escrita pelas crianças na escola, sendo visto, desde o começo desse processo, como mecanismo que tem muito a contribuir para o letramento delas. Com o objetivo em mente procuramos minimizar nosso escopo acerca das habilidades necessárias no processo de alfabetização e letramento que utilizaríamos em um jogo. Minimizamos o espoco por causa da quantidade de habilidades existentes no processo de alfabetização e por algumas delas serem conflitantes. As habilidades escolhidas para o jogo Tiroletras são:
-Nome da letra;
-Relacionar letra-som;
-Reconhecer vários desenhos da mesma letra;
-Identificar letra ou som inicial da palavra;
-Identificar algumas letras da palavra;
-Identificar todas as letras da palavra;
-Agrupar desenhos de palavras com semelhança sonora (som inicial ou som final);
-Reconhecer palavra;

Figura 1 Figura 2

A partir das habilidades escolhidas iniciamos um processo exaustivo para a definição do jogo. Algumas influências marcantes para a escolha do Tiroletras são o jogo Space Invaders, figura 1, e o Frozen Bubble, figura 2. Pegando a idéia de movimentação do jogador e as bombas sendo atiradas no jogador do Space Invaders, já do Frozen Bubble o fato do jogador ter que atirar em bolas da mesma cor para formar grupos que desaparecem assim como a possibilidade de escolher mais de uma opção de tiro. Com estas idéias a modelagem do Tiroletras ficou do seguinte modo. Os tiros do jogador e dos seus inimigos, os alienígenas do Space Invaders, são letras que podem ser cursivas ou letras de forma. Ao invés de uma série de inimigos totalmente aleatória, quantidade de letras randômicas, a frota do nosso inimigo é sempre uma palavra. Palavras com menos letras representam os primeiros níveis e palavras com mais letras representam níveis mais elevados. Assim o jogador deve acertar um inimigo representado por uma letra com um tiro representado pela mesma letras, ou seja, um inimigo representado pela letra A soltará bombas também representadas pela letra A e para destruí-la o jogador deve realizar um tiro com a letra A que a acerte. Vale ressaltar que o jogador deve desviar das bombas lançadas pelos seus inimigos como no Space Invaders. O jogador é controlado pelo mouse, movendo o mouse move-se jogador, clicando com o botão esquerdo atira-se e com o botão direito muda-se a opção do próximo tiro. Ver figura 3 da tela de jogo do Tiroletras.

Figura 3

Assim quando o jogador completa o nível mostra-se a imagem da palavra que ele “destruiu” assim como o som de alguém falando a palavra. E o jogador tem opção para continuar com o próximo nível ou simplesmente sair do jogo. Lembramos que o jogo ainda esta em fase de desenvolvimento e que assim que tivermos maiores notícias postaremos neste blog.

Real Time Klimt

2009-05-13T11:43:00.000-07:00

Real Time Klimt é um aplicativo criado para a instalação Parabelum, na mostra de profissões - UFMG 2009, que ocorreu no campus da pampulha nos dias 28 a 30 de abril. A instalação Parabelum foi desenvolvida pelo professor Jalver Bethônico da escola de Belas Artes da Universidade Federal de Minas Gerais, que também contribuiu na formulação do aplicativo Real Time Klimt.

O aplicativo Real Time Klimt, desenvolvido e projetado por Francisco Chaves, é inspirado na obra do artista Gustav Klimt . O software consiste em aplicar camadas de textura em imagens capturadas por uma câmera em tempo real.

Babel

2009-04-24T11:36:00.000-07:00

Projeto de Marcelo Bicalho e Jalver Bethônico, para exposição na Escola de Belas Artes em Agosto de 2008.

Jogo da Galinha

2009-04-24T11:26:00.000-07:00

Projeto de Daniel Pinheiro Lima e orientação de Jalver Bethônico e Francisco Marinho, para exposição na Escola de Belas Artes em Agosto de 2008.

Download do aplicativo

Viajante

2009-04-24T08:20:00.000-07:00

Projeto de Rosilane Mota e orientação de Jalver Bethônico e Francisco Marinho, para exposição na Escola de Belas Artes em Agosto de 2008.

Poeminhocas

2009-04-23T09:29:00.000-07:00

Poeminhocas é uma série de três versões de obras de arte computacional que relaciona poesia escrita, visual e gestual. A interface de Poeminhocas permite que dois usuários possam interagir com o sistema e entre si. Cada usuário porta uma fonte de luz infra vermelha que é captada por sensores da câmera do "nunchuck"(joystick do nintendo wii). Essa coordenada é fornecida ao software (via comunicação bluetooth) que projeta no ponto captado a imagem de um círculo.

Várias minhocas desenhadas por junções de letras vagam caoticamente pelo ambiente. Ao acender-se uma fonte de luz infra vermelha, as minhocas são atraídas pela luz e convergem para seu interior. O usuário pode caminhar com a luz IR(infra vermelha) sob a câmera que registrará seus movimentos transformando-os em coreografias gráficas e visuais dinâmicas. Uma vez que os dois usuários estejam com as luzes ligadas e as minhocas caóticas sejam totalmente engolidas pelo círculo (com coordenadas da fonte de luz) começa um diálogo visual entre os círculos que representam o interator no ambiente digital imagético. De cada círculo parte um verso/palavra de poema que caminha em direção ao outro círculo estabelecendo um outro tipo de leitura e textualidade amparada na escrita e na performance gestual dos interatores.

A metáfora poética que subjaz ao sistema é "do caos ao logos/poiésis pela luz"

A primeira versão do poeminhocas foi apresentada no Festival de Inverno da Universidade Federal de Minas Gerais (UFMG)em Diamantina em 2008. A segunda versão foi apresentada em uma mostra de arte computacional na Faculdade de Ciências Econômicas (FACE) UFMG. E a terceira versão foi apresentada junto com outras obras de arte computacional do grupo 1maginári0 no sagão da Reitoria da UFMG em 2008.

Programação: Francisco Marinho e Gustavo Morais Gushm

Bolas Didáticas

2009-04-23T08:29:00.000-07:00

O projeto foi uma instalação na exposição de Arte Digital EBA - UFMG, que ocorreu no saguão da Reitoria da UFMG (Universidade Federal de Minas Gerais) nos dias 18 a 21 de Novembro de 2008. Bolas didáticas foi criada para o projeto Aladim, coordenado pela professora Carla Viana Coscarelli (UFMG-Fale).

Aladim é um projeto de pesquisa sobre alfabetização e letramento através de interfaces interativas multimodais que usa ambientes de jogos digitais. O projeto tem várias abordagens conceituais e práticas. Uma das modalidades usa a tecnologia de visão computacional com reconhecimento de padrões visuais, como os fiduciais do projeto reactable, para criar uma interface física que propicia aos interatores maior liberdade de movimentos, fato bastante relevante no que tange à relação ensino/aprendizagem de crianças. O jogo programado tem por objetivo a formação de palavras a partir de sílabas.

Programação: Bruno Santos e Francisco Chaves.
Coordenação: Francisco Marinho.

Download do aplicativo

Palavrador

2009-03-30T09:46:00.000-07:00

O palavrador nasceu como um ambiente poético imaginário criado no 38º Festival de Inverno da UFMG, em julho de 2006. Ele foi concebido e implementado com um conjunto de ideias e atividades coletivas pelo grupo. Os autores tinham experiências na area de arte, literatura e ciência da computação. A interface virtual é concebida como um jogo dinãmico com imagens em movimento e um discurso profundo sobre poética. O palavrador era uma estrutura de software e ganhou em 2006 o Premio de Poesia Digital da Cidade de Vinarós na Catalunha, na categoria de arte-software.

Faça download do software em Ciclople.art

Ambiente Virtual

Atualmente o Palavrador é um livro físico que interage com um mundo poético cibernético construído em 3D. Sob coordenação de Francisco de Carvalho Marinho e colaboração de Alckmar Luiz dos Santos, Alvaro Andrade Garcia, Carla Viana Coscarelli, Carlos Augusto Pinheiro de Sousa, Cristiano Bickel, Daniel Poeira, Delaine Cafiero, Fernando Aguiar, Gustavo Morais, Jalver Bethonico, Leonardo Souza, Lucas Junqueira, Marcelo Kraiser, Marilia Bergamo, Rafael Cacique Rodrigues, Ricardo Takahashi, Tania Fraga, Walisson Costa.

O livro físco Palavrador e a estrutura de software que o compõe participou da ACM SIGGRAPH 2007 Art Gallery - Glogal Eyes.

Video Explicativo

Casarão Verde: Display de videos

2009-03-02T12:40:00.000-08:00

Os vídeos apresentados nas janelas da instalação “Casarão Verde” foram produzidos por Chico de Paula. Os vídeos foram distribuídos em dois computadores, cada computador apresentava três sequências de vídeo que eram alteradas de acordo com a velocidade do pêndulo central da instalação.

Os vídeos eram apresentados sobre uma máscara programável via código. Nesse post colocamos um exemplo do código utilizado na disposição dos vídeos.

Para a instalação foi desenvolvido o código base: video - display video.fla, que está disponível para download.

baixe o exemplo video - display video

Esses códigos necessitam das classes da biblioteca AS3 do grupo 1maginari0:

/imaginario/videos/gridVideoViewer.as
/imaginario/communication/oscMessenger.as

baixe o pacote de classes AS3 1magiári0

Casarão Verde: Instalação de silhuetas

2009-02-11T09:53:00.000-08:00

Durante o 40º Festival de Inverno da UFMG em Julho de 2008 membros do grupo 1maginari0 participaram do evento Casarão Verde, uma instalação em uma casa tombada pelo patrimônio histórico e ocupada durante a noite do dia 25 de Julho, a instalação refletia sobre os Vissungos.

O projeto foi assinado pelo Núcleo Avançado de Criação Intermidiática, sob a coordenação de Fabrício Fernandino, coordenação técnica e sub-coordenação de área de Francisco Marinho, suporte técnico computacional e eletrônico por Marília Bergamo e Lucas Junqueira, coordenação de pesquisa de Sônia Maria de Melo Queiroz. Onde artistas atuaram com as seguintes oficinas: Potencialidades audiovisuais de Chico de Paula (BH), Potencialidades Cênicas de Fernando Mencarelli (UFMG), Potencialidades Musicais de Damián Rodriguez Kees (Argentina), Potencialidades Plásticas de Jorge dos Anjos (BH) e Potencialidades Poéticas de Ricardo Aleixo (BH). E participação na instalação de Henrique Roscoe.

Edição: Chico de Paula.

A primeira versão da biblioteca AS3 do grupo 1maginari0 foi criada nesse período. Assim como alguns códigos que se tornaram apoio para a exposição do conteúdo visual, textual e sonoro produzido pelos artistas e seus alunos e também o próprio grupo de apoio. Nesse post vamos detalhar uma das exposições: a instalação de silhuetas.

A instalação de silhuetas consistiu fisicamente de uma minicâmera EyeToy que é um dos acessórios do PlayStation 2, direcionada para um fundo branco iluminado. O código era responsável por interpretar as pessoas na frente da câmera, considerando tudo que estava abaixo do cinza médio como branco, e acima, como preto.

Em frente ao fundo branco iluminado, uma projeção apresentava as silhuetas e três vídeos, criados por Chico de Paula, com uma máscara alpha em formato circular. Esses vídeos se apresentavam graficamente como bolas, cada um com uma propriedade diferenciada.

Azul: Cair até encontrar uma silhueta e então parar
Vermelho: Cair até encontrar uma silhueta e retornar a subir
Amarelo: Ficar preso no local de colisão com a silhueta

O espaço de projeção era dividido em uma grade de dezesseis pontos. Se o usuário colidisse com algumas determinas combinações de pontos na grade, imagens baseadas nos desenhos com pólvora de Jorge dos Anjos, assim como trechos sonoros cedidos por Ricardo Aleixo se apresentavam. O grupo de Fernando Mencarelli foi responsável pela definição dessas combinações.

Para a instalação foi desenvolvido o código base: camera e physics - silhouette collision.fla, que está disponível para download.

baixe o exemplo camera e physics - silhouette collision

Esses códigos necessitam das classes da biblioteca AS3 do grupo 1maginari0:

/imaginario/camera/silhouetteViewer.as

/imaginario/ physics/fallBitmap.as

baixe o pacote de classes AS3 1magiári0

Caixa de Jóias - Jewel Box

2009-02-04T11:22:00.000-08:00

---------------- English -----------------------

The project Jewel box is a multitouch screen (Adicional information can be found in portuguese on the web interview for André Deak). It works as a imagenary diary from the chacacter of the child fary tale "The Little Match Girl". The piece was produced as a master degree project from Marília Bergamo, over constant supervion and contribution from the professors Francisco Carlos de Carvalho Marinho, Jalver Bethônico and Heitor Capuzzo.

For better undestanding of the piece, such as tecnical and conceptual details can be found (also in portuguese) over the pdf documento Cap 9 - Caixa de Jóias Pesquisa e Experimentação em Arte Computacional Interativa, from the dissertation presented in 4th of July 2008.

To sum up, Jewel Box was presented trê times, first over the master degree presentation in 4th of July 2008. Secondly over the School Galery on 21th of August 2008 - as one of the pieces produced on the couse of Computer Art Atelie ministred by Francisco Marinho and Jalver Bethônico on the first semester of 2008 on the post graduation course of the School of Fine Arts. And finally, from 18th ti 21th of November on the Exposition of Digital Arts, on the rector buiding of UFMG, curated by Francisco Marinho e Jalver Bethônico, suported by Professor Ronaldo Pena, Professor Heloísa Starling, Reuni team and CAC.

The code developed for the research project are also available to downloand as aplicativoCaixaDeJoias.zip. Again is recomended the reading of the pdf documentationCap 9 from the master degree dissertation to compreehend the necessary resources. Adicionally is necessary the use of the open sourceTouchLib available by NuiGroup, and the program languageProcessing also some libraries such as: gifAnimationfrom Patrick Meister and reacTIVisionTUIO from Martin Kaltenbrunner.

In the last exposition, in November the software TouchLib was replaced by TBeta, also from NuiGroup, because of updating problems on the driver of the webcam.

---------------- Portuguese ---------------------

O projeto Caixa de Jóias é uma tela multitoque(informações adicionais na entrevista para André Deak) que funciona como um diário de uma personagem do conto "A menina que vendia fósforos". A peça foi produzida para o projeto de Mestrado de Marília Bergamo, sob constante contribuição e orientação dos professores Francisco Carlos de Carvalho Marinho, Jalver Bethônico e Heitor Capuzzo.

Para melhor compreensão da peça em si, detalhes técnicos e conceituais, aconselho a leitura do Cap 9 - Caixa de Jóias Pesquisa e Experimentação em Arte Computacional Interativa, da dissertação apresentada no dia 04 de Julho de 2008.

Em resumo, Caixa de Jóias foi exposta três vezes, uma no dia 04/06 na defesa do Mestrado. Na Galeria da Escola de Belas Artes no dia 21 de Agosto de 2008 – como uma das peças que fizeram parte da disciplina Ateliê de Arte computacional oferecida no primeiro semestre de 2008 por Francisco Marinho e Jalver Bethônico no Curso de Pós-Graduação de Belas Artes. Por fim, nos dias 18 a 21 de Novembro de 2008 na Exposição de Arte Digital, no saguão da reitoria da UFMG, amostra sob coordenação dos professores Francisco Marinho e Jalver Bethônico, com o apoio do Prof. Ronaldo Pena, Profa. Heloísa Starling, Equipe do Reuni e CAC.

Os códigos desenvolvidos para o projeto de pesquisa também estão disponíveis no arquivo aplicativoCaixaDeJoias.zip. Novamente, recomendo a leitura do Cap 9 da dissertação para a compreensão dos recursos necessários. Em resumo, é preciso o uso do software TouchLib disponibilizado pelo NuiGroup, Do programa Processing e de algumas bibliotecas específicas: gifAnimation de Patrick Meister e reacTIVision TUIO de Martin Kaltenbrunner.

Em sua ultima exposição, em novembro o software TouchLib foi substituído pelo software TBeta, também do NuiGroup, por problemas de atualização do driver da webcam.

Usando vários monitores no Windows em aplicativos Flash

2009-02-03T06:40:00.000-08:00

Um recurso que usamos constantemente é a distribuição de uma imagem em vários monitores. Com isso podemos, por exemplo, aumentar a área de uma projeção usando várias saídas de vídeo de um computador.

Até o lançamento do Windows Vista isso era simples de se conseguir nos sistemas da Microsoft. Bastava usar uma placa de vídeo com várias saídas, como as mais comuns da nVidia, e, usando o driver do fabricante, extender a área do desktop usando o "span mode", onde o computador via todas as saídas como uma só área de trabalho comprida. Para nosso milagre de extensão da tela bastava que o programa fosse maximizado: ele ocupava todas as saídas de vídeo conectadas.

Com a chegada da versão nova do sistema, esse modo milagroso foi retirado (segundo a nVidia é impossível ativar o modo span devido à estrutura de vídeo do Windows Vista). Temos agora apenas o antigo "modo clone", onde uma mesma imagem é mostrada em todas as saídas, e o modo "extended" em que o desktop é esticado em vários monitores mas o computador os reconhece isoladamente. Pior: devido a essa questão no Vista, a nVidia retirou permanentemente das versões mais novas de seus drivers o modo span, mesmo no Windows XP.

Isso não seria problema caso não houvesse uma grande limitação do windows: uma janela não pode ser maximizada para um tamanho além da resolução do mointor em que ela está. Falando de uma forma prática, caso tenhamos duas saídas de vídeo a 1024x768 cada poderíamos mostrar uma janela de tamanho máximo de 1024x768, e não 2048x768 como precisamos para estender nossa imagem pelas duas saídas.

Vários programas burlam essa limitação, como o próprio Flash, mas para isso é preciso que a janela não esteja maximizada, o que é um problema para instalações, já que seus contornos continuam sendo exibidos. Mais um problema: ainda existe o limite de 2880 pixels como largura máxima de um filme flash, então nada de três ou mais monitores/projeções (caso cada um use resolução de 1024x768 ou maior).

Solucionando com um "truque"

A saída que encontramos não é exatamente "bonita", mas é capaz de estender um filme flash em vários monitores (testamos em 2, 3 e 4 usando duas placas nVidia 9600GT conectadas a um mesmo computador). A solução usa o Mozilla Firefox (que também burla o limite do tamanho de janelas), um de seus complementos e um pouco de javascript. O princípio é simples: importamos o filme Flash em uma página HTML com dimensões definidas como "100%" tanto para largura quanto altura. Abrimos ess página no Firefox e ativamos o modo "tela inteira (F11)" que, com o complemento "Full Fullscreen", não exibe nenhum tipo de barra de informações, navegação, etc. Em seguida, ativamos o código javascript que estenderá a tela do firefox por todos os monitores.

Detalhando um pouco mais...

1. Instale o Mozilla Firefox: www.mozilla.com

2. Instale o complemento Full Fullscreen: addons.mozilla.org/pt-BR/firefox/addon/1568

3. Crie um arquivo HTML contendo seu filme Flash e o código javascript (nesse caso, o javascript é chamado 1 segundo após a página ser carregada para dar tempo de ativarmos o modo "tela inteira (F11)" ANTES que ele seja executado - você não precisa carregar o filme flash usando um javascript externos já que o código não será executado no MS Internet Explorer:

<html><head><title>application container</title>
<style type="text/css">

</style><script type="text/javascript">
var t = setTimeout("resizeWindow()",1000);
function resizeWindow() {
self.moveTo(0,0);
top.resizeTo(2048,768);
}
</script>
</head><body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="100%"><param name="movie" value="flash.swf"><param name="quality" value="high"><embed src="flash.swf" quality="high"
pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
</object>
</body></html>

4. Abra esse arquivo com o Firefox e pressione F11. Após 1 segundo a imagem ocupará todos os monitores (que já devem estar ligados na resolução correta - nesse caso todos a 1024x768).

O código acima cria um arquivo para ser exibido em duas projeções de 1024x768 pixels cada e funciona tanto no Windows XP quanto no Windows Vista. Para 3 ou mais projeções, lembre-se que o limite de largura de um filme Flash é 2880, então o crie proporcionalmente para que quando seja esticado não perca seu aspecto correto (sim, o Firefox estica o filme Flash para além do limite - usando apenas gráficos vetoriais não se percebe problemas na visualização).

Wiimote no Flash

2008-12-11T18:49:00.000-08:00

Receber dados de um Wii Remote no Flash pode ser uma tarefa simples. Para isso, acrescentamos em nosso pacote de classes para Actionscript 3 o arquivo "wiimote.as" (imaginario.devices.wiimote). Ele recupera as informações repassadas pelo WiimoteOSC e as manda para uma função que você especifica.

Como exemplo, criamos um arquivo simples que mostra as informações recebidas do wiimote. Para executá-lo, lembre-se que será preciso usar o FLOSC (todo o processamento das mensagens OSC é feito automaticamente pela classe wiimote). O link para baixar é:

wiimote.zip

Lembre-se que para rodar este exemplo você irá precisar do nosso pacote de classes AS3:

baixe o pacote de classes AS3 1maginári0

O pacote de classes AS3 1maginári0 está licenciado sob a MPL 1.1 (Mozilla Public License).

Wiimote

2008-12-11T15:55:00.000-08:00

O WiimoteOSC é um software capaz de se conectar a até dois Wii Remotes e enviar as informações recebidas via mensagens OSC. Ele foi testado no Windows Vista e desenvolvido em Java (JRE 6).

Suas principais funcionalidades são:

Conexão com 1 ou 2 Wii Remotes. É possível se conectar a qualquer wiimote encontrado ou indicar qual(is) usando o endereço bluetooth dos dispositivos.
Calibração do sensor de infravermelho (válido para o primeiro Wii Remote). Você indica os limites (ponto superior esquerdo e inferior direito) e as informações de posição dos pontos de infravermelho já são enviadas corrigidas. A calibração é gravada e não precisa ser repetida se o Wii Remote não for movido.
Envio de mensagens OSC (via UDP) para host/port indicados.
Pode executar a localização e o envio de mensagens automaticamente, assim que o programa inicia ou manualmente.

Importante: a detecção dos Wii Remotes não é estável usando o driver da Microsoft (veja mais detalhes neste post).

O layout das mensagens OSC enviadas está nos arquivos de ajuda que acompanham o software. O WiimoteOSC está licenciado sob a MPL 1.1 (Mozilla Public License).

WiimoteOSC (software)
código fonte (source)

Bluetooth + Java

2008-12-11T15:09:00.000-08:00

O Bluetooth se tornou um padrão quando o assunto é a comunicação com dispositivos móveis. O baixo consumo energético e custo reduzido são só alguns fatores que influenciaram a sua adoção.

Estabelecer comunicação com dispositivos Bluetooth não é uma tarefa complexa e já existem várias APIs para as mais diferentes linguagens que simplificam ainda mais o trabalho. Como o Java é uma plataforma praticamente onipresente tanto em desktops (independente do sistema operacional) quanto em aparelhos móveis, ele é uma boa escolha na hora da troca de dados. Para isso é preciso entender um pouco da forma como o Java trata conexões Bluetooth.

JSR-82

Como várias outras propriedades, o suporte ao Bluetooth é definido por uma especificação Java, a JSR-82. Isso significa que a linguagem já prevê o suporte mas, ao contrário do que pode parecer, ela não o oferece por padrão. A JSR-82 apenas traz informações sobre como deve ser feito o suporte ao Bluetooth mas a implementação, no caso do Java para computadores, foi deixada a cargo de terceiros. Com isso surgiram várias bibliotecas que implementam totalmente ou em parte as especificações para a comunicação Bluetooth. Muitas delas são proprietárias (inlcusive pagas) enquanto outras adotam modelos livres. Algumas delas são:

avetana (produto comercial gratuito na versão Linux)
bluecove (gratuita, LGPL para Windows e OSX e GPL para Linux)
bluesock (Common Public License)

As bibliotecas de alguma dessas implementações é necessária para completar o suporte a Bluetooth em seu aplicativo Java. Já na versão do Java para dispositivos móveis, a "micro edition", a implementação do JSR-82 já foi disponibilizada por padrão, não sendo necessária nenhuma biblioteca extra.

Drivers Bluetooth

Mesmo tendo incluído a biblioteca de implementação do Bluetooth em seu programa, ele ainda não poderá executar corretamente em seu computador. Como todo dispositivo de hardware, o Bluetooth (interno ou usb) precisará dos drivers corretos para funcionar. No caso do OSX da Apple isso não chega a ser problema já que tanto o hardware quanto o driver vêm pré-instalados de fábrica. Para o Linux, a melhor escolha é o driver BlueZ que pode ser instalado usando o Synaptic (apt-get) ou a ferramenta de instalação/atualização preferida. O driver BlueZ opera sem problemas com a implementação bluecove.

Já no Windows...

O suporte ao Bluetooth foi incluído no service pack 2 do Windows XP. A partir dele, quando você encaixa um dispositivo Bluetooth USB o hardware é normalmente identificado e o driver próprio (stack) instalado. Entretanto esse stack padrão, "Microsoft Bluetooth Stack", não traz um suporte completo. É possível que seu programa funcione perfeitamente com ele, mas em vários casos isso não acontece. Alguns exemplos: comunicação com celulares Motorola e com Wii Remotes.

Nesses casos a saída é usar drivers de terceiros. O Widcomm é bastante comum e funciona perfeitamente com vários dispositivos. O Bluesoleil é outra alternativa. Você encontra esses drivers para download na Internet, mas a versão que acompanha o seu hardware é sempre a recomendada.

Processando mensagens OSC no Flash

2008-12-04T13:48:00.000-08:00

Uma vez que já tenha preparado seu software gerador de mensagens OSC e o "tradutor de portas" é hora de processar as informações recebidas no Flash. Essas mensagens virão no formato XML, com estrtura parecida com a seguinte:

<OSCPACKET ADDRESS="localhost" TIME="0" PORT="8000">
<MESSAGE NAME="/nomedamensagem">
<ARGUMENT TYPE="s" VALUE="conteúdo da mensagem" />
<ARGUMENT TYPE="i" VALUE="1" />
<ARGUMENT TYPE="f" VALUE="6.02" />
</MESSAGE>
</OSCPACKET>

Recuperar os dados de uma mensagem como essa é simples: basta tratá-la como um XML padrão, mas como sua estrutura é rígida criamos uma classe em AS3 capaz de interpretar uma mensagem OSC e retornar um objeto contendo todas as informações. O código está no pacote de classes AS3 do 1maginári0 em "/imaginario/communication/oscMessenger.as":

baixe o pacote de classes AS3 1magiári0

Um exemplo do uso dessa classe você encontra aqui:

oscmessenger.fla

O pacote de classes AS3 1maginári0 está licenciado sob a MPL 1.1 (Mozilla Publi License).

Recebendo OSC no Flash Player

2008-12-04T09:40:00.000-08:00

Mensagens OSC são normalmente enviadas usando o protocolo UDP para garantir uma troca mais rápida das informações. No entanto existem vários softwares incapazes de estabelecer conexões UPD, apenas TCP. É o caso do Flash Player até a versão 9. Para que ele receba informações de uma fonte OSC é preciso um mediador que faça a "tradução" das mensagens OSC de UDP para TCP.

Um bom software para essa tarefa é o FLOSC, desenvolvido por Ben Chun desde 2002. Mesmo que o site do projeto esteja sem atividade desde 2006, o FLOSC ainda é uma excelente opção para o trabalho pela sua facilidade de uso. O endereço é:

http://www.benchun.net/flosc

Para usar, basta baixar o software, descompactá-lo e, em um terminal, usar:

java Gateway udpPort tcpPort

onde udpPort é a porta para a qual o software gerador do OSC está mandando as informações e tcpPort é a porta TCP a ser lida pelo Flash. Nos trabalhos do 1maginari0 procuramos usar as portas 8000 e 9000 respectivamente, então:

java Gateway 8000 9000

Portas acima de 10.000 tendem a causar problemas em algumas máquinas. Para que o programa execute é necessária a instalação do java (JRE é suficiente) - www.java.com. Mesmo que esteja sem atualizações recentes, as versões mais novas do java executam o FLOSC sem problemas.

Abrindo portas para o Flash Player

Além de encaminhar as mensagens OSC para uma porta TCP é necessário um segundo passo para a leitura dos dados. Por questões de segurança o Flash Player desabilita o acesso a portas TCP em uma máquina a não ser que receba autorização para isso (esse problema não existe quando se usa o projetor). Para isso, é necessário criar um arquivo de regras (policy file) e distribuí-lo pela porta TCP 843.

Para simplificar o processo, a Adobe disponibilizou um servidor simples e um arquivo de regras para a tarefa. Para conferir, entre em

http://www.adobe.com/devnet/flashplayer/articles/socket_policy_files.html

O processo é simples, mas primeiro é importante ter o Python instalado (www.python.org - testamos na versão 2.5). Depois disso, basta baixar o arquivo encontrado na Adobe. É preciso apenas o arquivo "flashpolicyd.py" da pasta "Standalone" e seu arquivo de regras (há um exemplo, "flashpolicy.xml" no pacote). Num terminal, entre (estando ambos, flashpolicy.xml e flashpolicyd.py em uma mesma pasta):

python flashpolicyd.py --file=flashpolicy.xml --port=843

Um arquivo de regras que libere a porta 9000 para a comunicação OSC, com o FLOSC sendo executado na mesma máquina do Flash Player teria o conteúdo:

<!DOCTYPE cross-domain-policy SYSTEM "/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<site-control policies="master-only">
<allow-access-from domain="localhost" ports="9000">
</cross-domain-policy>

Além disso...

O Flash Player 10 é capaz de estabelecer conexões pelo protocolo RTMFP, construído com base no UDP. Ainda não testamos essa conexão para a troca de mensagens OSC, o que eliminaria a necessidade do FLOSC.

O arquivo disponibilizado pela Adobe traz também uma versão em PERL do servidor para a abertura de portas TCP para a Flash Player.

Exposição de Arte Digital

2008-12-02T04:56:00.000-08:00

Começaremos esse blog apresentando a Exposição de Arte Digital EBA - UFMG, que ocorreu no saguão da Reitoria da UFMG (Universidade Federal de Minas Gerais) nos dias 18 a 21 de Novembro de 2008. Nessa ocasião apresentamos alguns trabalhos já desenvolvidos pelo grupo. Nas próximas postagens estaremos descrevendo mais detalhadamente cada projeto.

GRUPO DE PESQUISA: 1maginári0

Coordenadores:
Francisco Marinho
Jalver Bethônico

Pesquisadores:
Marília Bergamo
Rosilane Mota

Bolsistas:
Bruno Santos
Francisco Chaves
Lucas Junqueira

Consultoria Tecnológica:
Dário de Moura

Agradecimentos pela exposição:
Prof. Ronaldo Pena
Profa. Heloísa Starling
Equipe do REUNI
Equipe do CAC
Pesquisa “O SILÊNCIO, A SOMBRA E O SILÍCIO”
- fomento FAPEMIG
Pesquisa “POÉTICAS AUDIOVISUAIS INTERATIVAS”
- fomento CNPq