Para comemorar o espírito festivo de fim de ano entra em cena o Natal no Palácio Encantado do HSBC. O evento acontece desde 1991 com o musical das crianças no Palácio Avenida, em Curitiba, e este ano conta com 160 crianças de 8 a 14 anos atendidas pelo Programa HSBC Educação. A apresentação conta ainda com um convidado especial que narra histórias e conduz o espetáculo.
Com o tema “Natal no Palácio Encantado” surge também um site comemorativo com informações, vídeos e fotos, receitas de ceias natalinas, galeria de fotos de natal mantida pelos usuários, cartões, jogos, downloads e uma lojinha que tem sua renda revertida para o Instituto HSBC Solidariedade.
O projeto faz uma ponte de acompanhamento para o concurso de natal, onde o Papai Noel do Palácio Encantado conta histórias e os usuários tem a chance de completá-la. Os vencedores recebem prêmios como viagens para assistir o espetáculo e kits natalinos.
Desenvolvido para o flash player 8 em actionscript 2.0, o projeto foi executado em pouco mais de duas semanas.

Clique aqui e acesse o site de natal.

Agência: Mídia Digital
Cliente: HSBC
Direção de Arte: Rodrigo Bellão
Desenvolvimento: Ricardo Simioni
Tecnologia: Rafael Gobara
Ilustrações: Igor Arantes
Data: Nov/07

O novo site da HEADS, agência de propaganda, tem seu desenvolvimento em cima da filosofia da compania de que idéias originais criam e fortalecem relacionamentos. Ecléticos, rápidos, precisos. Esse é o perfil de uma empresa que acredita na comunicação inteligente e inovadora, valores que devem ser herdados em qualquer ação. Assim é o novo heads.com.br, confira.

Desenvolvido em actionscript 2.0, a navegação é totalmente maleável dinâmicamente. O destaque fica por conta de uma mesa com reflexões em tempo real de todo o conteúdo do site, incluíndo vídeos em movimento.

Agência: Mídia Digital
Cliente: HEADS Propaganda Ilimitada
Direção de Arte: Fábio Lonardoni
Ilustração e Animação: Igor Arantes
Desenvolvimento: Ricardo Simioni
Data: Ago/07

Em homenagem ao beta do Moxie (comentado aqui) resolvi estampá-lo em um novo experimento de renderização 3D. A engine utilizada é do Papervision 3D, uma API capaz de criar ambientes 3D inteiramente simulados em coordenadas 2D do Flash. Disponível para ActionScript 3.0 e 2.0, é atualmente a solução mais atraente pra integrar 3D na web.

Sobre ActionScript 3.0, tomando a frente a velocidade de renderização da AVM2, o resultado é impressionante. Rodando a 60fps o movimento é contínuo e fluído, mesmo integrado por texturas de alta qualidade.

É possível experimentar a interação do movimento movendo o mouse para longe do centro da aplicação.

Veja o experimento aqui.

No meio da guerra da terceira geração de videogames um dos concorrentes apresenta um recurso visual interessante. A animação de fundo do XMB do PlayStation 3 é uma onda aquosa peculiar, lenta e intensa, além de se expor de uma forma consistente, um calmante artificial sem os artifícios da calmaria em si.

Com apoio de Bruno Mikoski (e agora ele está aqui! Vale a visita), decidi desenvolver uma onda similar em actionscript, da forma mais fiel possível a cada aspecto do background do XMB. A idéia era criar um hotsite high-end que carregasse consigo toda a inovação do novo console da sony, principalmente no quesito de visuais estonteantes.

Uma base da cálculo geométrica desenha senóides dinâmicos que movimentam sua posição, velocidade, amplitude, e comprimento em relação a cada outra onda próxima.

O resultado final é interessante. Desenvolvido no início do ano de 2007 em ActionScript 2.0, entretando, o projeto utiliza mais requisições de cálculo geométrico do que o AVM do Flash Player é capaz de renderizar sem tornar o FPS muito incosistente, o que inviabiliza o uso comercial do projeto.

Ainda tenho o intuíto de portá-lo a ActionScript 3.0 e optimizar a performace para a AVM2, tornando possível a finalização do projeto… Bruno?!

Veja o experimento aqui.

Surgindo da idéia de desenvolver uma forma inovadora e visualmente atraente de expor produtos em um catálogo online, surge o Delicious FlatDesk. O projeto permite o cadastro e obtenção de informações sobre produtos que são então mostrados em uma galeria que simula um movimento físico tridimensional.

Os cálculos de movimento tem como base as propriedades vetoriais e sua relação com fatores angulares, e são pura geometria, visto que o Flash Player não é um ambiente de renderização 3D, de toda forma.

Essa é a primeira versão do projeto, desenvolvido em ActionScript 2.0 e rodando sobre o Flash Player 8.

Clique aqui para ver a galeria.

No planejamento do novo site do Shopping Estação, em Curitiba, desenvolvido pela Mídia Digital, foi previsto um mapa de toda a cidade, com seus principais pontos turísticos e de referência, e seus respectivos caminhos para chegar ao shopping. Isso auxilia turistas ou mesmo moradores a localizar o melhor caminho até o espaço.

Em termos de desenvolvimento, o desafio era tornar essa funcionalidade disponível de um modo rápido e funcional, sem obrigar o usuário a carregar o mapa completo de uma vez nem ficar usando controles de zoom para achar o que deseja. A solução é um interessante mapa fatiado, que carrega apenas as partes visíveis ao usuário conforme é arrastado, de maneira muito similiar ao Google Maps.

O resultado é um mapa carregado de forma quase instantânea, sem interfaces complicadas ou amplos tempos de carregamento, evitando constrangimentos pelo usuário.

Veja o mapa aqui.

Para divulgar os canais de atendimento rápido do HSBC e promover sua facilidade de acesso foi desenvolvido um hotsite animado com demonstrativos e informações sobre os serviços. A navegação intuitiva e as imagens de grande apelo visual são parte do cuidado tomado a cada animação, transição ou troca de informações, visando a máxima apreciação e conforto de navegação do usuário.

Cliente: HSBC
Agência: Mídia Digital
Direção de Arte: Rodrigo Bellão e Guido Reimann
Desenvolvimento: Ricardo Simioni
Ilustração: Igor Arantes
Data: Abril/07

Veja o hotsite.

[EDITADO]: Esses créditos estão no mesmo estilo àqueles de premiação, esquecendo pessoas muito  importantes. Desculpem-me se esqueci mais alguém.

Fogos de artifício são um espetáculo visual encantador que vão aos céus em vésperas festivas ao redor do mundo todos os anos. Parte de seu apelo vem dos tons brilhantes projetandos sobre o céu escuro, formando uma massa luminosa incosistente que os remete a estrelas coloridas na forma de uma super-nova praticamente instantânea.

Marca registrada das comemorações de Ano Novo, os fogos carregam consigo parte de uma mensagem agradável de paz e harmonia muito desejada nessa véspera, o que os os torna quase indispensáveis em uma campanha de comunicação para esse período.

Com uma força de Bruno Miskoki para o trabalho visual nas partículas, o projeto foi desenvolvido em ActionScript 2.0 e portado para Flash Player 6. Ele cria fogos de artíficio brilhantes usados para algumas peças de comunicação interativa no final do ano de 2006.

Veja os fogos aqui.

Com base em um novo engine de partículas que estou desenvolvendo, este esperimento cria rastros de luz em partículas que se movem randomicamente em relação a dois pontos de atração. Um deles é o centro do stage e, o outro, o ponteiro do mouse. Quanto mais perto destes pontos cada partícula estiver, maior será sua velocidade e aceleração, entretando, enquanto se afastam destes centros, sua velocidade diminui e seu torque aumenta até que a aceleração chegue a zero. A força de torque acumulada é então revertida em aceleração novamente, no sentido contrário.

As partículas ainda estão sujeitas a uma força gravitacional, que as move em maior potência quando estão em baixa velocidade, e pouco afeta sua rota quando estão em alta.

Escrito em ActionScript 2.0, este é o primeiro e o último experimento do projeto, que está sendo portando para ActionScript 3.0, garantindo melhor manutenção e um ganho muito significativo de performace.

Veja o experimento aqui.

A natureza apresenta um dos mais belos espetáculos visuais do planeta. O comportamento de seus elementos e suas relações com o meio, a aceleração inconstante, o fluxo contínuo e a resposta imediata de cada interação orgânica, ou não, produzem um movimento físico impressionante.

Água e fogo são meus favoritos pessoais. São exemplos indispensáveis no estudo de movimentos naturais, e servem como uma fonte de inspiração universal. Mas o comportamento desses elementos é tão constante e dinâmico que os torna quase emocionais.

BURN é um experimento em ActionScript 2.0 que roda em Flash Player 8 e simula um fluxo de partículas de modo à formar uma chama de gás liquefeito, quase cremosa. Um clique no botão e a chama se torna constante, tornando possível o uso do controle de adição de vento ao ambiente. Com uso extensivo de BitmapData e DrawAPI, essa versão beta foi desenvolvida em outubro de 2006. Não existem planos para retomá-la, mas críticas e sugestões serão sempre apreciadas.