Script: Simple HUD

[FL]

Hi, how are you? Can you add the badges? Do you intend to make the script available? I found it very interesting and would like to use it. Thank you now
sorry for my English

To show badge number, change line 'ret[0] = _INTL("text one")' into 'ret[0] = _INTL("$ "+$Trainer.numbadges.to_s)'.

The script is already available, I'm not sure I understand this question correctly.

 

[Golisopod User]

The script is already available, I'm not sure I understand this question correctly.

I think he means can you make the script to show badges available. It's a translational error.

 

[Luxintra]

Wanted to say thank you for the great script FL!

 

[DragonN3xus]

How do I get the hud to appear on the sides instead of being on top or bottom?

 

[Golisopod User]

How do I get the hud to appear on the sides instead of being on top or bottom?

You can edit the coordinates of the elements in the script.

 

[TheBIGFriv]

Hi!
I recently increased my game window size to 768 by 576
And I was wondering how I could make the Pokemon Icons and HP more spaced out.

They are all together in the same space, and I would like them to be a little farther away from each other, to fill the entire bottom row (the money would still be where it is, so they would fill until they reach the money)

Thank you!

 

[bo4p5687]

Hi!
I recently increased my game window size to 768 by 576
And I was wondering how I could make the Pokemon Icons and HP more spaced out.

They are all together in the same space, and I would like them to be a little farther away from each other, to fill the entire bottom row (the money would still be where it is, so they would fill until they reach the money)

Thank you!

You can find in this "def create" and

for i in 0...6
  x = 16+64*i
  y = @yposition-8
  y-=8 if SHOWHPBARS
  @sprites["pokeicon#{i}"]=IconSprite.new(x,y,@viewport1)
end

Change the value x

and about hp bar, find this

if SHOWHPBARS

it's below icon pokemon, you can find

for i in 0...6
          x=64*i+48
          y=@yposition+55

          @sprites["hpbarborder#{i}"] = BitmapSprite.new(
            borderWidth,borderHeight,@viewport1
          )

Change the value x

 

[MessiDuvidoso]

Wanted to say thank you for the great script FL!

Could you make this Hud available? I tried to use the Streamer Mod community but it has errors when changing the screen size, could you help me with that? If it were possible to just let me use the clock on the right I would appreciate it ❤️

 

[MessiDuvidoso]

Hi FL

I think your script that is very nice, but I think in your script in which the ions are the animated icons, it's better and you can change something to do that.

My idea is:

Change this:

Spoiler:

for i in 0...6
x = 16+64*i
y = @yposition-8
y-=8 if SHOWHPBARS
@sprites["pokeicon#{i}"]=IconSprite.new(x,y,@viewport1)
end

into:

Spoiler:

for i in 0...6
x = 16+64*i
y = @yposition-8
y-=8 if SHOWHPBARS
@sprites["pokeicon#{i}"]=IconSprite.new(x,y,@viewport1)
@sprites["pokeicon#{i}"].visible = false
end

Then delete this:

Spoiler:

for sprite in @sprites.values
sprite.z+=600
end

Then, this line:

Spoiler:

refresh = (
@partySpecies!=partySpecie ||
@partyForm!=partyForm ||
@partyIsEgg!=partyIsEgg
)

Add after that, this code:

Spoiler:

@sprites["pokeicon#{i}"].visible = false if @partySpecies!=partySpecie || @partyForm!=partyForm || @partyIsEgg!=partyIsEgg

Then, delete this code:

Spoiler:

pokemonIconFile = pbPokemonIconFile($Trainer.party)
@sprites["pokeicon#{i}"].setBitmap(pokemonIconFile)
@sprites["pokeicon#{i}"].src_rect=Rect.new(0,0,64,64)

And add this:

Spoiler:

@sprites["pokeicon#{i}"] = PokemonIconSprite.new($Trainer.party,@viewport1)
@sprites["pokeicon#{i}"].x = 16+64*i
@sprites["pokeicon#{i}"].y = @yposition - 8

That's all. Have fun and thanks your reading.

I tried, I did it the way you indicated, minutely, but in v18 it didn't work ... Is it because FL updated since you made these changes?
But it didn't work here. Sad, could you check?

 

