Efeito 3D Card Flip

1

Index

Tagged

Stats

4,344 visits, 5,566 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 4 Feb, 2015. Last updated 25 Feb, 2019

Construct 2 Layout

Crie 3 Sprites, com os nomes: "Frente", "Verso" e "Carta 3D".

Importe os frames da carta 3D para as animações em "Carta 3D".

Importe as imagens de frente e verso para os respectivos sprites, individualmente.

Tenha certeza de que todos têm o mesmo tamanho.

Empilhe-os todos sob a mesma posição: ficando a parte do verso no topo, a parte da frente no meio e a carta 3D embaixo.

Construct 2 Events

Crie 4 variáveis globais ("global vars").

Nós usaremos a equação da linha reta para calcular a "rotação" das partes frontal e traseira da carta.

Por favor, leia mais detalhes sobre a equação aqui:

[/11]

Defina os valores iniciais no início do layout:

Defina como "Flipped" cada vez que a animação 3D se completa:

[

NdT: marcado a cada revolução da carta! ]

Defina a animação da carta 3D para quando esta for clicada/tocada:

Nós vamos redimensionar as imagens das partes da frente e do verso da carta, de acordo com os keyframes da animação da carta 3D, através da propriedade Value (Global).

Se a carta não estiver virada para baixo, a imagem "Frente" deve ser mostrada e redimensionada até que a animação esteja na metade da revolução; neste ponto, escondemos a imagem da frente e mostramos a imagem do verso ("Verso"), que começa com valor 0 e, à medida que a animação acontece, vai aumentando de tamanho até seu tamanho original.

Se a carta é então virada, fazemos o mesmo descrito acima, mas com a imagem do verso sendo diminuída e a da frente, aumentada.

E é isso! O projeto pode ser usado para qualquer jogo de cartas, simplesmente mudando as imagens de frente e verso.

Nota: Se você precisar de cartas mais bonitas, texturize-as no Blender, ao invés das imagens de frente e verso.

-------------------------

[

Notas de Tradução: eu mantive a fidelidade do texto e os nomes de propriedades em inglês, mas ajustei algumas coisas e adicionei outras (quando considerei falhas) para um melhor entendimento ]

------

Download CAPX

  • 0 Comments

Want to leave a comment? Login or Register an account!