HUD - Testes com gradient_fill

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

por Muta Seg Abr 23, 2012 1:55 pm

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

por matheus180 Seg Abr 23, 2012 3:14 pm

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

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

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?

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

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

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

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.