Ambiente de desenvolvimento Flex/Flash no Linux

2009-12-27T21:29:00.001-02:00

O Linux é um sistema operacional muito bom, mas cheio de armadilhas para quem tenta se aventurar a tarefas menos corriqueiras. E montar um ambiente para desenvolver aplicações Flex não foi diferente... Por causa disso, resolvi colocar o caminho das pedras que percorri aí embaixo. Muito do que escrevi aqui serve para outros sistemas operacionais, e muitas coisas podem não ser as melhores saídas, mas tem funcionado... O ponto de partida é uma instalação do Ubunto 9.10 "limpa", sem nenhuma alteração.

O primeiro passo é baixar o Eclipse:

http://www.eclipse.org/downloads/

A versão "Eclipse Classic" é a melhor para o nosso caso. Instalar é fácil: basta descompactar a pasta eclipse e rodar o programa a partir de lá. Evite fazer a instalação do Eclipse a partir do Synaptic (apt-get): as configurações necessárias costumam não funcionar.

A segunda etapa é preparar a ide para criar o conteúdo Flex/Flash. Para quem não sabe, a Adobe mantém o Flex SDK, uma versão gratuita de suas ferramentas. Existem várias versões desse SDK, sendo uma verdadeiramente livre, toda sob a MPL (Mozilla Public License):

http://opensource.adobe.com/wiki/display/flexsdk/

Com base nesse SDK é desenvolvido o AXDT, um conjunto de plugins para Eclipse:

http://axdt.org/

A instalação é simples, mas não livre de truques. Primeiro, com o Eclipse aberto, vá em help > install new software. Na janela que abrir, Install, clique no botão Add e, no campo location, coloque (deixe name em branco):

http://download.eclipse.org/technology/imp/updates

Ao clicar em ok, o Eclipse verificará esse endereço (confira na parte inferior direita da janela do programa). Aguarde o término com a janela Install aberta. Ao terminar a verificação, será apresentada uma lista de plugins. Marque todos e siga o processo de instalação até o final. Reinicie o programa.

Em seguida, o procedimento é parecido: vá de novo em help > install new software. Dessa vez, ao clicar em Add, coloque, em location:

http://update.axdt.org/

De novo será feita uma verificação do endereço, mas aqui pode acontecer um bug curioso: a lista de plugins ficará em branco. Não se engane: há 3 plugins listados ali. Para selecioná-los, é só clicar onde ficariam os quadros de seleção (veja na figura acima o quadro ao lado de "there is no site selected"). Marque todos os três e siga a instalação normalmente (reiniciando o Eclipse no final).

Depois de reiniciar, basta mudar o ambiente para AXDT (window > open perspective > other) e você poderá criar projetos Flex em Actionscript3 e MXML. Mas para que o ambiente de programação fique realmente utilizável alguns passos ainda são necessários.

Primeiro, a instalação do Flash Player. É possível que ele já esteja instalado se você usou o Firefox no Ubuntu. Para o desenvolvimento, entretanto, é importante que a versão de debug seja usada.

