HUD - Testes com gradient_fill Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Aldeia RPG
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

HUD - Testes com gradient_fill

+3
matheus180
Muta
Paulo Soreto
7 participantes

Ir para baixo

HUD - Testes com gradient_fill Empty HUD - Testes com gradient_fill

Mensagem por Paulo Soreto Seg Abr 23, 2012 1:27 pm

Iae gente, eu estava lendo sobre o gradient_fill_rect, que é usado para criar uma forma com um degradê interno. Bem, pra testar eu criei uma hud, bem simples, que exibe apenas o hp e mp do personagem, achei que ela ficou bonitinha e resolvi postar aqui pra quem quiser xD

Screens
Spoiler:
Spoiler:

Script
Código:
#===============================================================================
# HUD
#-------------------------------------------------------------------------------
# By Soreto
#===============================================================================
class Hud < Window_Base
  def initialize
    super(-13,5,220,100)
    self.contents = Bitmap.new(width - 32, height - 32)
    self.opacity = 0
    self.z = 9999
    @actor = $game_party.members[0]
   
    #------------------------------------------------
    # Align
    # 0 - Left | 1 - Center | 2 - Right
    #------------------------------------------------
    @align = 0
    refresh
  end
 
  def update
    super
    refresh if something_changed?
  end
 
  def something_changed?
    return true if @ohp != @actor.hp
    return true if @omp != @actor.mp
    return false
  end
 
  #------------------------------------------------
  # Refresh
  #------------------------------------------------
  def refresh
    self.contents.clear
    @ohp = @actor.hp
    @omp = @actor.mp
   
    #------------------------------------------------
    # Draw Bars
    #------------------------------------------------
    hpwidth = 175 * @actor.hp / @actor.mhp
    mpwidth = 175 * @actor.mp / @actor.mmp
    hpbar  = self.contents.gradient_fill_rect(5, 40, mpwidth, 15, Color.new(0,0,255), Color.new(30,144,255))
    mpbar  = self.contents.gradient_fill_rect(5, 10, hpwidth, 15, Color.new(255,0,0), Color.new(255,69,0))
    draw_border
    draw_text
  end
 
  #------------------------------------------------
  # Draw Text
  #------------------------------------------------
  def draw_text
    self.contents.font.name = "Verdana"
    self.contents.font.size = 15
    txt  = self.contents.draw_text(5, 10, 175, 15, "#{@actor.hp}/#{@actor.mhp}", @align)     
    txt2 = self.contents.draw_text(5, 40, 175, 15, "#{@actor.mp}/#{@actor.mmp}", @align)
  end

  #------------------------------------------------
  # Draw Border
  #------------------------------------------------ 
  def draw_border
    self.contents.blur
    @border1 = self.contents.fill_rect(0, 1, width - 32-1, 1, Color.new(0,0,0))
    @border2 = self.contents.fill_rect(0, 0, width - 32-3, 1, Color.new(0,0,0))
    @border4 = self.contents.fill_rect(0, 65, width - 32-1, 1, Color.new(0,0,0))
    @border5 = self.contents.fill_rect(0, 66, width - 32-3, 1, Color.new(0,0,0))
    self.contents.blur
  end
 
end

#------------------------------------------------
# Class Scene_Map
#------------------------------------------------
class Scene_Map
  alias hud_main main
  def main
    @Hud = Hud.new
    hud_main
    @Hud.dispose
  end
  alias hud_update update
  def update
    hud_update
    @Hud.update
  end
end


Última edição por Soreto em Seg Abr 23, 2012 3:12 pm, editado 3 vez(es)

_________________
HUD - Testes com gradient_fill FwYnoXI
Paulo Soreto
Paulo Soreto
Lenda
Lenda

Mensagens : 1980
Créditos : 367

Ficha do personagem
Nível: 1
Experiência:
HUD - Testes com gradient_fill Left_bar_bleue0/0HUD - Testes com gradient_fill Empty_bar_bleue  (0/0)
Vida:
HUD - Testes com gradient_fill Left_bar_bleue30/30HUD - Testes com gradient_fill Empty_bar_bleue  (30/30)

https://www.aldeiarpg.com/

Ir para o topo Ir para baixo

HUD - Testes com gradient_fill Empty Re: HUD - Testes com gradient_fill

Mensagem por Muta Seg Abr 23, 2012 1:55 pm


---------------------------------
Ficou bonita mesmo Soreto =D
+1 Cred
---------------------------------

_________________
"Cansei de esconder o que há em meu coração, agora vou mostrar todo o amor que sinto por você"
By:Darus Sven
HUD - Testes com gradient_fill HcMNL

Melhores Bandas da História:

Spoiler:
HUD - Testes com gradient_fill Tkw
Muta
Muta
Ocasional
Ocasional

Mensagens : 190
Créditos : 48