[bo4p5687]

I tried, I did it the way you indicated, minutely, but in v18 it didn't work ... Is it because FL updated since you made these changes?
But it didn't work here. Sad, could you check?

It works, you need to read again if you want to use it.

 

[MessiDuvidoso]

It works, you need to read again if you want to use it.

Spoiler:

#===============================================================================
# * Simple HUD Optimized - by FL (Credits will be apreciated)
#===============================================================================
#
# This script is for Pokémon Essentials. It displays a simple HUD with the
# party icons, HP Bars and some small text.
#
#===============================================================================
#
# To this script works, put it above main.
#
#===============================================================================
class Spriteset_Map
class HUD
# If you wish to use a background picture, put the image path below, like
# BGPATH="Graphics/Pictures/battleMessage". I recommend a 512x64 picture
BGPATH=""

# Make as 'false' to don't show the blue bar
USEBAR=true

# Make as 'true' to draw the HUD at bottom
DRAWATBOTTOM=false

# Make as 'true' to only show HUD in the pause menu
DRAWONLYINMENU=false

# Make as 'false' to don't show the hp bars
SHOWHPBARS=true

# When above 0, only displays HUD when this switch is on.
SWITCHNUMBER = 0

# Lower this number = more lag.
FRAMESPERUPDATE=2

# The size of drawable content.
BARHEIGHT = 64

def initialize(viewport1)
@viewport1 = viewport1
@sprites = {}
@yposition = DRAWATBOTTOM ? Graphics.height-64 : 0
end

def showHUD?
return (
$Trainer &&
(SWITCHNUMBER<=0 || $game_switches[SWITCHNUMBER]) &&
(!DRAWONLYINMENU || $game_temp.in_menu)
)
end

def create
@sprites.clear

@partySpecies = Array.new(6, 0)
@partyForm = Array.new(6, 0)
@partyIsEgg = Array.new(6, false)
@partyHP = Array.new(6, 0)
@partyTotalHP = Array.new(6, 0)

if USEBAR
@sprites["bar"]=IconSprite.new(0,@yposition,@viewport1)
barBitmap = Bitmap.new(Graphics.width,BARHEIGHT)
barRect = Rect.new(0,0,barBitmap.width,barBitmap.height)
barBitmap.fill_rect(barRect,Color.new(128,128,192))
@sprites["bar"].bitmap = barBitmap
end

drawBarFromPath = BGPATH != ""
if drawBarFromPath
@sprites["bgbar"]=IconSprite.new(0,@yposition,@viewport1)
@sprites["bgbar"].setBitmap(BGPATH)
end

@currentTexts = textsDefined
drawText

for i in 0...6
x = 16+64*i
y = @yposition-8
y-=8 if SHOWHPBARS
@sprites["pokeicon#{i}"]=IconSprite.new(x,y,@viewport1)
@sprites["pokeicon#{i}"].visible = false
end
refreshPartyIcons

if SHOWHPBARS
borderWidth = 36
borderHeight = 10
fillWidth = 32
fillHeight = 6
for i in 0...6
x=64*i+48
y=@yposition+55

@sprites["hpbarborder#{i}"] = BitmapSprite.new(
borderWidth,borderHeight,@viewport1
)
@sprites["hpbarborder#{i}"].x = x-borderWidth/2
@sprites["hpbarborder#{i}"].y = y-borderHeight/2
@sprites["hpbarborder#{i}"].bitmap.fill_rect(
Rect.new(0,0,borderWidth,borderHeight),
Color.new(32,32,32)
)
@sprites["hpbarborder#{i}"].bitmap.fill_rect(
(borderWidth-fillWidth)/2,
(borderHeight-fillHeight)/2,
fillWidth,
fillHeight,
Color.new(96,96,96)
)
@sprites["hpbarborder#{i}"].visible = false

@sprites["hpbarfill#{i}"] = BitmapSprite.new(
fillWidth,fillHeight,@viewport1
)
@sprites["hpbarfill#{i}"].x = x-fillWidth/2
@sprites["hpbarfill#{i}"].y = y-fillHeight/2
end
refreshHPBars
end



def drawText
baseColor=Color.new(72,72,72)
shadowColor=Color.new(160,160,160)

if @sprites.include?("overlay")
@sprites["overlay"].bitmap.clear
else
width = Graphics.width
@sprites["overlay"] = BitmapSprite.new(width,BARHEIGHT,@viewport1)
@sprites["overlay"].y = @yposition
end

xposition = Graphics.width-64
textPositions=[
[@currentTexts[0],xposition,0,2,baseColor,shadowColor],
[@currentTexts[1],xposition,32,2,baseColor,shadowColor]
]

pbSetSystemFont(@sprites["overlay"].bitmap)
pbDrawTextPositions(@sprites["overlay"].bitmap,textPositions)
end

# Note that this method is called on each refresh, but the texts
# only will be redrawed if any character change.
def textsDefined
ret=[]
ret[0] = _INTL("text one")
ret[1] = _INTL("text two")
return ret
end

def refreshPartyIcons
for i in 0...6
partyMemberExists = $Trainer.party.size > i
partySpecie = 0
partyForm = 0
partyIsEgg = false
if partyMemberExists
partySpecie = $Trainer.party.species
partyForm = $Trainer.party.form
partyIsEgg = $Trainer.party.egg?
end
refresh = (
@partySpecies!=partySpecie ||
@partyForm!=partyForm ||
@partyIsEgg!=partyIsEgg
)
@sprites["pokeicon#{i}"].visible = false if @partySpecies!=partySpecie || @partyForm!=partyForm || @partyIsEgg!=partyIsEgg
if refresh
@partySpecies = partySpecie
@partyForm = partyForm
@partyIsEgg = partyIsEgg
if partyMemberExists
@sprites["pokeicon#{i}"] = PokemonIconSprite.new($Trainer.party,@viewport1)
@sprites["pokeicon#{i}"].x = 16+64*i
@sprites["pokeicon#{i}"].y = @yposition - 8
end
@sprites["pokeicon#{i}"].visible = partyMemberExists
end
end
end

def refreshHPBars
for i in 0...6
hp = 0
totalhp = 0
hasHP = i<$Trainer.party.size && !$Trainer.party.egg?
if hasHP
hp = $Trainer.party.hp
totalhp = $Trainer.party.totalhp
end

lastTimeWasHP = @partyTotalHP != 0
@sprites["hpbarborder#{i}"].visible = hasHP if lastTimeWasHP != hasHP

redrawFill = hp != @partyHP || totalhp != @partyTotalHP
if redrawFill
@partyHP = hp
@partyTotalHP = totalhp
@sprites["hpbarfill#{i}"].bitmap.clear

width = @sprites["hpbarfill#{i}"].bitmap.width
height = @sprites["hpbarfill#{i}"].bitmap.height
fillAmount = (hp==0 || totalhp==0) ? 0 : hp*width/totalhp
# Always show a bit of HP when alive
fillAmount = 1 if fillAmount==0 && hp>0
if fillAmount > 0
hpColors=nil
if hp<=(totalhp/4).floor
hpColors = [Color.new(240,80,32),Color.new(168,48,56)] # Red
elsif hp<=(totalhp/2).floor
hpColors = [Color.new(248,184,0),Color.new(184,112,0)] # Orange
else
hpColors = [Color.new(24,192,32),Color.new(0,144,0)] # Green
end
shadowHeight = 2
rect = Rect.new(0,0,fillAmount,shadowHeight)
@sprites["hpbarfill#{i}"].bitmap.fill_rect(rect, hpColors[1])
rect = Rect.new(0,shadowHeight,fillAmount,height-shadowHeight)
@sprites["hpbarfill#{i}"].bitmap.fill_rect(rect, hpColors[0])
end
end
end
end

def update
if showHUD?
if @sprites.empty?
create
else
updateHUDContent = (
FRAMESPERUPDATE<=1 || Graphics.frame_count%FRAMESPERUPDATE==0
)
if updateHUDContent
newTexts = textsDefined
if @currentTexts != newTexts
@currentTexts = newTexts
drawText
end
refreshPartyIcons
refreshHPBars if SHOWHPBARS
end
end
pbUpdateSpriteHash(@sprites)
else
dispose if [email protected]?
end
end

def dispose
pbDisposeSpriteHash(@sprites)
end
end

