Tutorial Action Script 3 – 001


Vou iniciar uma série de dicas e exemplos de action script 3 para iniciantes nesta linguagem.

Actualmente o Action Script 3 é utilizado no Flash CS3 e no Flex, e a curto termo irá substituir por completo o Action Script 2 que muitos fãs tem… Uma vez que o AS3 inclui bastantes mudanças em relação à sua versão anterior obriga a que os programadores AS2 tenham bastante paciência para aprender uma "quase nova" linguagem de programação visto que o AS2 tornar-se-à obsoleto dentro de muito pouco tempo.

O meu objectivo com esta série de artigos é dar a entender a linguagem, conceitos e elabora alguns simples exemplos.

Vou-me basear em alguns exemplos que já dei, alguns livros e uma enorme quantidade de referencias que no final serão todas publicadas. Tentarei colocar uma dica por dia e quando tiver material suficiente começarei a publicar em pdf.

Começando.

1.Introdução.

O que é o Action Script 3?

O action script 3 nasceu da necessidade de conseguir ter uma melhor performance nas aplicações e animações flash, actualmente sabe-se que teria necessariamente que ser implementadas alterações de raiz no action script 2 para que este pudesse ter a performance do actual AS3, por isso foi preferível quase que criar a linguagem de novo à parcial alteração do AS2. A linguagem AS3 é literalmente tratada à parte da AS2 pela runtime do flash player, pelo que logo aí se pode concluir que são mesmo diferentes a nível de código e de performance também.

O grande ponto forte do AS3 é que este é essencialmente focado em Programação Orientada a Objectos, pelo que muitos programadores sentirão dificuldades em compreender bastantes aspectos desta linguagem. Claro que os programadores Java partem em vantagem para a aprendizagem, mas para todos os outros fica uma dica. O AS3 não é nenhum bicho de 7 cabeças, e a sua vertente OOP torna as coisas muito simples, rápidas e organizadas. Para os programadores AS2 as coisas não serão muito fáceis, muito pelo facto de à primeira vista muitas coisas possam ser compreendidas e interpretadas como no AS2, mas posso vos dizer por experiência própria que depois de se aprender as bases, torna-se "quase mais" simples que o AS2.

Um dos grandes problemas que se apresentam ao programar em Action Script 3 é a impossibilidade de programar usando AS3 e AS2 mutuamente, porque como já foi dito em cima eles são tratados de forma diferente pelo Flash Player, logo se querem testar o AS3, terão obrigatoriamente de saber alguns pontos da linguagem.


Uma grande diferença do AS3 é que este exige obrigatoriamente/estritamente a declaração de variáveis, argumentos, funções e seus valores devolvidos, mesmo que a função não devolva nada ou o argumento nulo. Na versão anterior, AS2, esta declaração era opcional, pelo que uma simples função:

function olaMundo() {

}

funcionava exactamente igual a

function olaMundo():void {}

No AS3, o primeiro método foi eliminado, pelo que todas as funções, argumentos e valores devolvidos (return’s) têm que ser devidamente declarados.

A nível sintático de linguagem, muitas coisas foram eliminadas, outras simplificadas e ainda outras melhoradas, tais como os muitos métodos de adicionar objectos à display list (main stage) foram agora simplificados e reduzidos a apenas 2 comandos para adicionar um "child" e remove-lo.

A nivél de eventos, existem muitas melhorias no AS3, visto que agora quase todos os  elementos gráficos podem ser sujeitos a "escutas" de eventos, separando por completo cada um o que permite uma maior autonomia bem como versatilidade.

Existem também melhoramentos ao nível do trabalho com XML que podem ser agora manipulados quase como objectos/items no AS, bem como o melhoramento dos elementos de texto, permitindo agora um melhor controlo sobre texto.

Foram também adicionadas bastantes melhorias no que diz respeito ao trabalho com sons, video, dados de uma linguagem server-side e objectos em si.

O Action Script é directamente orientado para a plataforma Flash, pelo que está sempre dependente da Adobe, mas actualmente com a evolução do mudo das Aplicações Ricas para Internet, já começamos a assistir a uma tendência de extender esta linguagem para aplicações desktop, embora ainda baseadas na plataforma Flash, já apresenta um grau de independência enorme, isto tudo graças à plataforma AIR.

Uma classica estrutura de Objectos e sua Linguagem Orientada, é que podemos ter um objecto Principal (Collection), e depois as suas categorias internas (Classes), que por si são um conjunto de código vejamos com o exemplo:

Tranportes como objecto principal, dentro dele podemos ter Carro, Avião, Moto e Autocarro e dentro de cada um destes temos os seus procedimentos, imaginemos:

