Streamer Mode - HUD (Mod FL's HUD)

Zeak6464 · Dec 20, 2020

Streamer Mode for Essentials v16.2 -> 18.2
See Attachments for "Hud1" & "Hud2"
This mode uses the border for it, so make sure you have screen border in your options menu.

Code:

#===============================================================================
#
# Zeak6464 - Modded for Streamer Mode 
#
#===============================================================================
# in [B]Settings[/B] change 
# BORDERWIDTH          = 200
# BORDERHEIGHT         = 0
#
# Add the new graphics "Graphics/Pictures/Hud1" & "Graphics/Pictures/Hud2"
#
# Screenboarder must be on in options  
# [B]Make sure your "border.png" image is blank[/B]
#===============================================================================

https://pastebin.com/raw/v7nhDd2E

[PokeCommunity.com] Streamer Mode - HUD (Mod FL's HUD)

RTCanwind · Dec 20, 2020

There is a bug that when I change two pokemon's position and their name will fix up

Zeak6464 · Dec 20, 2020

RTCanwind said:
There is a bug that when I change two pokemon's position and their name will fix up

it has to reload the map to update

TheGoog98 · Dec 20, 2020

Hey, I'm having troubles with the script. Everything works but once we load in the game, this comes up.

Derxwna Kapsyla · Dec 20, 2020

I haven't gotten around to testing it out just yet but, just from what I've seen I have a bit of feedback.
Firstly, the shadow of the text feels really jarring to look at. I wouldn't use a white shadow for black text- I'd suggest a lighter shade of black to blend it together better.
Speaking of the text, the "Name" text field is too low on the graphic when compared to the other text fields. I'd also suggest moving it up a few pixels so its centered.
Another text related bit of feedback: the Money field only really seems to fit a maximum of 5 digits before it goes off the graphic. Considering that wallets in canon usually go up to like, 6~7 digits, you may want to remove "Money" and instead put a dollar sign there instead.
My last bit of feedback is about the graphic- I suppose it can be changed by the players, but the default one looks really weird, what with the blue foreground clipping off the edge of the screen while the black box surrounding it loops around at the corner.

Bowlstir · Dec 22, 2020

If anyone needs to set this border to be ON when starting a new game just put this script on the intro event:

$PokemonSystem.border = 1
pbSetResizeFactor($PokemonSystem.screensize)
ObjectSpace.each_object(TilemapLoader){|o| o.updateClass if !o.disposed? }

Here's some tweaks for more readable text and alignment corrections.

Spoiler:

MessiDuvidoso · Dec 30, 2020

Bowlstir said:
If anyone needs to set this border to be ON when starting a new game just put this script on the intro event:

$PokemonSystem.border = 1
pbSetResizeFactor($PokemonSystem.screensize)
ObjectSpace.each_object(TilemapLoader){|o| o.updateClass if !o.disposed? }

Here's some tweaks for more readable text and alignment corrections.

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.
#
#===============================================================================
#
# Zeak6464 - Modded for Streamer Mode
#
#Bowlstir - Tweaks to Zeak6464's Code
#
#===============================================================================
# in Settings change
# BORDERWIDTH = 200
# BORDERHEIGHT = 0
#
# Add the new graphics "Graphics/Pictures/Hud1" & "Graphics/Pictures/Hud2"
#===============================================================================

DEFAULTSCREENWIDTH = 512
POKEMONICONZOOM = 1

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="Graphics/Pictures/Hud1"
BG2PATH="Graphics/Pictures/Hud2"

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

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

# Lower this number = more lag.
FRAMESPERUPDATE=2

def initialize
@sprites = {}
end

def showHUD?
return (
$Trainer && $PokemonSystem.border==1
)
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)

drawBarFromPath = BGPATH != ""
drawBarFromPath = BG2PATH != ""

if USEBAR
#left background
@sprites["bar"]=IconSprite.new(-208,0)
@sprites["bar"].setBitmap(BGPATH)
#right background
@sprites["bar2"]=IconSprite.new(512,0)
@sprites["bar2"].setBitmap(BG2PATH)
end

@sprites["player"]=IconSprite.new(550,75)
@sprites["player"].setBitmap(pbTrainerSpriteFile($Trainer.trainertype))
@currentTexts = textsDefined
drawText
# zeak6464
# removed @viewport1 , +16+64*i
for i in 0...6
x = -198
y = 62*i
y-=8 if SHOWHPBARS
@sprites["pokeicon#{i}"]=IconSprite.new(x,y)
end
refreshPartyIcons

if SHOWHPBARS
borderWidth = 36
borderHeight = 10
fillWidth = 32
fillHeight = 6
for i in 0...6
x=-160
y=(64-8)+(62)*i

@sprites["hpbarborder#{i}"] = BitmapSprite.new(
borderWidth,borderHeight
)
@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
)
@sprites["hpbarfill#{i}"].x = x-fillWidth/2
@sprites["hpbarfill#{i}"].y = y-fillHeight/2
end
refreshHPBars
end

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

#removed viewport1
def drawText
baseColor=Color.new(255,255,255)
shadowColor=Color.new(0,0,0)

if @sprites.include?("overlay")
@sprites["overlay"].bitmap.clear
else
@sprites["overlay"] = BitmapSprite.new(DEFAULTSCREENWIDTH+400,384)
end
@sprites["overlay"].z=999999

if $Trainer.party.size == 0
textPositions=[
[@currentTexts[12],812,23,2,baseColor,shadowColor],
[@currentTexts[13],812,218,2,baseColor,shadowColor],
[@currentTexts[14],812,258,2,baseColor,shadowColor],
[@currentTexts[15],812,298,2,baseColor,shadowColor],
[@currentTexts[16],812,338,2,baseColor,shadowColor]
]
else
textPositions=[
#left side
#pokemon 1
[@currentTexts[0],120,5,2,baseColor,shadowColor],
[@currentTexts[1],120,35,2,baseColor,shadowColor],
#pokemon 2
[@currentTexts[2],120,67,2,baseColor,shadowColor],
[@currentTexts[3],120,97,2,baseColor,shadowColor],
#pokemon 3
[@currentTexts[4],120,129,2,baseColor,shadowColor],
[@currentTexts[5],120,159,2,baseColor,shadowColor],
#pokemon 4
[@currentTexts[6],120,191,2,baseColor,shadowColor],
[@currentTexts[7],120,221,2,baseColor,shadowColor],
#pokemon 5
[@currentTexts[8],120,253,2,baseColor,shadowColor],
[@currentTexts[9],120,283,2,baseColor,shadowColor],
#pokemon 6
[@currentTexts[10],120,315,2,baseColor,shadowColor],
[@currentTexts[11],120,345,2,baseColor,shadowColor],
#right side
[@currentTexts[12],812,18,2,baseColor,shadowColor],
[@currentTexts[13],812,214,2,baseColor,shadowColor],
[@currentTexts[14],812,258,2,baseColor,shadowColor],
[@currentTexts[15],812,298,2,baseColor,shadowColor],
[@currentTexts[16],812,338,2,baseColor,shadowColor]
]
end

if $Trainer.party.size == 0
else
pbSetSystemFont(@sprites["overlay"].bitmap)
pbDrawTextPositions(@sprites["overlay"].bitmap,textPositions)
end
end

# Note that this method is called on each refresh, but the texts
# only will be redrawed if any character change.
def textsDefined
ret=[]
if $Trainer.party.size == 0
ret[12] = _INTL("{1}",$Trainer.name)
ret[13] = _INTL("Seen:{1}",$Trainer.pokedexSeen)
ret[14] = _INTL("Owned:{1}",$Trainer.pokedexOwned)
ret[15] = _INTL("$:{1}",$Trainer.money)
ret[16] = _INTL("Badges:{1}",$Trainer.numbadges)
elsif $Trainer.party.size == 1
ret[0] = _INTL("{1}",$Trainer.party[0].name)
ret[1] = _INTL("LV: {1}",$Trainer.party[0].level)
ret[2] = _INTL(" ")
ret[3] = _INTL(" ")
ret[4] = _INTL(" ")
ret[5] = _INTL(" ")
ret[6] = _INTL(" ")
ret[7] = _INTL(" ")
ret[8] = _INTL(" ")
ret[9] = _INTL(" ")
ret[10] = _INTL(" ")
ret[11] = _INTL(" ")
ret[12] = _INTL("{1}",$Trainer.name)
ret[13] = _INTL("Seen:{1}",$Trainer.pokedexSeen)
ret[14] = _INTL("Owned:{1}",$Trainer.pokedexOwned)
ret[15] = _INTL("$:{1}",$Trainer.money)
ret[16] = _INTL("Badges:{1}",$Trainer.numbadges)
elsif $Trainer.party.size == 2
ret[0] = _INTL("{1}",$Trainer.party[0].name)
ret[1] = _INTL("LV: {1}",$Trainer.party[0].level)
ret[2] = _INTL("{1}",$Trainer.party[1].name)
ret[3] = _INTL("LV: {1}",$Trainer.party[1].level)
ret[4] = _INTL(" ")
ret[5] = _INTL(" ")
ret[6] = _INTL(" ")
ret[7] = _INTL(" ")
ret[8] = _INTL(" ")
ret[9] = _INTL(" ")
ret[10] = _INTL(" ")
ret[11] = _INTL(" ")
ret[12] = _INTL("{1}",$Trainer.name)
ret[13] = _INTL("Seen:{1}",$Trainer.pokedexSeen)
ret[14] = _INTL("Owned:{1}",$Trainer.pokedexOwned)
ret[15] = _INTL("$:{1}",$Trainer.money)
ret[16] = _INTL("Badges:{1}",$Trainer.numbadges)
elsif $Trainer.party.size == 3
ret[0] = _INTL("{1}",$Trainer.party[0].name)
ret[1] = _INTL("LV: {1}",$Trainer.party[0].level)
ret[2] = _INTL("{1}",$Trainer.party[1].name)
ret[3] = _INTL("LV: {1}",$Trainer.party[1].level)
ret[4] = _INTL("{1}",$Trainer.party[2].name)
ret[5] = _INTL("LV: {1}",$Trainer.party[2].level)
ret[6] = _INTL(" ")
ret[7] = _INTL(" ")
ret[8] = _INTL(" ")
ret[9] = _INTL(" ")
ret[10] = _INTL(" ")
ret[11] = _INTL(" ")
ret[12] = _INTL("{1}",$Trainer.name)
ret[13] = _INTL("Seen:{1}",$Trainer.pokedexSeen)
ret[14] = _INTL("Owned:{1}",$Trainer.pokedexOwned)
ret[15] = _INTL("$:{1}",$Trainer.money)
ret[16] = _INTL("Badges:{1}",$Trainer.numbadges)
elsif $Trainer.party.size == 4
ret[0] = _INTL("{1}",$Trainer.party[0].name)
ret[1] = _INTL("LV: {1}",$Trainer.party[0].level)
ret[2] = _INTL("{1}",$Trainer.party[1].name)
ret[3] = _INTL("LV: {1}",$Trainer.party[1].level)
ret[4] = _INTL("{1}",$Trainer.party[2].name)
ret[5] = _INTL("LV: {1}",$Trainer.party[2].level)
ret[6] = _INTL("{1}",$Trainer.party[3].name)
ret[7] = _INTL("LV: {1}",$Trainer.party[3].level)
ret[8] = _INTL(" ")
ret[9] = _INTL(" ")
ret[10] = _INTL(" ")
ret[11] = _INTL(" ")
ret[12] = _INTL("{1}",$Trainer.name)
ret[13] = _INTL("Seen:{1}",$Trainer.pokedexSeen)
ret[14] = _INTL("Owned:{1}",$Trainer.pokedexOwned)
ret[15] = _INTL("$:{1}",$Trainer.money)
ret[16] = _INTL("Badges:{1}",$Trainer.numbadges)
elsif $Trainer.party.size == 5
ret[0] = _INTL("{1}",$Trainer.party[0].name)
ret[1] = _INTL("LV: {1}",$Trainer.party[0].level)
ret[2] = _INTL("{1}",$Trainer.party[1].name)
ret[3] = _INTL("LV: {1}",$Trainer.party[1].level)
ret[4] = _INTL("{1}",$Trainer.party[2].name)
ret[5] = _INTL("LV: {1}",$Trainer.party[2].level)
ret[6] = _INTL("{1}",$Trainer.party[3].name)
ret[7] = _INTL("LV: {1}",$Trainer.party[3].level)
ret[8] = _INTL("{1}",$Trainer.party[4].name)
ret[9] = _INTL("LV: {1}",$Trainer.party[4].level)
ret[10] = _INTL(" ")
ret[11] = _INTL(" ")
ret[12] = _INTL("{1}",$Trainer.name)
ret[13] = _INTL("Seen:{1}",$Trainer.pokedexSeen)
ret[14] = _INTL("Owned:{1}",$Trainer.pokedexOwned)
ret[15] = _INTL("$:{1}",$Trainer.money)
ret[16] = _INTL("Badges:{1}",$Trainer.numbadges)
elsif $Trainer.party.size == 6
ret[0] = _INTL("{1}",$Trainer.party[0].name)
ret[1] = _INTL("LV: {1}",$Trainer.party[0].level)
ret[2] = _INTL("{1}",$Trainer.party[1].name)
ret[3] = _INTL("LV: {1}",$Trainer.party[1].level)
ret[4] = _INTL("{1}",$Trainer.party[2].name)
ret[5] = _INTL("LV: {1}",$Trainer.party[2].level)
ret[6] = _INTL("{1}",$Trainer.party[3].name)
ret[7] = _INTL("LV: {1}",$Trainer.party[3].level)
ret[8] = _INTL("{1}",$Trainer.party[4].name)
ret[9] = _INTL("LV: {1}",$Trainer.party[4].level)
ret[10] = _INTL("{1}",$Trainer.party[5].name)
ret[11] = _INTL("LV: {1}",$Trainer.party[5].level)
ret[12] = _INTL("{1}",$Trainer.name)
ret[13] = _INTL("Seen:{1}",$Trainer.pokedexSeen)
ret[14] = _INTL("Owned:{1}",$Trainer.pokedexOwned)
ret[15] = _INTL("$:{1}",$Trainer.money)
ret[16] = _INTL("Badges:{1}",$Trainer.numbadges)
end
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
)
if refresh
@partySpecies = partySpecie
@partyForm = partyForm
@partyIsEgg = partyIsEgg
if partyMemberExists
pokemonIconFile = pbPokemonIconFile($Trainer.party)
@sprites["pokeicon#{i}"].setBitmap(pokemonIconFile)
@sprites["pokeicon#{i}"].zoom_x=POKEMONICONZOOM
@sprites["pokeicon#{i}"].zoom_y=POKEMONICONZOOM
@sprites["pokeicon#{i}"].src_rect=Rect.new(0,0,64,64)
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

