[Resolvido]Barra de vida com transparencia

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[Resolvido]Barra de vida com transparencia

Mensagem por chicoweb 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)

chicoweb

Ranking : Nota C
Número de Mensagens : 666
Idade : 40
Data de inscrição : 15/05/2012
Notas recebidas : B+C
Reputação : 49
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: [Resolvido]Barra de vida com transparencia

Mensagem por Willy em Sex 31 Jul 2015, 14:29

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.

___________


Engines, tutoriais e projetos? Clique no banner!



Atenção:
Comporte-se, senão você vai levar a cintada do Willy no meio da bunda! bravo


Willy

Ranking : Nota A
Número de Mensagens : 1812
Idade : 23
Data de inscrição : 08/06/2009
Notas recebidas : C + B + A + A
Reputação : 245
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 2
   : 1
   : 1

http://willy-gmbr.blogspot.com/

Voltar ao Topo Ir em baixo

Re: [Resolvido]Barra de vida com transparencia

Mensagem por Isaque Onix em Sex 31 Jul 2015, 15:26

creio que também da pra fazer com o draw_sprite_part_ext...

Isaque Onix

Número de Mensagens : 1597
Idade : 23
Data de inscrição : 15/08/2010
Reputação : 147
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://spyreserver.16mb.com

Voltar ao Topo Ir em baixo

Re: [Resolvido]Barra de vida com transparencia

Mensagem por Mr Alleph 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

Mr Alleph

Ranking : Nota C
Número de Mensagens : 32
Idade : 19
Data de inscrição : 06/12/2014
Notas recebidas : C
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: [Resolvido]Barra de vida com transparencia

Mensagem por Isaque Onix em Sex 31 Jul 2015, 15:49

modifiquei sua engine https://www.dropbox.com/s/dsmza90aboibvyo/barra%20de%20vida%20com%20mascara.gmk?dl=0

Isaque Onix

Número de Mensagens : 1597
Idade : 23
Data de inscrição : 15/08/2010
Reputação : 147
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://spyreserver.16mb.com

Voltar ao Topo Ir em baixo

Re: [Resolvido]Barra de vida com transparencia

Mensagem por Gonzo em Sex 31 Jul 2015, 15:56

Tem essa engine de Healthbar que da pra vc personalizar de varias formas tbm. aqui yes

Gonzo

Número de Mensagens : 927
Data de inscrição : 29/05/2012
Reputação : 33
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Re: [Resolvido]Barra de vida com transparencia

Mensagem por Convidado 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. ;)

Convidado
Convidado


Voltar ao Topo Ir em baixo

Re: [Resolvido]Barra de vida com transparencia

Mensagem por Rodrigo Santiago 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.

Rodrigo Santiago

Ranking : Nota B
Número de Mensagens : 1281
Idade : 20
Data de inscrição : 28/07/2012
Notas recebidas : C + C + B
Reputação : 73
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 3
   : 1
   : 3

Voltar ao Topo Ir em baixo

Re: [Resolvido]Barra de vida com transparencia

Mensagem por chicoweb em Sex 31 Jul 2015, 16:53

Isaque Onix escreveu:modifiquei sua engine https://www.dropbox.com/s/dsmza90aboibvyo/barra%20de%20vida%20com%20mascara.gmk?dl=0

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.

chicoweb

Ranking : Nota C
Número de Mensagens : 666
Idade : 40
Data de inscrição : 15/05/2012
Notas recebidas : B+C
Reputação : 49
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: [Resolvido]Barra de vida com transparencia

Mensagem por Conteúdo patrocinado Hoje à(s) 02:26


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum