Adidas Originals....

Campanha de lançamento do cinema 3D Cineart

Anúncios criados utilizando a tecnologia de realidade aumentada (argument reality) para a campanha de lançamento do cinema 3D da Cineart. Com o anúncio em mãos e utilizando uma webcam, o público é levado a ter uma experiência 3D, antes mesmo de ir ao cinema.









Agência: On Ideias Interativas
Programação: Lucas Gerken

Qual é a diferença entre Flex e o Flash?

Muitas pessoas me perguntam sobre qual é a diferença entre o Flex e o Flash, e confundem muito na hora de identificar se o site ou aplicativo foi feito em Flex ou Flash pelo fato de o Flex utilizar o Flash Player.

Os aplicativos Flash e Flex são processados no navegador usando o Flash Player e no desktop usando o runtime do Adobe AIR.

O Flash é a ferramenta de autoria líder entre os desenvolvedores Web, profissionais de multimídia, animadores e profissionais de vídeo que desejam criar conteúdo interativo.

Os desenvolvedores podem achar difícil usar a ferramenta Flash para criar aplicativos. O Flex oferece aos desenvolvedores que conhecem tecnologias tradicionais de programação como Java, PHP, Ajax e .NET uma estrutura de aplicativos para a criação de RIAs fáceis de aprender.

Além disso, os desenvolvedores podem incorporar elementos do Flash a um aplicativo Flex. Usando o Flex Component Kit para Flash, os desenvolvedores de Flash podem criar componentes Flex para o cliente.

Leia mais no FAQ da Adobe

Adobe 360 Flex

Para quem não sabe, a Adobe fez uma turnê de palestras trazendo diversos nomes conceituados na arquitetura RIA, para trazer novidades e discutir os principais problemas enfrentados na utilização do RIA.

Assisti essa palestras e achei muito interessante, pois ele mostrar o novo produto que será lançando em breve, o Adobe Thermo que facilitara bastante a interação do designer com o programador.

Nessa palestra também é apresentado o Flex 4 que será lançando em breve, e mostra como ele será integrado ao framework Degrafa.



Conheça mais sobre o Adobe Thermo

Conteúdo do seu arquivo .swf será idexado pelo Google!

A indexação no google era única desvantagem que o desenvolvedor RIA tinha em utilizar o a plataforma do Flash Player como base. Existiam alguns métodos que ajudavam a indexar o conteúdo do seu .swf, mas nunca funcionaram bem.

Finalmente a Adobe, Google e Yahoo se juntaram para resolver esse grande problemas, eles já estão criando a nova versão do Flash Playrer 10 que já está na versão beta, totalmente compatíveis com spiders e robots que são os indexadores de conteúdo.

Com o Flash Player 10, acredito que terá um surgimento de maiores aplicações RIA, o que leva a nos estudarmos cada vez mais essas tecnologias.

Leia o artigo oficial Clicando Aqui.

Clique aqui para Baixar o Flash Player 10 Beta.

Utilizando a Biblioteca Five3D!

Pesquisando na internet achei a biblioteca Five3D para AS3, ela é uma biblioteca vetorial em 3D, fiquei impressionado com a facilidade de criar vetores 3D em AS3 com essa biblioteca.

Como eu sou um fã de Flex, resolvi fazer um exemplo em Flex 3, mas acabei descobrindo que ela não é totalmente compatível com o Flex, dependendo da utilização de alguns métodos ela da alguns erros de compilação. Senti falta também da documentação online que segundo no site em breve estará disponível.

+ Clique no Retângulo para setar uma posição aletória.

• Faça o download do framework no site:
  five3d.mathieu-badimon.com


