Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Introdução ao ActionScript

Grupo de Estudos de Actionscript 3.0Fábio Flatschart

Fábio FlatschartConsultor da Adobe Systems do Brasil

Consultor da subárea de Internet da Gerência de Desenvolvimento (GD2) do SENAC-SP na produção de eventos, novas parcerias, desenvolvimento e atualização dos produtos e cursos

Formado pela Escola de Comunicações e Artes da Universidade de São Paulo (ECA-USP), possui especialização em Criação Visual e Multimídia

Autor da Editora Brasport /Editora Senac/SP

Professor da UNIFMU

Índice

• Novas tecnologias, novas ferramentas e novos profissionais

• A plataforma Flash• O que é ActionScript? • ActionScript 3.0 • Como funciona o ActionScript?• Aprendendo uma nova linguagem • ActionScript e o ambiente de

autoração do Adobe Flash• Links e referências

NOVOS PROFISSIONAIS, NOVAS FERRAMENTAS E NOVOS MERCADOS

Introdução ao Actionscript

Analógico

Digital

Interativo

Um mundo de telas

O primeiro pintor de cavernas era artista ou engenheiro?Era ambas as coisas, é claro, como o foram, em sua maior parte, os artistas e engenheiros desde então. Mas temos o hábito -cultivado por muito tempo - de imaginá-los como separados, os dois grandes afluentes correndo incessantemente para o mar da modernidade e dividindo, em seu curso, o mundo em dois campos: os que habitam nas margens da tecnologia e os que habitam na margem da cultura.

JOHNSON, Steven. Cultura da interface: como o computador transforma nossa maneira de criar e comunicar.

Leonardo da Vinci

Johann Sebastian Bach

Sergei Eisenstein

Enzo Ferrari

Steve Jobs

Há vagas !

• geek• nerd• nativo digital• internet boomer• multitasker• web generation• geração y• geração z• ninja

Devigner

Developer Designer

Devigner

Devigner é uma brincadeira com as palavras developer + designer e é também o perfil de um novo profissional muito requisitado pelo mercado : aquele que faz a ponte entre o estático e o interativo.

PLATAFORMA FLASHIntrodução ao Actionscript

Flex

ColdFusion

Flash Media Server

Flash PlatformServices

AIR

Flash Player

Flash Builder

FlashCatalyst

FlashProfessional

Creative Suite Análise &Otimização

FERRAMENTAS FRAMEWORK CLIENTESSERVIÇOSSERVIDORES

LiveCycle

Plataforma Flash

Plataforma Flash

A plataforma Adobe Flash é um conjunto integrado de tecnologias de programação de aplicativo envolvidas por um ecossistema estabelecido de programas de suporte, parceiros comerciais e comunidades de usuários interessados.

Juntas, elas fornecem tudo que é necessário para criar e fornecer aplicativos, conteúdos e vídeos mais atrativos para a maior audiência possível.

Plataforma Flash

O QUE É ACTIONSCRIPT? Introdução ao Actionscript

O que é ActionScript?

O ActionScript é a linguagem de programação do Adobe Flash Player e do Adobe AIR. Quando você controla ou interage com uma animação construída em flash na web (e, portanto, necessita do Adobe Flash Player para funcionar), isto é possível graças ao ActionScript.

Enquanto o Adobe Flash Player é mais utilizado para receber aplicações web, o Adobe AIR é indicado para aplicações do tipo desktop, com execução pelo sistema operacional.

Em ambos, o ActionScript permite interatividade, conteúdo multimídia e acesso a dados.

ActionScript 3.0

A linguagem ActionScript está atualmente na versão 3.0, também conhecida como AS 3.0, e é baseada nos padrões da ECMA (EuropeanComputer Manufacturers Association), uma associação internacional que normatiza sistemase linguagens computacionais.

ActionScript : evolução

2000 ActionScript 1.0 Lançado com a versão 5 do Flash, evoluiu das Actions do Flash 4.

2003 ActionScript 2.0 Surgiu com o lançamento do Flash MX 2004 e do Flash Player 7

2006 ActionScript 3.0 Lançada em conjunto com o Adobe Flex 2.0 e o Adobe Flash Player 9.

Como funciona ?

Após 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 código 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.

APRENDENDO UMA NOVA LINGUAGEMIntrodução ao Actionscript

Aprendendo uma nova linguagem

