Bom, para aqueles que ainda não conhecem, o flashdevelop (atual versão 3) é uma IDE para desenvolvimento em ActionScript, também tem alguns recursos de mxml e suporte a outras linguagens, mas o essencial dela é voltado para o action.

É dificil largar o “Action Frames” do Flash e migrar para outro software, principalmente para designers que não estão acostumados a ter um software para “programar”.

Primeiramente vamos baixar o FlashDevelop Beta 9 (Necessita de .NET Framework instalada baixe aqui) e instala-lo, o processo é bem simples o famoso Next-Next-Finish .

Ao abri-lo irá aparecer uma tela como essa abaixo:

Vamos começar criando nosso primeiro projeto, va em Project – New Project

Selecione a opção Flash IDE Project, o Nome do Projeto e Pasta Base onde você arquiva seus projetos.

Obs: aqui na Simbionte, nós utilizamos a pasta fla/Classes para colocarmos os arquivos .as (ActionScript File) e para gerenciar o projeto.

O projeto está criado, irá aparecer uma janela como essa a direita (Project Manager) onde você irá manipular os pacotes e classes de arquivos.

Vamos criar nossa classe principal do Movie, clique com o botão direito em Novo-Projeto (ou o nome que deu a seu projeto) – Add – New Class

Coloque o nome da Classe do arquivo de Main.as (pode ser outro nome de sua escolha). Agora sua classe “Principal” está criada, vamos implementala ao movie como classe principal do documento (Document Class).

Abra o Flash, crie um arquivo Flash File Actionscript 3.0, salve-o no mesmo diretório que salvou o projeto

Configure o Document Class do arquivo para Main, ou seja esse movie será representado pela classe Main

Volte para o Flashdevelop, clique no arquivo Main.as e vamos edita-lo.

A sua classe Main, deve extender de alguma classe DisplayObject , ou seja, ela deve pertencer as classes de objetos que são “visiveis” no palco, vamos começar com a classe Sprite, e colocarmos um trace no “Contrutor” da classe, ou seja, quando o objeto for criado pelo flashplayer, irá executar um trace

obs: para maiores detalhes a construção de classes, de uma lida sobre “Programação Orientada a Objetos” e “Estrutura de Classes” no google.

obs: para maiores detalhes das classes Display, de uma lida no pacote flash.display, no prório F1 do Flash tem bastante informações.

Volte ao Flash e rode o filme (ctrl + enter)

Se tudo ocorreu bem, irá aparecer a tela acima.

Bom já deu para ter uma ideia do funcionamento do Flashdevelop, a vantagem é de poder separar o flash programado do flash animado, isso acaba com aquela famosa frase “Foi o programador que estragou minha animação”.

Bom, atendendo a alguns pedidos, vou começar a postar algumas coisas e experiencias que adquiri na jornada AS3 (e bota jornada nisso), vou começar com o básico e essencial, exibindo seu swf em uma página html, principalmente “burlando” o bloqueio do activex no IE .

A maneira mais prática e usual de se fazer isso, é utilizando a biblioteca SWFObject, na qual você não só insere o swf em sua página, mas configura parametros, recupera variáveis (querystrings), etc, (mais infos clique aqui).

Primeiramente, faça o download do arquivo swfobject.zip no site (obs: leia toda documentação referente a licença de uso para esclarecimentos).

Ao baixar o arquivo, você irá deparar com alguns arquivos dentro do Zip, no entando o que nos importa é o swfobject.js e o expressinstall.swf .

swfobject.js – contem toda biblioteca para inserção e configuração de publicação do arquivo swf
expressinstall.swf – contem uma instalação “expressa” para navegadores que possuem flash player inferior ao determinado por “você” em seu website.

Utilizando
Insira a biblioteca em sua página através da tag html

<script type="text/javascript" src="js/swfobject.js"></script>

obs: por padrão colocamos todos arquivos .js em uma pasta com o nome da extensão para organização de projeto, mas o arquivo pode estar em qualquer lugar desde que seja apontado corretamente no src=”" da tag <script>.

