Eventos dependentes da timeline (acontece automaticamente)
CTIONSCRIPT
ActionScript é uma linguagem de programação utilizado pelo Flash que permite criar
interactividade. Se não utilizarmos actionscript o filme corre de forma linear, do 1º ao último frame.
No entanto para inserir esta interactividade é necessário programar os elementos manualmente ou através de ajuda de behaviors (comportamentos) que permitem criar interactividade sem criar código, dado que o código já está disponível.
Num filme Flash os elementos que podem conter ActionScript são: - A timeline principal;
- A timeline dos movie_clips;
- Botões e Movie_clips. --- Eventos controlados pelo utilizador
Sempre que tivermos uma acção irá aparecer um a na keyframe onde é colocada a acção. Só se podem colocar acções na timeline se for numa keyframe. Daí ser boa prática colocar uma layer só para as acções.
Painel Action
Elemento Seleccionado Auxiliar de programação
O Script Assist auxilia os iniciantes. Através deste assistente é mais fácil colocar a acção que se pretende, bem como as frames. No caso de uma acção num botão vai aparecer os tipos de
acções pretendidas e escolher a mais adequada ao que se pretende. Ao longo dos exercicios vais compreender melhor este painel e suas funções.
BEHAVIORS
O Flash disponibiliza um conjunto de Behaviors (comportamentos) para criar interactividade sem ter de escrever uma linha de código no painel visto anteriormente. Existe o painel Behaviors que se encontra na janela Window e escolher a opção desejada. Automaticamente se abrir-mos o painel Action o código encontrar-se-à escrito. Estes behaviors podem controlar movie_clips, som e vídeo.
Exercício 1 – Stop on Frame
1. Constroi uma esfera no palco e coloca uma keyframe na frame 15 e 30;
2. Terá de se mover para cima e para baixo, ou seja na frame 15 desce e na frame 30
sobe. Não esquecer que isto é um motion tween;
3. Na frame 30 vais ao painel action clicas no + e vais a Global Functions – Timeline
Control e seleccionas Stop();
4. Testa o filme.
5. Agora vais testar as outras acções da Timeline Control.
Exercício 2 – Get URL
Neste exercício vamos adicionar uma acção a um objecto em vez de ser na timeline.
1. Cria um botão;
2. Agora selecciona o botão e vai ao painel actions. Clica no + vai a Global Functions –
3. No URL vais escrever o caminho da página do site que se prentende
(http://www.lynda.com);
4. Em Window vai aparecer vários modos para aparecer a nova página. Utiliza o self
(mesma página onde estamos a trabalhar) ou o blank (nova página).
5. Agora coloca o cursor na 1ª linha que diz on(release). Vais verificar que o painel
superior vai mudar e vão ser colocados todos os eventos que se podem accionar nos objectos. É so escolher.
6. Testa o filme;
Exercício 3 –Controlar som (Play, Stop e Botão Fader)
O Flash é um programa case sensetive ou seja, diferencia os nomes colocados, por isso cuidado ao colocar os nomes com maiúsculas ou minúsculas.
1. Cria uma pasta na timeline e atribui o nome som geral;
2. Cria agora três layers. A 1ª terá o nome Botões, a 2ª terá o nome Controle de som e a
última o nome acções.
3. Na 1ª layer vais colocar os botões Play e Stop (Window – Comon Libraries - Buttons); 4. Na 2ª layer vais colocar o botão Fader-gain ( Windows – Comon Libraries – Buttons –
Classic Buttons - pasta Knobs&Faders). Este botão vai controlar o volume do som. No painel properties onde diz Instance name vais colocar o nome de Volumesom;
5. Importa para a biblioteca um som. Com o botão direito do rato em cima do som clica
em linkage e depois activa a opção Export for Action Script. O nome pode ser o mesmo mas tira a extensão;
6. Agora selecciona o botão Play e vai ao menu Window – painel Behaviors. Neste painel
clica no botão + e selecciona a opção Sound - Load from Library(carregar som da biblioteca);
7. Vai aparecer uma janela na qual vais colocar o nome do som respectivo; 8. Se abrires o painel action repara que o código já está todo lá;
9. Agora selecciona o botão Stop e vai ao painel behaviors mas desta vez escolhe a
opção Stop Sound e novamente vai aparecer a janela onde colocas o nome do mesmo som que colocamos anteriormente;
10. Agora vais seleccionar a 1ª frame da layer acções e colocas uma keyframe. Agora vai
ao painel actions e escreve o seguinte código: Volumesom.sound=new Sound()
11. Testa o teu filme.
Exercício 4 – Accionar um movie_clip através de um botão 1. Coloca um botão no palco;
2. Faz um movie_clip à escolha e na timeline da edição deste objecto coloca na 1ª frame
um stop;
3. Agora arrasta este movie clip para a cena principal onde se encontra o botão;
4. Selecciona o botão, vai ao painel dos behaviors - Movieclip – Goto and Play at frame
or label;
5. Testa o filme.
EXERCÍCIO – Navegar entre cenas usando ACTION GO TO
Quando se constroi um filme deve-se utilizar várias cenas para assim organizar melhor o trabalho, ou seja, como se um filme tivesse vários actos. O filme vai decorrer como se tudo fosse feito numa única cena.
Abra o ficheiro cenas.swf para ver como vai ficar o exercício no final. Vais ver que é muito simples de fazer.
01. Na cena 1 desenhe uma bola;
02. Seleccione a frame 50 desenhe uma estrela e crie um motion shape; 03. Crie agora um botão que terá escrito Seguinte e coloque numa nova layer; 04. Insert - Inserir > Scene – Cena e será exibida a Cena 2;
05.. Digite CENA 2 e muda a posição do texto, na frame 1, fora do palco, e na frame 50 mude
a posição do texto para o centro do palco e depois crie um motion tween;
06. Seleccione agora a frame 1 vá ao menu Modify - Modificar > Transform - Transformar >
Scale and Rotate - Escala e Rotação > Escala: 10;
07. No painel library clique com o botão direito do rato e clique em duplicate e mude o nome
para Anterior;
08. Crie uma nova layer e arraste os dois botões; 09. Insira uma nova cena e será exibida a Cena 3;
10. Faça um movie à escolha e arraste para o palco desta cena; 11. Crie uma nova layer e arraste o botão Anterior;
12. Teste a animação feita até agora e verifique que as cenas são exibidas automaticamente
- stop() - que permite parar cada cena;
- e o gotoandPlay() – que permite fazer loop em cada cena e permite programar os botões Seguinte e Anterior;
13. Vá à cena 1, insira uma layer 3 e um Keyframe na frame 50. Vá ao painel Actions >
Global Functions > Timeline Control > Stop. A seguir clique na função goto e no painel do script assist clique nos seguintes parâmetros:
- GotoAndPlay (Ir e Rodar); - Scene: Cena1;
- Type: Frame Number; - Frame: 1;
Fazer exactamente os mesmos passos na cena 2 e cena 3, não esquecendo que na cena 3 não será colocado um keyframe na frame 50 e sim na frame 1 da layer 3.
14. Vamos agora programar os botões. Para o botão Seguinte terá de seleccionar o botão em
cada cena e colocar o seguinte:
Cena 1:
Global Functions > Timeline Control > goto.
Nos parâmetros vai seleccionar: - gotoandplay; - Scene: cena 2; - Frame: 1;
Na Cena 2 segue os mesmos passos, mas no parâmetro Scene vais seleccionar Cena 3.
Para o botão Anterior, siga os mesmos passos que para o botão Seguinte, mas alterando os parâmetros Scene.