Tutorial FP 1 - Configurando FlashDevelop
Autor: Luiz Eduardo da Silva | Publicado: 2011-11-25T06:30:00-08:00

Neste tutorial estarei lhes ensinando a instalar e configurar o FlashDevelop. ele é gratis, é um editor de códigos(IDE) para Flash ActionScript, tem o código-livre e é a minha ferramenta favorita para desenvolver games.

Passo 1 : Instalando FlashDevelop.

-------------------------------------------------------------------------------------------------------------------------------

Primeiro passo será fazer o download e instalá-lo em seu computador. vá para e site do FlashDevelop e faça download da ultima versão. Ao instalar só siga através dos passos normais do FlashDevelop.

Quando estiver pronto, vá direto para o Passo 5 e teste, a nova atualização do FlashDevelop realiza automaticamente os passos 2-4, caso não funcione, continue para o proximo passo.

Passo 2 : Download do Flex SDK.

-------------------------------------------------------------------------------------------------------------------------------

Agora precisamon fazer download do SDK do Flex  e diser para o FlashDevelop onde encontra-lo para podermos compilar nosso projeto. Vá para esta pagina e faça download da ultima versão do SDK(que fica abaixo da coluna “Adobe Flex SDK” .

Assim que o download estiver completo, descompacte-o em alguma pasta de facil acesso ( por exemplo, eu uso a pasta C:\Desenvolvimento\Flex\), para podermos diser para o FlashDevelop onde achá-lo.

Passo 3 : Download do Debug Player.

-------------------------------------------------------------------------------------------------------------------------------

Agora, precisamos instalar a versão de debug do Flash Player. Esta é uma versão do Flash Player que tem algumas funções a mais que o FlashDevelop irá precisar. Então vá para esta pagina e siga até esta seção:
Adobe Flash Player 11 — 32 bit Debugger (aka debug players or content debuggers) and Standalone (aka Projectors) Players for Flex and Flash developerse faça download desta versão:

      Download the Windows Flash Player 11.0 Projector content debugger (EXE, 8.91MB)

Então coloque o seu download na mesma pasta em que colocou o Flex SDK

Passo 4 : Configurando FlashDevelop.

-------------------------------------------------------------------------------------------------------------------------------

Agora iremos indicar para o FlashDevelop onde está o Flex SDK e o Flash Player. Abra o FlashDevelop e va para:

Tools -&gt; Program Settings...

Abrirá um widget com um monte de seções do lado esquerdo com as propriedades da seção selecionada do lado direito. Selecione a seção AS3Context, ache a propriedade Installed Flex SDKs e clique no botão ȧ direita [...], abrirá um novo widget, clique em Add e depois no atributo Path clique novamente no botão ȧ direita [...] e selicione a pasta onde esta o Flex SDK.

Ok, acabamos de indicar onde esta o Flex SDK agora vamos achar o Flash Player

Abra a seção FlashViewer e no atributo External Player Path clique no botão ȧ direita [...] e procuce e selecione o FlashPlayerDebugger.exe.

Finalmente temos o FlashDevelop pronto para teste.

Passo 5 : Teste "Olá Mundo"

-------------------------------------------------------------------------------------------------------------------------------

Agora iremos checar se está tudo configurado corretamente escrevendo um programa bem simples. Tudo este programa irá fazer é abrir uma janela do Flash em branco e escrever "Olá Mundo" na janela de debug da IDE.

Primeiro iremos criar um novo Projeto :

Project -&gt; NewProject...

Na Janela que abrir selecionaremos a Opção AS3 Project, nomeie seu projeto como "OlaMundo" e escolha um local para salvar seu Projeto( eu uso C:\Desenvolvimento\ActionScript\FlashDevelopProjects\), você pode deixar o campo Package em branco.

Quando estiver tudo pronto clique em OK.

Você agora irá ver á direita uma janela com um arranjo com três pastas, expanda a pasta src, dentro dela você deverá abrir o seguinte arquivo:

Main.as

Clicando no arquivo irá abrir uma nova aba no FlashDevelop. Main.as é um arquivo ActionScript para a classe Main. Main é o primeiro o a ser criado quando você roda seu game, então é onde começa tudo. Esta é a unica classe que iremos usar em nosso programa, então vamos dar uma olhada no código.

 package  
 {  
      import flash.display.Sprite;  
      import flash.events.Event;  
   /**  
    * ...  
    * @author LinkZ  
    */  
   public class Main extends Sprite  
      {  
           public function Main():void  
           {  
                if (stage) init();  
                else addEventListener(Event.ADDED_TO_STAGE, init);  
           }  
           private function init(e:Event = null):void  
           {  
                removeEventListener(Event.ADDED_TO_STAGE, init);  
        // entry point  
           }  
      }  
 }  

Não precisamos disso tudo para nosso programa, então vamos apagar o que não precisamos e deixa-lo assim

 
package
{
  import flash.display.Sprite;
  import flash.events.Event;
  /**
  * ...
  * @author LinkZ
  */
  public class Main extends Sprite
  {
    public function Main():void
    {
    }
  }
}

Agora iremos chamar a incrivelmente complexa função chamada trace() que é usada para escrever informações no debug. Iremos mandar nosso programa escreve a palavra "Ola Mundo". então:

 
package
{
  import flash.display.Sprite;
  import flash.events.Event;
  /**
  * ...
  * @author LinkZ
  */
  public class Main extends Sprite
  {
    public function Main():void
    {
      trace("Ola Mundo");
    }
  }
}

Salve o código (Ctrl+S) e va para:

Project -&gt; Test Project...

ou simplismente aperte F5 para rodar o programa. Neste momento irá compilar e rodar um programa Flash(SWF) em branco. Você esta vendo tudo em branco pois não colocamos nenhum objeto gráfico em nosso palco, mas se voltarmos para o FlashDevelop você vera uma janela de debug onde está escrito que o programa compilou com exitô e a frase que escrevemos, "Ola Mundo".

Caso não tenha acontecido o que esperavamos, revise novamente os passos anteriores e tente novamente.

qualquer dúvidas comentem abaixo.


Fonte : FlashPunk

Créditos : ChevyRay