Parte I Introduo

ActionScript_30_01.indd 1

5/11/2010 08:29:29

ActionScript_30_01.indd 2

5/11/2010 08:29:34

Aprendendo uma nova linguagem...

ActionScript uma linguagem e, como um novo idioma ou a linguagem de uma partitura musical, requer tempo e dedicao para ser assimilada e utilizada com fluncia. Ento quer dizer que vou demorar muito para aprender ActionScript? No necessariamente... Pense em uma criana de sete anos quando fala ou escreve A bola azul. Ela no precisa analisar o significado e a funo de cada palavra (bola substantivo feminino, azul adjetivo...) para empregar a frase corretamente e de maneira que faa sentido no contexto desejado. Essa capacidade vem com o tempo, com o aumento do vocabulrio e com o domnio das regras gramaticais e sintticas. Assim tambm com o ActionScript, voc pode comear escrevendo, de maneira intuitiva, pequenos trechos de cdigos aproveitando os scripts prontos disponveis neste livro ou nos sites de referncia sobre o assunto. Aos poucos voc comea a desenvolver controle sobre a linguagem e cada palavra do cdigo passa a ter um significado que representa e reproduz as necessidades do seu projeto: abrir, fechar, tocar, parar, arrastar, aumentar, diminuir. Lembre-se que script significa roteiro e voc o diretor! No Adobe Flash CS5 voc encontra um ambiente amigvel que facilita a aplicao dos conceitos e das funcionalidades da linguagem ActionScript, dentro de uma interface grfica que permite inmeras possibilidades criativas.

ActionScript_30_01.indd 3

5/11/2010 08:29:34

4 ActionScript 3.0

O que ActionScript?
O ActionScript a linguagem de programao do Adobe Flash Player e do Adobe AIR. Quando voc controla ou interage com uma animao construda em flash na web (e, portanto, necessita do Adobe Flash Player para funcionar), isto possvel graas ao ActionScript. Enquanto o Adobe Flash Player mais utilizado para receber aplicaes web, o Adobe AIR indicado para aplicaes do tipo desktop, com execuo pelo sistema operacional. Em ambos, o ActionScript permite interatividade, contedo multimdia e acesso a dados.

Adobe Flash Player: http://www.adobe.com/br/products/flashplayer/

Saiba mais

Adobe AIR: http://www.adobe.com/br/products/air/

ActionScript 3.0
A linguagem ActionScript est atualmente na verso 3.0, tambm conhecida como AS 3.0, e baseada nos padres da ECMA (European Computer Manufacturers Association), uma associao internacional que normatiza sistemas e linguagens computacionais.

ECMA International: http://www.ecma-international.org ( em ingls )

Saiba mais

Veja no quadro a seguir a evoluo da linguagem ActionScript:

ActionScript_30_01.indd 4

5/11/2010 08:29:34

Introduo 5

2000 ActionScript 1.0 2003 ActionScript 2.0 2006 ActionScript 3.0

Lanado com a verso 5 do Flash, evoluiu dasActionsdo Flash 4. Surgiu com o lanamento do Flash MX 2004 e do Flash Player 7. Lanada em conjunto com oAdobe Flex 2.0e oAdobe Flash Player 9.

Como funciona o ActionScript?

Aps ser compilado (organizado e traduzido para uma linguagem mais simples) por um compilador, como o que existe no Adobe Flash CS5 ou no Adobe Flash Builder 4, o cdigo da linguagem embutido em um arquivo SWF para ser executado pela AVM (ActionScript Virtual Machine), que um componente do Adobe Flash Player e do Adobe AIR. Escrever e editar o cdigo Executar o cdigo Adobe Flash Adobe Flash Player Adobe Flash Builder Adobe AIR

Voc tambm pode escrever e editar o ActionScript em outros editores de cdigo com suporte a ActionScript, como estes abaixo que so indicados pela prpria Adobe: & Adobe Dreamweaver CS5 - http://www.adobe.com/br/products/ dreamweaver ASDT - http://sourceforge.net/projects/aseclipseplugin FDT - http://fdt.powerflasher.com FlashDevelop - http://www.flashdevelop.org PrimalScript - http://www.primalscript.com SE|PY - http://www.sephiroth.it/python/sepy.php

& & & & &

ActionScript_30_01.indd 5

5/11/2010 08:29:34

6 ActionScript 3.0