class Spriteset_Map
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 if !@hud
@hud.update
end
end

class PokeBattle_Scene
alias __hud_pbGraphicsUpdate pbGraphicsUpdate
def pbGraphicsUpdate
__hud_pbGraphicsUpdate
@hud = HUD.new if !@hud
@hud.update
end
end

You made it much more beautiful, I would like to use it, but there are incongruities when changing the screen size, both on v17 and v18. If you can fix it on v18, I would be grateful!
Another very important thing is to support the characters' OUTIFTS. For example, if it is a trainer outfit 1 put it to identify trainer000_1. It would be possible?

MessiDuvidoso · Jan 23, 2021

Zeak6464 said:
Streamer Mode for Essentials v16.2 -> 18.2
See Attachments for "Hud1" & "Hud2"
This mode uses the border for it, so make sure you have screen border in your options menu.

Code:

#=============================================================================== # # Zeak6464 - Modded for Streamer Mode # #=============================================================================== # in [B]Settings[/B] change # BORDERWIDTH = 200 # BORDERHEIGHT = 0 # # Add the new graphics "Graphics/Pictures/Hud1" & "Graphics/Pictures/Hud2" # # Screenboarder must be on in options # [B]Make sure your "border.png" image is blank[/B] #===============================================================================

https://pastebin.com/raw/v7nhDd2E

I would like to use it, too bad that you were not able to make sure that, when placing and removing the edges, everything was in the same position, but it is not, everything is wrong. I would use it in my game and I was looking forward to it, but it will not be possible that way.

DarkraiMaker · Nov 3, 2021

Streamer Mode - HUD (Mod FL's HUD)

More options

Zeak6464

Zeak #3205 - Discord

Attachments

RTCanwind

Zeak6464

Zeak #3205 - Discord

TheGoog98

Derxwna Kapsyla

Derxwna "The Badman" Kapsyla

Bowlstir

Media Arts and Game Development

MessiDuvidoso

MessiDuvidoso

DarkraiMaker