alias :initializeOldFL :initialize
alias :disposeOldFL :dispose
alias :updateOldFL :update

def initialize(map=nil)
initializeOldFL(map)
end

def dispose
@hud.dispose if @hud
disposeOldFL
end

def update
updateOldFL
@hud = HUD.new(@viewport1) if !@hud
@hud.update
end
end

If I did something wrong, it was the translator who confused me. I did as I understood, tell me where is wrong because it gives Syntax error

 

[bo4p5687]

If I did something wrong, it was the translator who confused me. I did as I understood, tell me where is wrong because it gives Syntax error

Above "def drawText", there are 2 end but you delete one. Add "end" above "def drawText".
After that, if there are still errors, send an error.

 

[MessiDuvidoso]

Above "def drawText", there are 2 end but you delete one. Add "end" above "def drawText".
After that, if there are still errors, send an error.

The script no longer has Syntax errors, I did as you indicated, but when opening the hud, they remain static, unfortunately ... what could it be?

Spoiler:

#===============================================================================
# * Simple HUD Optimized - by FL (Credits will be apreciated)
#===============================================================================
#
# This script is for Pokémon Essentials. It displays a simple HUD with the
# party icons, HP Bars and some small text.
#
#===============================================================================
#
# To this script works, put it above main.
#
#===============================================================================
class Spriteset_Map
class HUD
# If you wish to use a background picture, put the image path below, like
# BGPATH="Graphics/Pictures/battleMessage". I recommend a 512x64 picture
BGPATH=""

# Make as 'false' to don't show the blue bar
USEBAR=true

# Make as 'true' to draw the HUD at bottom
DRAWATBOTTOM=true

# Make as 'true' to only show HUD in the pause menu
DRAWONLYINMENU=false

# Make as 'false' to don't show the hp bars
SHOWHPBARS=true

# When above 0, only displays HUD when this switch is on.
SWITCHNUMBER = 0

# Lower this number = more lag.
FRAMESPERUPDATE=30

# The size of drawable content.
BARHEIGHT = 64

def initialize(viewport1)
@viewport1 = viewport1
@sprites = {}
@yposition = DRAWATBOTTOM ? Graphics.height-64 : 0
end

def showHUD?
return (
$Trainer &&
(SWITCHNUMBER<=0 || $game_switches[SWITCHNUMBER]) &&
(!DRAWONLYINMENU || $game_temp.in_menu)
)
end

def create
@sprites.clear

@partySpecies = Array.new(6, 0)
@partyForm = Array.new(6, 0)
@partyIsEgg = Array.new(6, false)
@partyHP = Array.new(6, 0)
@partyTotalHP = Array.new(6, 0)

if USEBAR
@sprites["bar"]=IconSprite.new(0,@yposition,@viewport1)
barBitmap = Bitmap.new(Graphics.width,BARHEIGHT)
barRect = Rect.new(0,0,barBitmap.width,barBitmap.height)
barBitmap.fill_rect(barRect,Color.new(128,128,192))
@sprites["bar"].bitmap = barBitmap
end

drawBarFromPath = BGPATH != ""
if drawBarFromPath
@sprites["bgbar"]=IconSprite.new(0,@yposition,@viewport1)
@sprites["bgbar"].setBitmap(BGPATH)
end

@currentTexts = textsDefined
drawText

for i in 0...6
x = 16+64*i
y = @yposition-8
y-=8 if SHOWHPBARS
@sprites["pokeicon#{i}"]=IconSprite.new(x,y,@viewport1)
@sprites["pokeicon#{i}"].visible = false
end
refreshPartyIcons

if SHOWHPBARS
borderWidth = 36
borderHeight = 10
fillWidth = 32
fillHeight = 6
for i in 0...6
x=64*i+48
y=@yposition+55

@sprites["hpbarborder#{i}"] = BitmapSprite.new(
borderWidth,borderHeight,@viewport1
)
@sprites["hpbarborder#{i}"].x = x-borderWidth/2
@sprites["hpbarborder#{i}"].y = y-borderHeight/2
@sprites["hpbarborder#{i}"].bitmap.fill_rect(
Rect.new(0,0,borderWidth,borderHeight),
Color.new(32,32,32)
)
@sprites["hpbarborder#{i}"].bitmap.fill_rect(
(borderWidth-fillWidth)/2,
(borderHeight-fillHeight)/2,
fillWidth,
fillHeight,
Color.new(96,96,96)
)
@sprites["hpbarborder#{i}"].visible = false