• Crie um projeto em Flex e copie todo conteúdo da biblioteca para seu projeto.
• Agora basta utilizar as classes para implementar seu código e compilar sua aplicação.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    backgroundGradientColors="[#dddddd,#dddddd]"
    layout="absolute" 
    width="500"
    height="500"
    creationComplete="start()">
    <mx:UIComponent id="mainUI"/>
    <mx:Script>
    <![CDATA[
    
    import five3D.typography.HelveticaBold;
    import five3D.utils.Drawing;
    import five3D.display.Scene3D;
    import five3D.display.DynamicText3D;
    import five3D.display.Shape3D;
    import five3D.display.Sprite3D;
 
    private var scene3D:Scene3D;
    private var sprite3D:Sprite3D;
    private var star3d:Shape3D;
    private var textFng:DynamicText3D;
    private var textRIA:DynamicText3D;
 
    private function start():void
    {
        // Cria Cena
        scene3D = new Scene3D();
        scene3D.x = 250;
        scene3D.y = 250;
        
        // Cria Retângulo Arredondado
        sprite3D = new Sprite3D();
        sprite3D.graphics3D.beginFill(0x006633);
        sprite3D.graphics3D.drawRoundRect(-150, -150, 300, 300, 40, 40);
        sprite3D.graphics3D.endFill();
        
        // Gira o Retângulo Aleatoriamente
        sprite3D.rotationX = Math.random()*100-50;
        sprite3D.rotationY = Math.random()*100-50;
        sprite3D.rotationZ = Math.random()*100-50;
       
        // Cria Estrela
        star3d = new Shape3D();
        Drawing.star(star3d.graphics3D, 20, 60, 50, 0, 0x5C9E5C);
        star3d.x = 120;
        star3d.y = -80;
       
        // Criando evento de EnterFrame para a Estrela
        star3d.addEventListener(Event.ENTER_FRAME,
            function (event:Event):void 
            {
                // Gira Estrela Continuamente Somente no Eixo Z
                event.target.rotationZ++; 
            }
        );
        
        // Cria Texto "Fng"
        textFng = new DynamicText3D(HelveticaBold);
        textFng.size = 40;
        textFng.color = 0xFFFFFF;
        textFng.text = "Fng";
        textFng.x = 85;
        textFng.y = -110;
        
        // Cria Texto "RIA"
        textRIA = new DynamicText3D(HelveticaBold);
        textRIA.size = 100;
        textRIA.color = 0xFFFFFF;
        textRIA.text = "RIA";
        textRIA.x = -100;
        textRIA.y = -34;
        
        // Criando evento de Click para o Retângulo
        sprite3D.addEventListener(MouseEvent.CLICK, 
            function(event:MouseEvent):void
            {
                // Gira o Retângulo Aleatoriamente nos 3 Eixos
                event.target.rotationX = Math.random()*100-50;
                event.target.rotationY = Math.random()*100-50;
                event.target.rotationZ = Math.random()*100-50;
            }
        );
        
        // Criando evento de EnterFrame para o Retângulo
        sprite3D.addEventListener(Event.ENTER_FRAME,
            function (event:Event):void 
            {
                 // Gira o Retângulo nos 2 Eixos
                event.target.rotationY++;
                event.target.rotationZ++; 
            }
        );
        
        sprite3D.mouseChildren = false;
        sprite3D.buttonMode = true;
        
        // Adicionando Cena no mainUI Componente
        mainUI.addChild(scene3D);
        
        // Adicionando Retângulo Arredondado na Cena
        scene3D.addChild(sprite3D);
        
        // Adicionando Estrela no Retângulo Arredondado
        sprite3D.addChild(star3d);
        
        // Adicionando Texto "Fng" no Retângulo Arredondado
        sprite3D.addChild(textFng);
        
        // Adicionando Texto "RIA" no Retângulo Arredondado
        sprite3D.addChild(textRIA);
    }
    
    ]]>
    </mx:Script>
</mx:Application>

Clique para Baixar o Exemplo: Five3D_source.rar

Face Humana 3D em Flash!

Ultimamente tenho pesquisado bastante sobre classes e frameworks 3D em ActionScript 3, em breve postarei alguns exemplos. Mas fiquei impressionado ao visitar o site motionportrait e ver como o nível de realismo é alto.



É uma solução bem interessante, eu creio que isso ira se popularizar bastante em helpdesk. Novamente mais uma solução em Flash.