Comece verificando o Flash Player atual. No Synaptic, faça uma busca por "flash player" e remova caso ele esteja instalado (o nome completo do pacote é flashplugin-installer). Mas só isso não é suficiente. Verifique também a pasta do Firefox (/usr/lib/firefox-#, onde # é o número da versão, que no meu caso é 3.5.6). Aí você encontrará a pasta "plugins". Caso encontre o arquivo "libflashplayer.so" nela, apague-o.

Tudo pronto para a instalação da versão de debug. Baixe-a a partir do site da Adobe (procure pelo "Linux Debugger"):

http://www.adobe.com/support/flashplayer/downloads.html

Atenção: não use a versão beta do player 10.1 que você encontra no Adobe Labs (o "trace" não funcionou bem). Para instalar, descompacte o arquivo e vá em flash_player_10_linux_dev/plugin/debugger. Lá, extraia o conteúdo de install_flash_player_10_linux.tar.gz para uma pasta. Em seguida, execute o script flashplayer-installer. Para isso, selecione o arquivo e peça suas propriedades (botão direito). Na aba de permissões, marque a opção "permitir execução como programa". Em seguida, abra uma janela do terminal, vá até a pasta do programa e execute:

sudo ./flashplayer-install

Isso deve instalar essa versão de debug, mas caso ocorra algum problema, você pode, manualmente, copiar o arquivo "libflashplayer.so" que está junto ao instalador para a pasta "plugins" do Firefox (/usr/lib/firefox-#, onde # é o número da versão, que no meu caso é 3.5.6).

A seguir, precisamos capturar as saídas do flash player. Para isso, abra o site de complementos do Firefox, instale "Firebug" e Flashbug" e reinicie o navegador:

http://addons.mozilla.org

O último passo no Firefox é ativar as extensões. Após o reinício do navegador, note um pequeno ícone de inseto no canto inferior direito da janela. Clique nele com o botão direito e marque "ativar todos os painéis". Pronto: agora, sempre que quiser acompanhar a saída do seu arquivo flash, clique com o botão esquerdo nesse ícone e, na janela que abrir, escolha a aba "flash console".

Por fim, e para testar todas as instalações, volte ao Eclipse. Crie um novo projeto AXDT. Na pasta src, crie um arquivo MXML (Main.mxml, por exemplo). Abra esse arquivo e selecione a visualização do código (source). Substituia o conteúdo do arquivo pelo seguinte:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Script>
<![CDATA[
private function traceMe():void {
trace ("botão clicado");
this.clickBT.label = "ok";
}
]]>
</mx:Script>
<mx:Button id="clickBT" label="clique" click="traceMe()"></mx:Button>
</mx:Application>

Salve o arquivo, confirme que ele está selecionado na lista de esquerda e vá em run > run configurations. Na janela que abrir, você poderá indicar qual versão do Flex SDK usar (3 ou 4 beta). É importante também que você abra a aba browser e desmarque a opção "open compiled swf files". Como você não poderá verificar dados de debug do seu programa dentro do Eclipse (trace, shared objects, etc), o melhor é usar o comando run para criar o arquivo swf e abri-lo no Firefox que já preparamos para isso. O arquivo final é gravado na pasta "deploy" do seu projeto.

Uma vez configurado, basta clicar no ícone run para que seu arquivo seja recompilado com as mesmas opções de antes.

Bom, com isso temos um ambiente minimamente utilizável para o desenvolvimento em Flex/Flash no Linux. Obviamente há muito onde melhorar, mas no ponto atual já é possível fazer bastante coisa...

Caso esteja interessado em desenvolvimento Flex/Flash, uma boa dica que posso deixar aqui são os sites:

http://www.flashdevelop.org/
http://osflash.org/

SoftwareScript: primeira postagem

2009-12-24T19:32:00.001-02:00

versão beta 1

O "script" é um software que estou desenvolvendo para dar apoio a um experimento do 1maginári0. A idéia é criar uma apresentação ao vivo onde a imagem de um ou mais atores é capturada por uma câmera, processada e apresentada à platéia na forma de uma projeção (veja uns vídeos dos primeiros testes aí embaixo - veja que as pessoas atuam deitadas logo atrás da tela de projeção ao mesmo tempo em que a platéia assiste).

O programa faz o recorte da imagem do ator e aplica uma textura a essa silhueta. Essa imagem é então inserida em um cenário pré-projetado composto de imagens e animações em vários layers. Além disso há mecanismos de visão computacional que detectam a presença do ator em determinadas áreas e disparam ações, o que torna a atuação mais rica.

O download do programa está aí embaixo, junto com links para explicações no 1maginári0. Ele usa o Adobre AIR e o Flex SDK 3.4. Além disso, usei também o Adobe Pixel Bender Toolkit para ganhar velocidade no processamento das imagens...

download:
instalador (licença MPL-1.1)
código-fonte

referências:
projeto no 1maginári0

Aqui vão os vídeos com os primeiros testes:

Chokito

Ambiente de desenvolvimento Flex/Flash no Linux

SoftwareScript: primeira postagem