A plataforma Flash
A Plataforma Flash um grupo de tecnologias e softwares integrados com servios da Adobe que possibilita a criao, o desenvolvimento e a distribuio de contedo, aplicativos e vdeos para mltiplas plataformas e pblicos e que tem como origem central o Adobe Flash. Ferramentas
Adobe Flash CS5 Professional Adobe Flash Catalyst CS5 Adobe Flash Builder 4 Flex Famlia Adobe Flash Media Server

Estrutura

Servidores
LiveCycle

Servios

Clientes
Adobe Flash Player

Plataforma Flash Servios Adobe AIR

Plataforma Flash: http://www.adobe.com/br/flashplatform

Saiba mais

ActionScript e Adobe Flash CS5

Software referncia do mercado em seu segmento, o Adobe Flash CS5 no apenas uma ferramenta de animao, mas tambm um poderoso ambiente de programao e desenvolvimento de solues para web. O Adobe Flash CS5 trabalha com metforas do mundo real, apropriando-se de elementos do design grfico, da fotografia e da arte da animao integrando-os em um ambiente de programao e autorao. A Interface intuitiva do software, comum a toda famlia de produtos Adobe, possibilita uma curva suave de aprendizado.

ActionScript_30_01.indd 6

5/11/2010 08:29:34

Introduo 7

O Adobe Flash CS5 a escolha indicada para trabalhar com ActionScript, quando voc necessita de um ambiente de programao integrado com ferramentas de criao grfica, animao e vdeo. Alm disso, o Adobe Flash CS5 oferece vrios componentes de interface e modelos prontos.

Novidades da verso CS5 do Adobe Flash: http://tiny.cc/as3_cs5

Saiba mais

Viso geral da interface do Adobe Flash CS5

Tela de abertura
A tela de abertura ou tela inicial do programa oferece inmeras opes agrupadas em cinco grandes sees na sua parte superior: 1. Criar a partir de modelo Voc pode iniciar projetos pr-configurados como: animaes, apresentaes, arquivos de amostra, banners, publicidade e reproduo de mdia. Ao escolher por qualquer um deles, uma tela de visualizao se abre, exibindo um resumo das funcionalidades da opo escolhida. 2. Criar novo Aqui esto as opes para iniciar um projeto em branco, dentre os formatos de documentos oferecidos pelo Adobe CS5.

Neste livro, trabalharemos apenas com a opo ActionScript 3.0.

ActionScript_30_01.indd 7

5/11/2010 08:29:34

8 ActionScript 3.0

