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¶
Chegou a hora de criar uma nova animação! Pressione o botão Animação e selecione Novo do menu. Nomeie a animação “intro” quando a caixa de diálogo aparecer.
Agora que temos uma animação, o editor de propriedades entra no modo “edição de animação”. Neste modo, um ícone de chave aparece ao lado de todas as propriedades do editor de propriedades. Na Godot, qualquer propriedade de um objeto pode ser animada:
Editando a animação¶
O logotipo aparecerá na parte superior da tela.
Com o painel do editor de animação aberto, selecione o nó “logo” e defina a propriedade “Rect / Position” para “(118, -400)” e pressione o botão ao lado da propriedade para adicionar um quadro chave:
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:
Mova o cursor do editor para frente clicando aqui:
Mude a posição do logo para `` (118, 0) `` e adicione um quadro-chave novamente. Com dois quadros-chave de valores diferentes, a animação acontece.
Pressing “Play selected animation from start” button on the animation panel (or Shift + D on keyboard) will make the logo descend.
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:
