Escola Secundria Quinta das Palmeiras | Curso EFA Tcnico/a de Multimdia - Nvel III | Mdulo: AS

Actionscript 3.0
Trabalho Final (a desenvolver durante as sesses): criar uma aplicao, a partir de cada um dos seguintes exerccios, adequada e a ser incorporada numa pgina web. Exerccio 1 Sequncia de imagens, atravs de eventos de rato (click) nas respectivas miniaturas

Procedimento : 1. Deves importar para a biblioteca (library do Flash) todas as imagens. Elas encontram-se no seu formato em bruto, e no Flash, todos os elementos mdia devem ser convertidos em smbolos (sejam grfico, boto ou clip de filme); 2. Nesse momento ainda no esto na rea de tabalho (stage). Arrasta cada uma das imagens para o stage (cada uma num frame prprio) com igual tamanho e posio. A cada uma converte-a num smbolo grfico (nota que na janela biblioteca encontramse os novos cones de simbolos grficos criados);

- Formador: Ricardo Silva | 2011 - 1

Escola Secundria Quinta das Palmeiras | Curso EFA Tcnico/a de Multimdia - Nvel III | Mdulo: AS

3. Na linha de tempo, atribui o nome imagens camada 1, e cria uma nova camada com o nome minis. aqui que deves inserir as miniaturas das fotografias. Elas devem estar sempre presentes na rea de trabalho (para isso, insere um frame no fim da sequncia de modo a criar continuidade neste layer);

4. Insere agora as miniaturas/botes. Arrasta os smbolos grficos de cada uma das fotos, re-dimensiona-as (tal como na figura 1) e posteriormente, a cada uma delas, converte-as em smbolo clip de filme (movieclip) [ lembra-te que o actionscript actua sobre os smbolos movieclip, e neste exerccio queremos que os smbolos movieclip miniaturas possam ser botes/novas instncias (ateno: de serem smbolos botes);

Deves posteriormente, a cada um das novas instncias (ou seja, quando o smbolo

movieclip est na rea de trabalho), atribuir-lhe um nome prprio, ou seja, sempre

que arrastas um smbolo para a rea de trabalho, crias uma nova instncia desse smbolo, ou seja, instncias individuais do mesmo smbolo . A atribuio desse nome que permite que quando escreves um cdigo actionscript possas indicar qual a instncia-alvo (por exemplo: nome de instncia bot2 do smbolo de nome boto6).

- Formador: Ricardo Silva | 2011 - 2

Escola Secundria Quinta das Palmeiras | Curso EFA Tcnico/a de Multimdia - Nvel III | Mdulo: AS

5. Por fim, acresenta uma nova layer de nome actions e a insere o cdigo actionscript para que possas ter controlo sobre o evento de click de rato nas miniaturas de modo a transitar de frame na linha de tempo.

Cdigo : stop(); /*Stop frame*/

/*Click e prximo frame: */

bot1.addEventListener(MouseEvent.CLICK, ir_para_2); /* bot1 o nome da instncia*/

function ir_para_2(event:MouseEvent):void { gotoAndStop(2); } /* 2 o frame-alvo */

/* repete o anterior cdigo para cada uma das instncias */ bot2.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_3);

function fl_ClickToGoToAndStopAtFrame_3(event:MouseEvent):void { gotoAndStop(3); } bot3.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_4);

function fl_ClickToGoToAndStopAtFrame_4(event:MouseEvent):void { gotoAndStop(4); } ()

- Formador: Ricardo Silva | 2011 - 3

Escola Secundria Quinta das Palmeiras | Curso EFA Tcnico/a de Multimdia - Nvel III | Mdulo: AS

Exerccio 2 Slide-show de fotografias E se no quisermos que o utilizador interaja, mas as veja como num slide-show (embora sem quaisquer efeitos)? O cdigo actionscript pode auxiliar-nos, de modo que apenas coloques cada fotografia num frame e a passagem acontea automaticamente.

Cria uma nova layer (Actions) e insere o seguinte cdigo fonte:

stop(); /* 4000 o valor do tempo em milisegundos, ao modificares este valor, modificas o tempo da passagem entre cada fotografia */ var timer:Timer = new Timer(4000); timer.addEventListener(TimerEvent.TIMER, onTimer); timer.start(); function onTimer(evt:TimerEvent):void { play(); }

- Formador: Ricardo Silva | 2011 - 4

Escola Secundria Quinta das Palmeiras | Curso EFA Tcnico/a de Multimdia - Nvel III | Mdulo: AS

Exerccio 3 Activar um vdeo (FLV) atravs do click num objecto/boto

Procedimento : 3 layers (vdeo, boto play, actionscript) / 1 frame em cada 1. Importar para a biblioteca o ficheiro FLV. Surgir uma janela de dilogo e de ajuda neste passo. Posteriormente, arrasta este ficheiro da biblioteca para a rea de trabalho, e a, converte-o em smbolo movieclip. Atribui-lhe um nome de instncia (ex: video); 2. Cria um novo layer para o boto. Este boto surge a partir de uma forma (shape). Cria uma a teu gosto, utilizando as ferramentas de desenho vectorial. Depois, converte-a num smbolo movieclip. Atribui-lhe um nome de instncia (ex: play_). 3. Cria a layer de aces e escreve o cdigo: - no layer vdeo: stop(); - no layer actions: play_.addEventListener(MouseEvent.CLICK, fl_ClickToPlayVideo_5); function fl_ClickToPlayVideo_5(event:MouseEvent):void { video.play(); }

- Formador: Ricardo Silva | 2011 - 5

Escola Secundria Quinta das Palmeiras | Curso EFA Tcnico/a de Multimdia - Nvel III | Mdulo: AS

Actionscript 2.0
Exerccio 4 Inserir uma mscara num vdeo (FLV) E que tal usarmos uma shape para servir de mscara? Importa o vdeo, arrasta-o para o stage, converte-o em smbolo movieclip e atribuilhe um nome de instncia (ex: video1). Desenha a forma que pretendes (ateno: aqui, no mesmo layer), converte-a a smbolo movieclip e atribui-lhe um nome de instncia (ex: mascara).

Depois, cria um layer de aces e simplesmente d a aco de atribuio de mscara, cujo cdigo : video1.setMask(mascara);

- Formador: Ricardo Silva | 2011 - 6

Escola Secundria Quinta das Palmeiras | Curso EFA Tcnico/a de Multimdia - Nvel III | Mdulo: AS

Eis o resultado Final:

Nota: os ficheiros vdeo tm que estar em formato Flash Vdeo (.FLV). Para a converso utiliza o Media Encoder. O Flash no utiliza outros formatos vdeo.

- Formador: Ricardo Silva | 2011 - 7