@sprites["hpbarfill#{i}"] = BitmapSprite.new(
fillWidth,fillHeight,@viewport1
)
@sprites["hpbarfill#{i}"].x = x-fillWidth/2
@sprites["hpbarfill#{i}"].y = y-fillHeight/2
end
refreshHPBars
end
end

def drawText
baseColor=Color.new(72,72,72)
shadowColor=Color.new(160,160,160)

if @sprites.include?("overlay")
@sprites["overlay"].bitmap.clear
else
width = Graphics.width
@sprites["overlay"] = BitmapSprite.new(width,BARHEIGHT,@viewport1)
@sprites["overlay"].y = @yposition
end

xposition = Graphics.width-64
textPositions=[
[@currentTexts[0],xposition,0,2,baseColor,shadowColor],
[@currentTexts[1],xposition,32,2,baseColor,shadowColor]
]

pbSetSystemFont(@sprites["overlay"].bitmap)
pbDrawTextPositions(@sprites["overlay"].bitmap,textPositions)
end

# Note that this method is called on each refresh, but the texts
# only will be redrawed if any character change.
def textsDefined
ret=[]
ret[0] = _INTL("text one")
ret[1] = _INTL("text two")
return ret
end

def refreshPartyIcons
for i in 0...6
partyMemberExists = $Trainer.party.size > i
partySpecie = 0
partyForm = 0
partyIsEgg = false
if partyMemberExists
partySpecie = $Trainer.party.species
partyForm = $Trainer.party.form
partyIsEgg = $Trainer.party.egg?
end
refresh = (
@partySpecies!=partySpecie ||
@partyForm!=partyForm ||
@partyIsEgg!=partyIsEgg
)
@sprites["pokeicon#{i}"].visible = false if @partySpecies!=partySpecie || @partyForm!=partyForm || @partyIsEgg!=partyIsEgg
if refresh
@partySpecies = partySpecie
@partyForm = partyForm
@partyIsEgg = partyIsEgg
if partyMemberExists
@sprites["pokeicon#{i}"] = PokemonIconSprite.new($Trainer.party,@viewport1)
@sprites["pokeicon#{i}"].x = 16+64*i
@sprites["pokeicon#{i}"].y = @yposition - 8
end
@sprites["pokeicon#{i}"].visible = partyMemberExists
end
end
end

def refreshHPBars
for i in 0...6
hp = 0
totalhp = 0
hasHP = i<$Trainer.party.size && !$Trainer.party.egg?
if hasHP
hp = $Trainer.party.hp
totalhp = $Trainer.party.totalhp
end

lastTimeWasHP = @partyTotalHP != 0
@sprites["hpbarborder#{i}"].visible = hasHP if lastTimeWasHP != hasHP

redrawFill = hp != @partyHP || totalhp != @partyTotalHP
if redrawFill
@partyHP = hp
@partyTotalHP = totalhp
@sprites["hpbarfill#{i}"].bitmap.clear

width = @sprites["hpbarfill#{i}"].bitmap.width
height = @sprites["hpbarfill#{i}"].bitmap.height
fillAmount = (hp==0 || totalhp==0) ? 0 : hp*width/totalhp
# Always show a bit of HP when alive
fillAmount = 1 if fillAmount==0 && hp>0
if fillAmount > 0
hpColors=nil
if hp<=(totalhp/4).floor
hpColors = [Color.new(240,80,32),Color.new(168,48,56)] # Red
elsif hp<=(totalhp/2).floor
hpColors = [Color.new(248,184,0),Color.new(184,112,0)] # Orange
else
hpColors = [Color.new(24,192,32),Color.new(0,144,0)] # Green
end
shadowHeight = 2
rect = Rect.new(0,0,fillAmount,shadowHeight)
@sprites["hpbarfill#{i}"].bitmap.fill_rect(rect, hpColors[1])
rect = Rect.new(0,shadowHeight,fillAmount,height-shadowHeight)
@sprites["hpbarfill#{i}"].bitmap.fill_rect(rect, hpColors[0])
end
end
end
end