Abaixo, um codigo bem simples para interpretação.

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
var attributes = {id: "flash", name: "flash"};

swfobject.embedSWF("flash.swf", "flash_div", "550", "400", "9.0.0","swf/expressInstall.swf", flashvars, params, attributes);
</script>

<div id="flash_div">
<p class="center"><br />Caso não esteja visualizando essa animação, atualize seu Flash Player, <a href="http://www.adobe.com/go/EN_US-H-GET-FLASH" rel="externo">Clique aqui.</a><br /><br /></p>
</div>

Entendendo o código:

var flashvars = {}; - variáveis que deseja enviar para o swf
var params = {}; - parâmetros que deseja enviar para o swf
var attributes = {id: "flash", name: "flash"}; - atributos do objeto (ex: background...)

swfobject.embedSWF("flash.swf", "flash_div", "550", "400", "9.0.0","swf/expressInstall.swf", flashvars, params, attributes); - método que insere o filme (swf) na página

Alguns parametros do metodo swfobject.embedSWF

flash.swf” – caminho do filme swf
“flash_div” – recipiente que irá receber o filme (normalmente é usado uma div com uma “id” configurada com o mesmo nome passado por esse parametro)
“550″, “400″ – largura e altura do filme respectivamente
“9.0.0″ – versão requerida para visualizar o filme.
“swf/expressInstall.swf” – caminho do arquivo expressinstall.swf

flashvars, params, attributes – variaveis, parametros e atributos passados para o swf

<div id="flash_div">
<p class="center"><br />Caso não esteja visualizando essa animação, atualize seu Flash Player, <a href="http://www.adobe.com/go/EN_US-H-GET-FLASH" target="_blank">Clique aqui.</a><br /><br /></p>
</div>

O recipiente(acima), normalmente se encontra “preparado” para caso o usuário não possuir nenhum flash player instalado em seu browser, caso ele possua algum com versão inferior a especificada (nesse caso 9.0.0) o expressinstall.swf irá fazer o trabalho de atualizar com toda comodidade .

Bom é isso ai, dúvidas podem deixar comentários, até o próximo post.

Tirando o “simples” fato de ter sido desenvolvida na plataforma Flash junto com Flex (:D), é algo que já está se tornando comum, quero ve o que acontece quando derruba cerveja em cima kkkk.

bem….esse post já está em vários blogs, mas não pude resistir… tenho q divulgar… é muito bom mesmo…
e já estava pensando em fazer uma feirinha aqui pra simbionte… vou comprar um saco de chu chu e distribuir para os clientes …..

segundo o subsite de tecnologia do terra… o iPhone está incluido na Lista que reúne 10 produtos que deixaram a desejar.

se quiserem conferir os itens podem acessar pelo item:

http://tecnologia.terra.com.br/interna/0,,OI3284291-EI4801,00.html

e peço tambem, alguns vivas para o chuchu com o seu custo tão barato que é um alimento que possui 99% de sua massa composta de água… dupla utilidade…. mata sede e um pouko de fome.

hilario.

hoje, ao abrir o site do gazeta online (www.gazetaonline.com.br) deparei com um “favicon” estranho em seu site, veja na imagem abaixo :S, seria uma ação ?

mais um lançamento da simbionte

Nosso amigo jão, está elaborando o site dele…. e tive a oportunidade de desenhar o draft….ta ae pra vcs. Podem comentar sobre a diagrama de arquitetura do site está bem legauuuu.

Ao visitar o “morto” blog do nosso amigo, Erick Souza, reparei que ele havia postado (ohhhh) graças a deus ^^, é uma pena um blog tao rico em informações sobre flash e AS3 ficar sem atualização, mas aproveitei o ultimo post dele para colocar um link para que você possa conferir.

Confira Aqui.

Para aqueles que querem iniciar no AS3, ele ta oferecendo um curso muito bom, pelo conteúdo e experiencia parece valer a pena:

Me faz lembrar quando tenho de ligar pra embratel ou pra velox, e escutar uns 2 minutos de propaganda kkkkkk.