ActionScript é uma linguagem e, como um novo idioma ou a linguagem de uma partitura musical, requer tempo e dedicação para ser assimilada e utilizada com fluência.

Então quer dizer que vou demorar muito para aprender ActionScript?

Não necessariamente...

“A bola é azul”

Todos os direitos reservados a damonlynch

ACTIONSCRIPT E O AMBIENTE DE AUTORAÇÃO DO ADOBE FLASH

Introdução ao Actionscript

Adobe FlashO Adobe Flash trabalha com metáforas do mundo real, apropriando-se de elementos do design gráfico, da fotografia e da arte da animação integrando-os em um ambiente de programação e autoração.

A Interface intuitiva do software, comum a toda família de produtos Adobe, possibilita uma curva suave de aprendizado.

O Adobe Flash é a escolha indicada para trabalhar com ActionScript quando você necessita de um ambiente de programação integrado com ferramentas de criação gráfica, animação e vídeo.

Além disso, o Adobe Flash oferece vários componentes de interface prontos.

Painel Actions F9

Caixa de ferramentas: estão agrupados os Pacotes e Classes, na parte superior da caixa é possível escolher também a versão da linguagem a ser utilizada.

NavegadorÁrea de inserção do código (Janela Script)

Painel Actions F9

1. Adicionar um novo item ao código2. Localizar e substituir3. Configurar um caminho de destino absoluto ou relativo para uma ação no código.4. Verificar os erros de sintaxe no código5. Formatar e endentar o código automaticamente6. Exibir uma referência (dica) de código para a linha selecionada7. Depurar o código, alternar ou remover pontos de interrupção no código 8. Contrair o código que está entre chaves ou entre parênteses9. Contrair o bloco de código que está selecionado10. Expande qualquer código que estiver contraído11. Adicionar uma marcação de comentário no início e no final do bloco de código selecionado.12. Adicionar uma marcação de comentário no início de uma ou várias linhas de código13. Remove as marcações e comentário14. Exibir ou ocultar a caixa de ferramentas de ações e o navegador15. Adicionar código ActionScript 3.0 pré configurado (snippets)16. Interface de auxílio para inserção dos elementos do código ( assistente de criação de Scripts)17. Exibe ajuda contextual para o elemento do código que estiver selecionado

Painel Actions F9

Exemplo

Procedimental

OOP

ASFLA

ENCERRANDOIntrodução ao Actionscript

LivroEste livro foi escrito pensando em designers e profissionais de criação que necessitam criar e produzir projetos interativos com recursos multimídia para web utilizando a linguagem ActionScript 3.0 dentro do ambiente de programação do Adobe Flash CS5.

Livro novo (abril)Como criar e produzir animações e interfaces básicas para web com o Adobe Flash CS5, integrando imagens, áudio e vídeo.

São apresentados recursos e ferramentas para a criação de gráficos vetoriais e para a importação de arquivos de texto, imagem, áudio e vídeo que serão incorporados ao fluxo de trabalho com o Flash.

Os princípios e as técnicas de animação, como stopmotion, interpolaçõe e máscaras são explicados de maneira objetiva, permitindo que designers, animadores e web designers possam incorporar esses procedimentos a seus trabalhos. São mostradas ainda as configurações de publicação do conteúdo para distribuição de maneira correta e eficiente visando diversas plataformas e dispositivos.

Referências iniciaisGrupohttp://as3devs.com.br

Meus siteshttp://flatschart.comhttp://quadrodosbemois.com.br

Plataforma Adobe Flashhttp://www.adobe.com/br/flashplatform

ActionScript Technology Centerhttp://www.adobe.com/devnet/actionscript.html

TV Adobehttp://tv.adobe.com

Guia do desenvolvedor ActionScript 3.0http://help.adobe.com/pt_BR/as3/dev/index.html

Referência do ActionScript® 3.0 para Adobe Flash Professional CS5http://help.adobe.com/pt_BR/Flash/CS5/AS3LR/index.html

Uso de componentes do ActionScript 3.0http://help.adobe.com/pt_BR/as3/components/index.html

Utilização do Flash Professional CS5http://help.adobe.com/pt_BR/flash/cs/using/index.html

Agradecimentos

• @_lipao_ • @JayMoretti• @fellyph• @asdevs• Comunidades & Grupos AS/Flash/Adobe• DRC

Muito obrigado !flatschart.comquadrodosbemois.com.brslideshare.net/fabioflat@fabioflat