Animações

Introdução

O sistema de animação da Godot é extremamente poderoso e flexível.

Para começar, vamos usar a cena do tutorial anterior (: ref: doc_splash_screen). O objetivo é adicionar uma animação “fade-in” à imagem inicial. Aqui está uma cópia para o caso: robisplash.zip.

Adicionar um player de animação

Primeiro de tudo, adicione um nó: ref: AnimationPlayer <class_AnimationPlayer> à cena como um filho de “background” (o nó raiz):

Quando um nó desse tipo é selecionado, o painel do editor de animação é exibido:

O painel do editor de animação permanece visível até ser ocultado manualmente.

Criando a animação

It’s time to create a new animation! Press the Animation button then select new from the menu. Name the animation “intro” when the dialog appears.

Now that we have an animation, the property editor enters “animation editing” mode. In this mode, a key icon appears next to every property of the property editor. In Godot, any property of an object can be animated:

Editando a animação

O logotipo aparecerá na parte superior da tela.

With the animation editor panel open, select the “logo” node and set the “Rect / Position” property to (118, -400) and press the key button next to the property to add a keyframe:

Quando a caixa de diálogo aparecer, confirme se você está criando uma nova faixa.

O quadro-chave será adicionado ao editor do player de animação:

Move the editor cursor forward in time by clicking here:

Change the logo position to (118, 0) and add a keyframe again. With two keyframes with different values, the animation happens.

Pressionar “Reproduzir animação selecionada a partir do início (Shift-D)” no painel de animação fará o logotipo descer.

Clique no botão “Autoplay on Load” para definir a animação para iniciar automaticamente quando a cena começar.

E finalmente, ao executar a cena, a animação deve ficar assim: