CTIONSCRIPT. Painel Action

Transcrição

1 A 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; Eventos dependentes da timeline (acontece automaticamente) - 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 Sandra Nogueira T.M 1

2 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 Browser/Network Get URL e repara que aparece a janela seguinte: Sandra Nogueira T.M 2

3 3. No URL vais escrever o caminho da página do site que se prentende ( 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; Sandra Nogueira T.M 3

4 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 em Loop. É necessário então colocar 2 funções de actionscript: Sandra Nogueira T.M 4

5 - 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 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. 15. Guarde com o nome Cenas e teste. Sandra Nogueira T.M 5