Recursos de interação no animate

Prévia do material em texto

WBA0176_v2.0
Animações e ferramentas 
virtuais
Recursos de interação no 
Animate
Criando interações simples
Bloco 1
Felipe Orsini Martinelli
Criando interações com o uso de botões
Os botões são símbolos que possuem quatro estados, 
simulando um botão do mundo real:
• Acima (Up).
• Sobre (Over).
• Abaixo(Down).
• Ocorrência (Hit)
Podemos inserir diversas funções em um botão.
Criando interações com o uso de botões
Exemplo: criar um botão que levará o usuário para um 
site.
Podemos criar esse recurso a partir do assistente de 
código.
Criando interações com o uso de botões
Exemplo: mover um objeto pela tela por meio de botões.
Neste caso, podemos inserir várias instâncias de um 
mesmo botão, atribuindo uma ação diferente para cada 
um.
Recursos de interação no 
Animate
Trabalhando com interações
Bloco 2
Felipe Orsini Martinelli
Criando interações com objetos na tela
Exemplo: clicar e arrastar um objeto na tela.
Temos um snippet pronto para isso no Action Script 3.
Em Java Script, podemos usar pouquíssimas linhas de 
código para chegar ao mesmo resultado.
this.objeto.on("pressmove", moverObjeto);
function moverObjeto(obj) {
obj.currentTarget.x = obj.stageX;
obj.currentTarget.y = obj.stageY;
}
Criando um botão para executar uma animação
Segue-se aqui o mesmo conceito de aplicar um código a 
um botão.
• Podemos criar uma camada apenas para código, 
organizando melhor o projeto.
• Uso de stop para parar uma animação logo no 
primeiro frame.
• Podemos, também, dividir um projeto em cenas e 
fazer com que o projeto passe de uma cena para 
outra a partir de um botão.
Recursos de interação no 
Animate
Criando um jogo simples para web
Bloco 3
Felipe Orsini Martinelli
Criação de um jogo simples para web
Vamos criar um jogo em que é necessário adivinhar um 
número escolhido pelo software.
• O software deve escolher um número aleatório.
• Devemos escolher um número.
• O software deve comparar os dois números.
• Se forem iguais, dar condição de vitória.
• Se forem diferentes, dar condição de perda.
Teoria em Prática
Bloco 4
Felipe Orsini Martinelli
Reflita sobre a seguinte situação
Você está trabalhando em uma agência de comunicação 
e precisa planejar os projetos feitos, principalmente 
aqueles voltados para web. Você recebeu um briefing 
que consta de uma campanha digital, com um site que 
terá vários tipos de interação com o usuário. O site deve 
funcionar como uma gaveta cheia de fotos, as quais 
estarão espalhadas pela tela. Dentre tais interações, 
podemos citar a ação de clicar em algumas das fotos e 
uma animação acontecer ou um som ser tocado, clicar e 
arrastar as fotos pela tela, além de algumas fotos 
específicas que, ao serem clicadas, levam a outros sites.
Reflita sobre a seguinte situação
Considere que o projeto será inserido em um site que 
deve funcionar corretamente, tanto em computadores 
quanto em dispositivos móveis. É importante lembrar, 
também, que o projeto trabalhará com imagens e sons 
nas interações. Com base no contexto apresentado, quais 
as configurações que precisam ser ajustadas no Adobe 
Animate, desde a sua criação até a sua finalização, para 
atender a demanda em questão?
Norte para a resolução...
• Caso vá para um site, então, deve ser feito em HTML5 
Canvas.
• A configuração de responsividade deve ser configurada 
no painel de configurações de publicação.
• Depois que o projeto estiver concluído e testado, 
todos os arquivos publicados devem ser enviados 
juntos.
• É mais fácil colocar o trabalho em um site para o 
cliente acessar do que enviar anexo em um e-mail.
Dica do(a) Professor(a)
Bloco 5
Felipe Orsini Martinelli
Sugestão de leitura
Assistir aos vídeos:
A história do Flash – História da Tecnologia, do canal 
TechMundo, disponível no YouTube.
Na mesma série sobre a história da tecnologia, há também um 
vídeo bem interessante sobre a história da Adobe.
Referências
ADOBE. Guia do usuário do Animate. 2021. Disponível 
em: https://helpx.adobe.com/br/animate/user-
guide.html. Acesso em: 12 mar. 2021.
Bons estudos!
	Animações e ferramentas virtuais
	Recursos de interação no Animate
	Criando interações com o uso de botões
	Criando interações com o uso de botões
	Criando interações com o uso de botões
	Recursos de interação no Animate
	Criando interações com objetos na tela
	Criando um botão para executar uma animação
	Recursos de interação no Animate
	Criação de um jogo simples para web
	Teoria em Prática
	Reflita sobre a seguinte situação
	Reflita sobre a seguinte situação
	Norte para a resolução...
	Dica do(a) Professor(a)
	Sugestão de leitura
	Referências
	Bons estudos!