def update
if showHUD?
if @sprites.empty?
create
else
updateHUDContent = (
FRAMESPERUPDATE<=1 || Graphics.frame_count%FRAMESPERUPDATE==0
)
if updateHUDContent
newTexts = textsDefined
if @currentTexts != newTexts
@currentTexts = newTexts
drawText
end
refreshPartyIcons
refreshHPBars if SHOWHPBARS
end
end
pbUpdateSpriteHash(@sprites)
else
dispose if [email protected]?
end
end

def dispose
pbDisposeSpriteHash(@sprites)
end
end

alias :initializeOldFL :initialize
alias :disposeOldFL :dispose
alias :updateOldFL :update

def initialize(map=nil)
initializeOldFL(map)
end

def dispose
@hud.dispose if @hud
disposeOldFL
end

def update
updateOldFL
@hud = HUD.new(@viewport1) if !@hud
@hud.update
end
end

 

[The cool Treecko]

a great script as always FL

 

[bo4p5687]

The script no longer has Syntax errors, I did as you indicated, but when opening the hud, they remain static, unfortunately ... what could it be?

Nope, it works, you should test it in PE (raw). I think it is static because there is an other script in your project (the script before change).

 

[The cool Treecko]

well i want a reason why it doesn't work with modular pause menu, it should be always visible right? Can you make this compatible with modular pause menu?

 

[scionofice]

I was wondering instead of the pokemon icons can we switch it to the battler icon

 

[FL]

well i want a reason why it doesn't work with modular pause menu, it should be always visible right? Can you make this compatible with modular pause menu?

No idea. I never used modular pause menu.

I was wondering instead of the pokemon icons can we switch it to the battler icon

Change line '@sprites["pokeicon#{i}"]=IconSprite.new(x,y,@viewport1)' to:

        @sprites["pokeicon#{i}"]=PokemonSprite.new(@viewport)
        @sprites["pokeicon#{i}"].x = x
        @sprites["pokeicon#{i}"].y = y

Change

            pokemonIconFile = pbPokemonIconFile($Trainer.party[i])
            @sprites["pokeicon#{i}"].setBitmap(pokemonIconFile)
            @sprites["pokeicon#{i}"].src_rect=Rect.new(0,0,64,64)

To '@sprites["pokeicon#{i}"].setPokemonBitmap($Trainer.party)'.

 

[MessiDuvidoso]

No idea. I never used modular pause menu.

Change line '@sprites["pokeicon#{i}"]=IconSprite.new(x,y,@viewport1)' to:

        @sprites["pokeicon#{i}"]=PokemonSprite.new(@viewport)
        @sprites["pokeicon#{i}"].x = x
        @sprites["pokeicon#{i}"].y = y

Change

            pokemonIconFile = pbPokemonIconFile($Trainer.party[i])
            @sprites["pokeicon#{i}"].setBitmap(pokemonIconFile)
            @sprites["pokeicon#{i}"].src_rect=Rect.new(0,0,64,64)

To '@sprites["pokeicon#{i}"].setPokemonBitmap($Trainer.party)'.

How do I play Hud to the edges? I tried to move by changing the x and y values, but when they reach the edge they seem to be under the edge and do not overlap ...

 

[MessiDuvidoso]

No idea. I never used modular pause menu.

Change line '@sprites["pokeicon#{i}"]=IconSprite.new(x,y,@viewport1)' to:

        @sprites["pokeicon#{i}"]=PokemonSprite.new(@viewport)
        @sprites["pokeicon#{i}"].x = x
        @sprites["pokeicon#{i}"].y = y

Change

            pokemonIconFile = pbPokemonIconFile($Trainer.party[i])
            @sprites["pokeicon#{i}"].setBitmap(pokemonIconFile)
            @sprites["pokeicon#{i}"].src_rect=Rect.new(0,0,64,64)

To '@sprites["pokeicon#{i}"].setPokemonBitmap($Trainer.party)'.

I would like to push my Hud to the edges, but when changing the coordinates, the icons disappear, they are below the border.
My HUD:
https://freeimage.host/i/fRtWN4