Transportes -> Carro -> Levo 5 pessoas

-> Avião -> Levo 350 pessoas

-> Moto -> Levo 2 Pessoas

-> Autocarro -> Levo 50 Pessoas

O processo de dividir o código por pequenas instâncias chama-se "Encapsulation", que é uma das imagens de marca do AS3.

Poderemos ainda ter uma cadeia, no exemplo do carro:

Transporte -> Carro -> Bancos da frente -> 2 Pessoas

-> Bancos de trás -> 3 Pessoas

Este processo chama-se inheritance, que é o processo de podermos implementar/extender uma das classes base, neste caso extendemos  a class Carro do Objecto Transporte

Este tipo de organização pode ser definida pelo utilizador, não tendo qualquer tipo de limitação, apenas temos de ter em conta quando se implementa/extender uma class, já que estamos sujeitos às suas definições, ou seja, imaginemos no caso do carro, não podemos extender a class Carro da seguinte forma:

Transporte – > Carro -> Bancos da frente -> 2 Pessoas

-> Bancos de trás -> 5 Pessoas

Isto a titulo de exemplo não seria correcto e conduziria-nos a um erro, visto que o carro por definição apenas contém 5 lugares e objectivamente nunca deve levar mais de 5 pessoas. O que pretendo dizer com isto é que ao extendermos/utilizar-mos uma class como base devemos tem em atenção as suas definições e limitações.

O melhor destes aspectos do AS3 é que o código tem uma facilidade enorme de ser interpretado, bem como reutilizado e partilhado.

A nível do seu "core" o Action Script é baseado na linguagem ECMA-262 mais conhecida como ECMAScript que cresceu com o sucesso da sua linguagem mais conhecida, o Javascript. O AS2 foi estabilizado durante bastante tempo, mas a crescente necessidade de melhorar e acompanhar as tendências do mercado e programadores, o AS3 foi reescrito do nada, contando com uma enorme possibilidade de expansão e quase "infinitas" características que acompanham as muitas linguagens de programação, temos por exemplo actualmente o suporte nativo a objectos e cenas 3D no futuro Flash Player 10, isto praticamente só possível devido à migração do AS2 para o AS3 do seu motor. Esta grande alteração do AS3 acrescenta inúmero pontos novos, mas as suas bases mantêm-se intactas.

E está terminada a primeira abordagem ao AS3, principalmente na sua apresentação. Como não sou nenhum perito em matéria de AS3 peço a todos que se cometi algum erro me informem.

Um abraço e espero que seja util.

ccommons     

http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt

Deixe um comentário ou um Trackback
   

22 Comentários

  1. Leonardo
    June 3, 2008 às 11:34 am | Permalink

    muito show este artigo

  2. June 3, 2008 às 3:10 pm | Permalink

    Parabens! Linkando no meu blog já!

    Ved

  3. June 4, 2008 às 2:59 pm | Permalink

    Opa … demorou mestre Mário ! Era isso que eu procurava para estabelecer a base que me falta

    Abraço

  4. June 4, 2008 às 3:10 pm | Permalink

    demorou? hehehe, era só para começar quando terminasse o tutorial do flex, mas vou fazendo aos pouquinhos :)

    Já aí está a segunda parte:
    http://msdevstudio.com/blog/2008/06/04/tutorial-action-script-3-002/

    Amanha deve sair a terceira :p

    Abraço.

  5. June 4, 2008 às 7:04 pm | Permalink

    Muito bom, parabens, vou linkar no meu Blog!

  6. June 4, 2008 às 9:33 pm | Permalink

    Mário é que pra mim que sou da turma do ‘só php’ fez falta para o flex.

    Muito Obrigado amigo !

  7. Eraldo
    June 9, 2008 às 8:47 pm | Permalink

    Parabéns pela iniciativa.

  8. July 28, 2008 às 4:22 pm | Permalink

    Programo em AS2 e vou te dizer, to apanhando com o AS3, rsss…. sucesso ;)

  9. July 28, 2008 às 6:24 pm | Permalink

    Oupa Igor, já têm aí o livro que compila os primeiros 11 posts, 36 paginas que lhe vão ser muito uteis. :)

    veja:
    http://msdevstudio.com/blog/2008/06/30/tutorial-action-script-3-parte-i-o-livro/

    Espero que seja util.

    Abraço.

  10. Davy M Meireles
    October 8, 2008 às 1:16 pm | Permalink

    Muito bom. O melhor tutorial de AS3 que vi até agora. Parabéns.

  11. October 8, 2008 às 2:32 pm | Permalink

    Oupa, Obrigado! :)

  12. Richard
    December 8, 2008 às 11:10 pm | Permalink

    Po show de bola o seu blog, tá de parabéns.
    Estamos precisando de atitudes como a sua em nossa área.
    Valeu.

  13. Andre
    February 3, 2009 às 12:47 pm | Permalink

    Cara, esse tutorial tá muito bom.Principalmente p os novatos nessa area como eu.
    Vlw mesmo!

  14. February 4, 2009 às 7:20 am | Permalink

    Andre, já têm aí o seguimento do tutorial até à parte 10, basta procurar por Tutorial Action Script 3 no blog e encontra as 10 partes bem como um .pdf com essas 10 partes, no final dessas 10 encontra a segunda parte com mais 60 paginas numa segunda edição que fiz em livro disponivel aqui:

    http://msdevstudio.com/blog/?p=654

    abraço e valeu pelas palavras.

  15. Joao Andrade
    April 27, 2009 às 1:33 pm | Permalink

    Pow mão na roda esses tuto, valeu cara pela iniciativa em dividir seus conhecimentos com a galera.

  16. Herbert
    June 11, 2009 às 10:12 pm | Permalink

    muito loko !msm a meses procuro conteudo bom pra aprender na marra o actionscript mas a muito tempo naumacho achei agora muito showw!!

  17. Alberto
    January 20, 2010 às 2:11 pm | Permalink

    Sr. Mário Santos

    Gostaria de saber como faço para adquirir os seguintes tutoriais em PDF (COMPLETOS) do: Flex e Action Script 3…

    No aguardo

    Alberto Taylor

  18. Miquéias
    February 8, 2010 às 1:07 pm | Permalink

    Ótimo artigo, parabéns.

  19. Carlos Anderson
    April 26, 2010 às 1:40 pm | Permalink

    Muito bom! Artigos assim que iniciantes precisam! Parabéns!

  20. Mário Santos
    April 30, 2010 às 9:59 am | Permalink

    Oupa, Ainda bem que está a agradar….

    Já está aí no blog até ao numero 18 ;)

    Abraço.

  21. May 27, 2010 às 3:27 pm | Permalink

    Excelente abordagem, me foi muito útil. Obrigado

  22. Paulo vinicius
    June 11, 2010 às 3:22 pm | Permalink

    Parabéns Mário, este e o primeiro material que vejo sobre AS3, estou muito interessado em aprender essa linguagem, espero que meu conhecimento aqui com a comunidade seja bem enriquecedor para me tornar um grande programador…

    abraços

10 Trackbacks

  1. [...] Tutorial Action Script 3 – 002 » Tutorial: Adobe Flex a partir do zero – Parte V » Tutorial Action Script 3 – 001 » Parabéns! Seus tutoriais estão ótimos……» Mário é que pra mim que sou da [...]

  2. [...] por Mário Santos on Junho 6, 2008 – 9:45 am Em continuação do tutorial (001 – 002 [...]

  3. [...] por Mário Santos on Junho 7, 2008 – 9:30 am Em continuação com o tutorial ( 001 – 002 – 003 – 004 [...]

  4. [...] por Mário Santos on Junho 8, 2008 – 10:47 am Em continuação com o tutorial (001 – 002 – 003 – 004 – [...]

  5. [...] por Mário Santos on Junho 9, 2008 – 8:08 am Em continuação com o tutorial ( 001 – 002 – 003 – 004 – 005 – [...]

  6. [...] » Tutorial Action Script 3 – 006 » Parabéns pelo tutorial, sou programador …» Parabéns pela iniciativa….» Este tutorial é um enorme e merecido suc…» Sim está sendo muito tranqüilo…. [...]

  7. [...] » Tutorial Action Script 3 – 006 » Parabéns pelo tutorial, sou programador …» Parabéns pela iniciativa….» Este tutorial é um enorme e merecido suc…» Sim está sendo muito tranqüilo…. [...]

  8. [...] Mário Santos on Junho 12, 2008 – 9:29 am Em continuação com o tutorial ( 001 – 002 – 003 – 004 – 005 – 006 – 007 – 008 [...]

  9. [...] Mário Santos on Junho 16, 2008 – 12:55 pm Em continuação com o tutorial ( 001 – 002 – 003 – 004 – 005 – 006 – 007 – 008 – [...]

  10. Por Recent URLs tagged As3 - Urlrecorder em January 28, 2009 às 2:16 am

    [...] recorded first by Kitty12843 on 2009-01-18→ Tutorial – Apostila Action Script 3 – Parte 001 | TSW – That Should… [...]

Deixe um comentário

O seu email nunca será publicado ou partilhado. Campos obrigatórios estão marcados com um *

*
*

Spam Protection by WP-SpamFree