Fazendo uma barra de vida - Construct 2 (PT-BR)

2

Statistiques

13,472 visites, 15,030 vues

Outils

Partager

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 16 Apr, 2013. Last updated 25 Feb, 2019

Começando

Aqui eu vou considerar que você ja tem os graficos para sua barra de vida - de da maneira que você quiser, mas basicamente a estrutura é essa:

O segundo é opcional, mas dá uma melhor aparencia. (ele fica ao fundo quando a barra estiver vazia.)

Passo 2

Importe-as para o Construct e especifique esses pontos de origem:

Ajuste se for necessario. Isso vai fazer ficar mais facil quando estiver fazendo os eventos. Nomeie os objetos, eu as nomeei de: 'Frame' , 'SubBarra' e 'Barra'. O 'personagem' ou 'Alvo' vão ser o nome do objeto do seu heroi.

Coloque seus objetos da barra de life em uma camada separada, no topo de tudo, se você quiser. Tenha certeza que estabeleceu os valores X e Y em zero.

Passo 3

Vamos adicionar algumas propriedades. Só adicione as propriedades 'Vida' e 'VidaMax' para seu objeto alvo, e 'LarguraInicial' para o objeto da barra de vida. Para adicionar propriedades. Para adicionar propriedades vá ao painel esquerdo > Variáveis ​​da Instância > Editar Variáveis. Edite-as como quiser. Por exemplo, se a vida maxima do seu heroi é 100 estabeleça os valores 'VidaMax' para 100 e Life em 100, ou qualquer valor que você queira. :)

Para adicionar uma propriedade: ou vá diretamente na seção do editor de 'Variáveis ​​da Instância' ou no event sheet: Adicionar ação -> Duplo Click no objeto - > vá para a seção 'Variáveis ​​da Instância' -> Estabeleça o valor. Usualmente se usa no evento "No começo do layout" mas isso pode ser necessario/desejado.

Passo 4

Ultimo passo: os eventos. Para uma melhor organização adicione uma 'Event Sheet' chamada HUD ou qualquer coisa que você gostar, indo em:

Aba do Projeto -> Click esquerdo em Event Sheets -> Adicionar Event Sheet.

Quando adicionar isso a Event Sheet principal com o botão direito na tela da principal Event Sheet > Incluir Event Sheet. Vá para a HUD Event Sheet:

Adicione uma System: No começo do layout evento. Nessa ação coloque:

- Barra: Set Position to (Frame.X, Frame.Y)

- SubBarra: Set Position to (Frame.X, Frame.Y)

- Barra: Set Instance Variable InitialWidth to Self.Width

Depois disso coloque um evento System: Every Tick com essas ações:

- Barra: Set Width to (Self.InitialWidth + (Hero.Life-Hero.MaxLife)*(Self.InitialWidth/Hero.MaxLife))

(Obrigado para @Sargas pela dica !)

Você conseguiu ! Os pontos de origem vão posicionar as barras corretamente, ou corrija-os caso estejam em posições erradas.

Agora manipule o Personagem.Vida como desejado! É isso. Vejo você no proximo tutorial

Visual Final:

  • 1 Comments

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