Conectar-se
Quem está conectado
32 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 32 Visitantes

Nenhum

Ver toda a lista


Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Ranking : Nota C
Notas recebidas : B+C
Data de inscrição : 15/05/2012
Número de Mensagens : 666
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 49

Prêmios
   : 1
   : 0
   : 0
Ver perfil do usuário

[Resolvido]Barra de vida com transparencia

em Sex 31 Jul 2015, 14:14
Galera como que faz essa barra aí?

Eu faço minhas barras com o enchimento de fundo, aí vou subindo ela com o image_xscale, para barras retas é tranquilo.
Só que esse ai e diferente porque tem um formato "irregular", e ainda tem que preservar a transparencia do backgroud.

Alguém tem uma ideia?

Eu pensei em mascaras colocando uma que só fizesse aparecer o que tem dentro do contorno mas não sei como implementar.



Se alguem quiser ai ajuda na engine, ta aí o link (Clique na tela para "subir" a life):

Download: Engine barra de vida com mascara


Última edição por chicoweb em Sex 31 Jul 2015, 16:54, editado 1 vez(es)
avatar
Ranking : Nota A
Notas recebidas : C + B + A + A
Data de inscrição : 08/06/2009
Número de Mensagens : 1846
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 254

Prêmios
   : 2
   : 1
   : 1
Ver perfil do usuáriohttp://willy-gmbr.blogspot.com/

Re: [Resolvido]Barra de vida com transparencia

em Sex 31 Jul 2015, 14:29
Reputação da mensagem: 100% (1 votos)
Não é difícil fazer, é apenas trabalhoso para o artista.
Basta fazer um sprite com 100 sub-imagens (entenda que 100 equivale 0% à 100% da barra de vida) e desenhar na tela, sendo que o image_index deverá ser correspondente à % de vida que o objeto possui.
avatar
Data de inscrição : 15/08/2010
Número de Mensagens : 1598
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 147

Prêmios
   : 0
   : 0
   : 0
Ver perfil do usuáriohttp://spyreserver.16mb.com

Re: [Resolvido]Barra de vida com transparencia

em Sex 31 Jul 2015, 15:26
creio que também da pra fazer com o draw_sprite_part_ext...
avatar
Ranking : Nota C
Notas recebidas : C
Data de inscrição : 06/12/2014
Número de Mensagens : 32
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 1

Prêmios
   : 1
   : 0
   : 0
Ver perfil do usuário

Re: [Resolvido]Barra de vida com transparencia

em Sex 31 Jul 2015, 15:45
Anteriormente na minha antiga conta fiz um tutorial desse estilo, veja só: http://gmbr.forumeiros.com/t28087-tutorialbarra-de-vida-personalizada
avatar
Data de inscrição : 15/08/2010
Número de Mensagens : 1598
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 147

Prêmios
   : 0
   : 0
   : 0
Ver perfil do usuáriohttp://spyreserver.16mb.com

Re: [Resolvido]Barra de vida com transparencia

em Sex 31 Jul 2015, 15:49
Reputação da mensagem: 100% (1 votos)
Data de inscrição : 29/05/2012
Número de Mensagens : 929
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 33
Ver perfil do usuário

Re: [Resolvido]Barra de vida com transparencia

em Sex 31 Jul 2015, 15:56
Tem essa engine de Healthbar que da pra vc personalizar de varias formas tbm. aqui yes
Convidado
Convidado

Re: [Resolvido]Barra de vida com transparencia

em Sex 31 Jul 2015, 16:17
Noooooo. nuu

Uiliiiiiii, não precisa disso ta viajando? scratch

Tudo que precisa fazer é desenhar um retângulo para o life, e em cima um sprite para a barrinha do life.

Só que utilize um outro surface para apagar os arrredores que a barra ultrapassar...Entendeu chico?

Bom, fiz uma engine para facilitar.
init_draw_life(sprite) - inicia o desenho do life, utilize no create e como argumento coloque o sprite desenhado para o life.

draw_life(x, y, porcentagem, cor da barra) - Desenha o life na posição (x,y), porcentagem é a porcentagem de life do player, coloque um valor entre 0 e 100. Cor da barra é cor da barrinha que vai ser desenhada como life.

Download: https://www.dropbox.com/s/200omzc4mjp955n/engine_life.gmk?dl=1

Print resultado:


Qualquer dúvida, só perguntar. ;)
avatar
Ranking : Nota B
Notas recebidas : C + C + B
Data de inscrição : 28/07/2012
Número de Mensagens : 1281
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 73

Prêmios
   : 3
   : 1
   : 3
Ver perfil do usuário

Re: [Resolvido]Barra de vida com transparencia

em Sex 31 Jul 2015, 16:33
Simplesmente:

draw_sprite_part(sprite, subimg, 0, 0, width/100 * life, height, x, y);

Sendo que o width é a largura e height a altura da sprite. Você cria uma sprite transparente do formato do contorno.
avatar
Ranking : Nota C
Notas recebidas : B+C
Data de inscrição : 15/05/2012
Número de Mensagens : 666
Insígnias de JAM :

Insignia 1x 0 Insignia 2x 0 Insignia 3x 0
Reputação : 49

Prêmios
   : 1
   : 0
   : 0
Ver perfil do usuário

Re: [Resolvido]Barra de vida com transparencia

em Sex 31 Jul 2015, 16:53

O "draw_sprite_part_ext" que o isak usou é a melhor solução mesmo galera, é a mais facil de programar, obrigado.

SuDo escreveu:Noooooo. nuu

Uiliiiiiii, não precisa disso ta viajando? scratch

Tudo que precisa fazer é desenhar um retângulo para o life, e em cima um sprite para a barrinha do life.

Só que utilize um outro surface para apagar os arrredores que a barra ultrapassar...Entendeu chico?

Bom, fiz uma engine para facilitar.
init_draw_life(sprite) - inicia o desenho do life, utilize no create e como argumento coloque o sprite desenhado para o life.

draw_life(x, y, porcentagem, cor da barra) - Desenha o life na posição (x,y), porcentagem é a porcentagem de life do player, coloque um valor entre 0 e 100. Cor da barra é cor da barrinha que vai ser desenhada como life.

Download: https://www.dropbox.com/s/200omzc4mjp955n/engine_life.gmk?dl=1

Print resultado:


Qualquer dúvida, só perguntar. ;)

A sua tb é muito boa sudo, é mais avançada e servirá ainda para outras coisas onde agente precise subtrair imagens, essa eu vou estudar o código, e como vc colocou em forma de script o uso dela acabou ficando de facil implementação tb. valeu.


Enfim duas engines perfeitas, Obrigado a todos que ajudaram.
Conteúdo patrocinado

Re: [Resolvido]Barra de vida com transparencia

Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum