simioni » actionscript

Scroll wheel no flash player pra Mac OS X

Ricardo Simioni — Wed, 14 Jan 2009 04:58:54 +0000

Esta é possívelmente a melhor dica que eu ja dei aqui, mas conceitualmente deveria nem existir. Por algum motivo a Adobe não incluíu suporte ao mouse wheel na versão OS X do Flash Player, o que torna toda e qualquer interface humana em flash desafiadora e controversa para usuários do sistema (ainda mais frente a scrollbars finíssimas, escondidas, sem setinhas, quase imperceptíveis).

Felizmente existem várias formas de contornar o problema. A mais rápida, é utilizar o MacMouseWheel, do Pixel Breaker. Além de fácil implantação, é compatível com vários toolkits de integração com JavaScript.

É tão simples que nem colocarei código aqui, está tudo em poucas linhas no link acima. Basta incluir o JS no seu htmlwrapper, e na aplicação importar a classe estática, iniciando o único método público disponível. Voalá!

Uma dica dentro da dica: Para fazer a classe funcionar no Flex usando MXML, é necessário esperar pelo evento applicationComplete (e não o usual creationComplete) antes de iniciar a classe para que os handlers sejam alocados corretamente ao stage. Também é necessário trocar o caminho no parametro para refletir o stage atual da aplicação (Application.application.stage), já que os exemplos disponíveis no site são entendidos para uso no Flash.

Natal 2007

Ricardo Simioni — Tue, 04 Dec 2007 11:22:24 +0000

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

Propaganda Ilimitada

Ricardo Simioni — Tue, 20 Nov 2007 19:39:46 +0000

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

Flex 3.0 3D Box

Ricardo Simioni — Mon, 18 Jun 2007 20:58:35 +0000

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.

Liquid Glow: PlayStation 3 Hotsite

Ricardo Simioni — Thu, 14 Jun 2007 16:35:27 +0000

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.

Delicious FlatDesk

Ricardo Simioni — Wed, 13 Jun 2007 18:11:40 +0000

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.

Load on Demand

Ricardo Simioni — Wed, 13 Jun 2007 18:10:59 +0000

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.

Hotsite Canais de Atendimento

Ricardo Simioni — Wed, 13 Jun 2007 18:10:33 +0000

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.

Fireworks

Ricardo Simioni — Wed, 13 Jun 2007 18:10:23 +0000

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.

Light Paint

Ricardo Simioni — Fri, 25 May 2007 14:11:14 +0000

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 aceleração diminui até que a velocidade chegue a zero. Quando a aceleração é nula, a força de atração volta a exercer influência revertendo o movimento no sentido contrário.

As partículas ainda estão sujeitas a uma força gravitacional em potência inversamente proporcional a velocidade do corpo em movimento, aumentando artificialmente a percepção de inércia.

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.