3. Aprender Links para artigos e vdeos de treinamento. No deixe de conhecer a Adobe TV (http://tv.adobe.com). 4. Abrir um item recente Mostra os ltimos arquivos abertos pelo programa. 5. Estender Extenses, scripts, modelos e outros itens que incrementam e expandem a funcionalidade dos aplicativos Adobe. Na tela de abertura, voc encontra ainda mais dois itens na parte inferior: A. Novidades e sites de apoio para o Adobe Flash CS5. B. Outros produtos ADOBE

ActionScript_30_01.indd 8

5/11/2010 08:29:35

Introduo 9

rea de trabalho
Personalizao da rea de trabalho A rea de trabalho do Adobe Flash CS5 totalmente customizvel e voc pode, alm de utilizar as opes preexistentes, criar as suas prprias no painel atravs do menu disponvel no canto superior direito da interface do programa, ao lado da caixa de busca identificada com a lupa.

Neste menu voc pode: & Optar pelas configuraes existentes: Animador, Clssico, Depurar, Designer, Desenvolvedor, Essenciais e Tela pequena. Reiniciar uma opo que foi modificada. Salvar uma nova rea de trabalho. Gerenciar as reas de trabalho salvas.

& & &

ActionScript_30_01.indd 9

5/11/2010 08:29:35

10 ActionScript 3.0

Para efeitos didticos e de padronizao, adotaremos sempre, nos exemplos mostrados no livro, a rea de trabalho Essenciais. Para certificar-se de que ela esteja ativa, basta clicar na opo Reinicializar Essenciais.

Principais sees da rea de trabalho

As principais sees e painis da rea de trabalho do Adobe Flash CS5, quando configurado no padro Essenciais, so exibidas como mostrado na figura abaixo:

1. Palco. 2. Linha do Tempo e Editor de Movimento. 3. Cor, Amostras, Alinhar, Informaes, Transformar, Fragmentos de Cdigo, Componentes e Predefinies de Movimento. 4. Propriedades e Biblioteca. 5. Ferramentas.

ActionScript_30_01.indd 10

5/11/2010 08:29:35

Introduo 11

Perceba que os painis podem ser agrupados formando abas exibidas lado a lado, e, quando isto acontece, a visualizao de cada painel feita acionando-se a aba correspondente.
No objetivo deste livro detalhar todos os menus e painis do Adobe Flash CS5, apenas sero demonstrados os de uso mais comum e aqueles que esto diretamente ligados com a produo e configurao do cdigo. No decorrer do livro, voc conhecer outros menus e painis e suas respectivas funcionalidades.

Menu Janela
No menu Janela esto disponveis, alm de todos os painis do Adobe Flash CS5, as opes de duplicar a janela atual, as trs barras de ferramentas (Principal, Controlador e Barra de Edio) e, em sua extremidade inferior, a indicao de quais documentos esto abertos.

ActionScript_30_01.indd 11

5/11/2010 08:29:35

12 ActionScript 3.0

Manipulao de Painis
A visualizao e o posicionamento dos painis na rea de trabalho do Adobe Flash CS5 podem ser facilmente alterados atravs de dois recursos: Arrastar painis Clicando e segurando o mouse sobre o painel desejado, possvel arrast-lo a uma nova posio.

Expandir e reduzir painis Clicando sobre os pequenos tringulos duplos ( ), situados na extremidade superior de cada painel, possvel expandi-los ou reduzi-los (neste caso, ficam visveis apenas os cones de cada item disponvel no painel).

ActionScript_30_01.indd 12

5/11/2010 08:29:35

Introduo 13

A. Painis Propriedades e Biblioteca no modo reduzido:

B. Painis Propriedades e Biblioteca no modo expandido:

ActionScript_30_01.indd 13

5/11/2010 08:29:35

14 ActionScript 3.0

Painel Aes
O painel Aes a rea do Adobe Flash na qual possvel inserir, editar e gerenciar a linguagem ActionScript que ser incorporada diretamente em um em arquivo .fla. Para abri-lo, basta selecionar Janela > Aes ou acionar a tecla F9. Ele estruturado em trs reas principais: 1. Caixa de ferramentas: onde as aes esto agrupadas em Pacotes e Classes. Na parte superior da caixa possvel escolher tambm a verso da linguagem a ser utilizada. 2. Navegador. 3. rea de insero do cdigo (janela Script).

Ao clicar no pequeno tringulo ( ) localizado na extremidade superior direita do painel Aes cdigo, abre-se um menu no qual possvel escolher, entre outras tarefas, as opes de exportar o cdigo (na extenso .as) ou imprimi-lo (veja figura a seguir).

ActionScript_30_01.indd 14

5/11/2010 08:29:35

Introduo 15

No topo da rea de insero de cdigo existe uma barra de ferramentas onde, para cada cone, existe uma funo corresponente associada:

1. Adicionar um novo item ao cdigo. 2. Localizar e substituir. 3. Configurar um caminho de destino absoluto ou relativo para uma ao no cdigo. 4. Verificar os erros de sintaxe no cdigo. 5. Formatar e endentar o cdigo automaticamente. 6. Exibir uma referncia (dica) de cdigo para a linha selecionada.

ActionScript_30_01.indd 15

5/11/2010 08:29:36

16 ActionScript 3.0

7. Depurar o cdigo, alternar ou remover pontos de interrupo no cdigo. 8. Contrair o cdigo que est entre chaves ou entre parnteses. 9. Contrair o bloco de cdigo que est selecionado. 10. Expande qualquer cdigo que estiver contrado. 11. Adicionar uma marcao de comentrio no incio e no final do bloco de cdigo selecionado. 12. Adicionar uma marcao de comentrio no incio de uma ou vrias linhas de cdigo. 13. Remove as marcaes de comentrios. 14. Exibir ou ocultar a caixa de ferramentas de aes e o navegador. 15. Adicionar cdigo ActionScript 3.0 pr-configurado (snippets). 16. Interface de auxlio para insero dos elementos do cdigo (assistente de criao de Scripts). 17. Exibe ajuda contextual para o elemento do cdigo que estiver selecionado.

Preferncias
Voc pode personalizar a maneira como o cdigo grafado (cores e tamanhos de fonte, espaamentos e opes de endentao de texto) e outros parmetros de configurao do cdigo no painel Aes, acionando Editar > Preferncias e escolhendo o item ActionScript na lista de categorias do lado superior esquerdo.

ActionScript_30_01.indd 16

5/11/2010 08:29:36

Introduo 17

ActionScript_30_01.indd 17

5/11/2010 08:29:36