Remember to maintain security and privacy. Do not share sensitive information. Procedimento.com.br may make mistakes. Verify important information. Termo de Responsabilidade

Criando animações incríveis com Adobe Animate

Público-Alvo: Usuários intermediários e avançados de Adobe Animate


Adobe Animate é uma poderosa ferramenta de criação de animações que permite aos usuários criar conteúdo interativo para a web, jogos, aplicativos móveis e muito mais. Neste artigo, exploraremos os recursos e funcionalidades do Adobe Animate e como utilizá-lo para criar animações impressionantes.


Exemplos:
1. Criando uma animação simples:


var stage = new createjs.Stage("canvas");

var circle = new createjs.Shape();
circle.graphics.beginFill("red").drawCircle(0, 0, 50);
circle.x = 100;
circle.y = 100;

stage.addChild(circle);
stage.update();

Neste exemplo, criamos uma animação simples que exibe um círculo vermelho em uma tela. Utilizamos a biblioteca createjs para criar o palco (stage) e o círculo (circle), definimos suas propriedades e adicionamos o círculo ao palco. Por fim, atualizamos o palco para exibir a animação.


2. Animação de personagem:


var stage = new createjs.Stage("canvas");

var spriteSheet = new createjs.SpriteSheet({
images: ["spritesheet.png"],
frames: { width: 64, height: 64 },
animations: {
walk: [0, 9, "walk", 0.5],
jump: [10, 19, "walk", 1]
}
});

var character = new createjs.Sprite(spriteSheet, "walk");
character.x = 100;
character.y = 100;

stage.addChild(character);
stage.update();

Neste exemplo, utilizamos uma spritesheet (uma imagem contendo várias imagens de um personagem em diferentes poses) para criar uma animação de caminhada e pulo. Definimos as coordenadas dos frames da spritesheet, as animações disponíveis e criamos um objeto Sprite com base nisso. Em seguida, adicionamos o personagem ao palco e atualizamos o palco para exibir a animação.


Agora que você aprendeu como criar animações incríveis com Adobe Animate, compartilhe este artigo com seus amigos que também estão interessados em animação. Juntos, podemos explorar todas as possibilidades criativas que o Adobe Animate oferece!


To share Download PDF