Ir para o topo Ir para baixo

HUD - Testes com gradient_fill Empty Re: HUD - Testes com gradient_fill

Mensagem por matheus180 Seg Abr 23, 2012 3:14 pm

Ficou muito boa cara realmente, +1 créd!

_________________
HUD - Testes com gradient_fill 3trEP
matheus180
matheus180
Desenvolvedor
Desenvolvedor

Mensagens : 749
Créditos : 174

Ir para o topo Ir para baixo

HUD - Testes com gradient_fill Empty Re: HUD - Testes com gradient_fill

Mensagem por Hatsurugi Seg Abr 23, 2012 4:09 pm

Merece meus parabéns pelo trabalho bem feito, continue assim.
+1 Cred

De sua atiradora

Hatsurugi

_________________
Fanbars:



Minha deusa:


HUD - Testes com gradient_fill JCx9e
Hatsurugi
Hatsurugi
Diva
Diva

Mensagens : 236
Créditos : 125

Ir para o topo Ir para baixo

HUD - Testes com gradient_fill Empty Re: HUD - Testes com gradient_fill

Mensagem por Raphael Seg Abr 23, 2012 7:35 pm

Realmente linda cara.
Mas como vai ficar se a Hp tiver por exemplo, em 10/4200 e o texto não couber?
Raphael
Raphael
Iniciante
Iniciante

Mensagens : 77
Créditos : 16

Ir para o topo Ir para baixo

HUD - Testes com gradient_fill Empty Re: HUD - Testes com gradient_fill

Mensagem por Paulo Soreto Seg Abr 23, 2012 8:16 pm

É exatamente isso que vou corrigir xD
Daqui a pouco posto ele corrigido.

_________________
HUD - Testes com gradient_fill FwYnoXI
Paulo Soreto
Paulo Soreto
Lenda
Lenda

Mensagens : 1980
Créditos : 367

Ficha do personagem
Nível: 1
Experiência:
HUD - Testes com gradient_fill Left_bar_bleue0/0HUD - Testes com gradient_fill Empty_bar_bleue  (0/0)
Vida:
HUD - Testes com gradient_fill Left_bar_bleue30/30HUD - Testes com gradient_fill Empty_bar_bleue  (30/30)

https://www.aldeiarpg.com/

Ir para o topo Ir para baixo

HUD - Testes com gradient_fill Empty Re: HUD - Testes com gradient_fill

Mensagem por Nanzin Seg Abr 23, 2012 8:24 pm

Legal xD, to vendo que esta mergulhando no RGSS3 *O*
nao pude deixar de notar o "novo" @align, nao sei se é isso mas é uma nova instancia da Window_Base? '-'

fiquei curioso muhaha!

+1

_________________
HUD - Testes com gradient_fill Npvo

Para Aqueles que gostam de Min e de meu Trabalho;
Upem Meu Pet nao custa nda!!


Pet:
Nanzin
Nanzin
Membro de Honra
Membro de Honra

Mensagens : 1550
Créditos : 252

Ir para o topo Ir para baixo

HUD - Testes com gradient_fill Empty Re: HUD - Testes com gradient_fill

Mensagem por Paulo Soreto Seg Abr 23, 2012 9:01 pm

É um parametro adicional no draw_text, ele alinha o texto no centro, na direita ou na esquerda dependendo do valor que por tipo assim:
self.contents.draw_text(5, 40, 175, 15, "#{@actor.mp}/#{@actor.mmp}", 0)
Alinha na direita, o 1 alinha no meio e 2 alinha na esquerda.
O alinhamento é feito dentro da medida da largura, no caso 175.

_________________
HUD - Testes com gradient_fill FwYnoXI
Paulo Soreto
Paulo Soreto
Lenda
Lenda

Mensagens : 1980
Créditos : 367

Ficha do personagem
Nível: 1
Experiência:
HUD - Testes com gradient_fill Left_bar_bleue0/0HUD - Testes com gradient_fill Empty_bar_bleue  (0/0)
Vida:
HUD - Testes com gradient_fill Left_bar_bleue30/30HUD - Testes com gradient_fill Empty_bar_bleue  (30/30)

https://www.aldeiarpg.com/

Ir para o topo Ir para baixo

HUD - Testes com gradient_fill Empty Re: HUD - Testes com gradient_fill

Mensagem por †AnjoFael† Seg Abr 23, 2012 9:51 pm

Hum..
Achei Meiu Simples!
Mas ficou legal!


_________________

HUD - Testes com gradient_fill 34g0n7q
HUD - Testes com gradient_fill CczuLhS
Facebook
†AnjoFael†
†AnjoFael†
Experiente
Experiente

Mensagens : 408
Créditos : 67

Ir para o topo Ir para baixo

HUD - Testes com gradient_fill Empty Re: HUD - Testes com gradient_fill

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos