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: