WoWInterface - Hud status bar questions.

WoWInterface (https://www.wowinterface.com/forums/index.php)

- Lua/XML Help (https://www.wowinterface.com/forums/forumdisplay.php?f=16)

- - Hud status bar questions. (https://www.wowinterface.com/forums/showthread.php?t=37033)

Hud status bar questions.

Okay so i have been fiddling around and i can not for the life of me figure out how it is people get status bars that are not just straight. Like IceHud and DHUD. Someone point me in the right direction? I tried things like using setmask and simple setstatus bar textures with my status bar masks but they dont fill the way you would think... the texture appears to grow rather then "fill" the background texture.

Try to use

yourbar:GetStatusBarTexture():SetHorizTile(true / false)

While you can set it to true or false. True should work, iirc.

And you need a texture with an alpha channel or a transparent blp, ofc.

is there a setvertictile to?

Hmm i think i need to use the animation system for what im after...

Yes that works for vertical, too.

Texture:SetVertTile()

its still not working like it should. If you have a curved background and you want it to look like it fills up how do you do that?

I have to use the animation system stuff from the looks of all the other huds. Anyone know of any good tutorials on that stuff?

I've been working on my own HUD addon system and honestly, it's a clever combination of setting the right anchor point depending on the direction the bar fills, texcoords, and texture resizing. In the end, you have the illusion of a statusbar of your own design.

Is that how things like the dragon skinned hud bars are done to? So its not the anim system?

That's how I've always done it. I honestly can't think of a way the animation system can be used to do the same thing. It technically isn't an animation at all. It's two textures sharing a base point and you use texcoord/resizing on the overlaying texture. If you use a greyscale image, you can use texture:SetVertexColor() on the overlay texture to set its color.

Quote:

Originally Posted by SDPhantom (Post 219819)

So you do not do SetStatusBarTexture? because as far as i can tell when you set it via that method the setvertex do not work on it. So make a regular texture and then just make it setvertex and resize according to the health/mana values?

Nope, StatusBars are great for beginners, but when you want precise control of how your textures are drawn or if you want multiple or partial bars, managing the textures yourself is pretty much the only thing you have left.

StatusBars stretch their bar texture to the size of the bar, it doesn't offer the "cut away" look that's required for more elegant bar art. If you're set on using StatusBars, the method for colors on that is statusbar:SetBarColor().

Quote:

Originally Posted by SDPhantom (Post 219824)

Okay so that answers my question. Forget the setstatus bar part. Now to figure out how to adjust using sizing and texcords.

Here's an example of some some code that I've used in my HUD addons. I've made a couple that haven't made it to release phase due to laziness or I abandoned it in mid-project (both happen a lot :rolleyes:). This was rewritten from scratch, but it follows the same idea. I haven't run it through the game client, so there might be some glitches. I don't have access to an active WoW account right now.

lua Code:

local frame=CreateFrame("Frame",nil,UIParent);
frame:SetPoint("CENTER");-- Place frame wherever
frame:SetWidth(128);--      Width
frame:SetHeight(16);--      Height
--  Note: It's generally a good idea to use the same dimensions as your image file for your frame size
 
--  Background texture
frame.Background=frame:CreateTexture(nil,"BACKGROUND");
frame.Background:SetAllPoints(frame);--                     We want the texture spread to match the dimensions of the frame.
frame.Background:SetTexture("Interface\\AddOns\\AddOnName\\ImageName");--   Your bar image
frame.Background:SetVertexColor(0,0,0,0.25)--                   Special suprize (black background at a quarter alpha)
 
--  Health texture
frame.HealthBar=frame:CreateTexture(nil,"ARTWORK");--               Notice the change in layers, this makes the bar draw on top of the background
frame.HealthBar:SetPoint("LEFT");--                     We need only one point set, in this example, the bar fills toward the right, so we need it left-aligned
frame.HealthBar:SetWidth(128);--                        Match frame width for now
frame.HealthBar:SetHeight(16);--                        Match frame height for now
frame.HealthBar:SetTexture("Interface\\AddOns\\AddOnName\\ImageName");--    Be sure to use the same image or one derived from the background
 
--  Heal prediction texture (this'll be my example of a partial bar)
frame.HealBar=frame:CreateTexture(nil,"ARTWORK");--         Use the same layer as Healthbar
frame.HealBar:SetPoint("LEFT");--                   Use the same point for the HealthBar
frame.HealthBar:SetWidth(128);--                    Match frame width for now
frame.HealthBar:SetHeight(16);--                    Match frame height for now
frame.HealBar:SetTexture("Interface\\AddOns\\AddOnName\\ImageName");--  Be sure to use the same image or one derived from the background
 
--  Bar positioning func
local function SetBarValue(bar,val1,val2)-- Accepts 3 values, bar texture, start value, and end value
--  Keep the values within a 0-1 range
    val1=math.min(math.max(val1,0),1);
    val2=math.min(math.max(val2,0),1);
 
--  Sometimes textures glitch when trying to set a width or height of 0, so handle it here
    if val1==val2 then
        bar:Hide();
        return;
    else
        bar:Show();
    end
 
--  Set our low and high values
    local low,high=math.min(val1,val2),math.max(val1,val2);
 
--  Find our parent width and height
    local parent=bar:GetParent();
    local w,h=parent:GetWidth(),parent:GetHeight();
 
--  Get our point set, we'll use this to get our bar orientation
    local point=bar:GetPoint(1);
    if not point then return; end-- Handle if point isn't set, perhaps cleared?
 
--  These are our temp origin variables (note one of these pairs can have both vars nil, just use default texcoords for those)
    local origL=point:find("LEFT$");
    local origR=point:find("RIGHT$");
    local origT=point:find("^TOP");
    local origB=point:find("^BOTTOM");
 
--  Reset point (logic nightmare)
    bar:SetPoint(point
        ,(origL or origR) and (origL and low*w or -low*w) or 0--    X offset
        ,(origT or origB) and (origB and low*h or -low*h) or 0--    Y offset
    );
 
--  Texcoord/Size set (this is actually the easy part)
    local l,r,t,b=0,1,0,1;--    Texcoords are in the range of 0-1 with their origin at top left
    if origL then
        l,r=high,low;
    elseif origR then
        l,r=1-high,1-low;
    end
    if origT then
        t,b=high,low;
    elseif origB then
        t,b=1-high,1-low;
    end
    bar:SetTexCoord(l,r,t,b);
    bar:SetWidth(w*(r-l));
    bar:SetHeight(h*(b-t));
end
 
frame:RegisterEvent("UNIT_HEALTH");
frame:RegisterEvent("UNIT_HEALTH_PREDICTION");
frame:SetScript("OnEvent",function(self,event,unit)
--  Stop handler if unit not player
    if not UnitIsUnit(unit,"player") then return; end
 
--  Temp vars
    local hcur,hmax,heal=UnitHealth(unit),UnitHealthMax(unit),UnitGetIncomingHeals(unit) or 0;--    UnitGetIncomingHeals() can return nil for unsupported units
    local hppcnt=hcur/math.max(1,hmax);
    local healpcnt=heal/math.max(1,hmax);
 
--  Set our bars (notice the HealBar is a partial bar since it has a start value greater than zero)
    SetBarValue(self.HealthBar,0,hppcnt);
    SetBarValue(self.HealBar,hppcnt,hppcnt+healpcnt);
 
--  Color HealthBar (we're keeping HealBar white)
--  This color formula has been reused from my HUD projects, it ranges in color from green, to yellow, to red
    self.HealthBar:SetVertexColor(math.min(2-2*hppcnt,1),math.min(2*hppcnt,1),0);
end

need to add something to the function for bars that show up on the opposite side. Maybe another variable to check if its a left oriented bar or right oriented bar.

Quote:

Originally Posted by Grimsin (Post 220161)

need to add something to the function for bars that show up on the opposite side. Maybe another variable to check if its a left oriented bar or right oriented bar.

The function does this automatically by checking the point set, an experimental feature I haven't used before, but theoretically should work. To switch to right-aligned, change the bar points to RIGHT instead of LEFT. You can also do TOP or BOTTOM for vertical bars or any corner for diagonal orientation.

Quote:

Originally Posted by SDPhantom (Post 220176)

Those points dictate what direction the bar fills to not what direction the texture sits. I need to switch the texcoords on the right side... Also it does not understand diagonal points like BOTTOMLEFT or TOPLEFT so on and so forth. Or at lest... because all it does is dictate the bar growth direction you do not notice any difference when setting a diagonal point. I need the bar fill texture to actually flop over IE SetTexCoords(1,0,0,1) but because it uses the texcoords for the bar fill its an issue. There is a way i know that im just not sure how.

i have texture A which looks like ( well rather then make another texture that looks like ) i want to swap the texcords on A so it sites like ) instead of (

Ah, I had forgotten about that aspect, I edited the code above with the fix.
Texture coordinate block changed starting at line 65.
Note, I'm unable to debug the impact of the formula change right now, but I would suggest manually setting the texcoord of the background texture to match the bar flip.

that did not work either... and that would mess up the bars set on the left side. it needs to look more like this... the big question is... the key line at 53 needs to read different i have tried a number of combination's none place it right.

lua Code:

function addon:SetBarValue(bar,val1,val2, setR)-- Accepts 3 values, bar texture, start value, and end value
    --  Keep the values within a 0-1 range
    val1=math.min(math.max(val1,0),1);
    val2=math.min(math.max(val2,0),1);
    --  Sometimes textures glitch when trying to set a width or height of 0, so handle it here
    if val1==val2 then
        bar:Hide();
        return;
    else
        bar:Show();
    end
 
    --  Set our low and high values
    local low,high=math.min(val1,val2),math.max(val1,val2);
    --  Find our parent width and height
    local parent=bar:GetParent();
    local w,h=parent:GetWidth(),parent:GetHeight();
    --  Get our point set, we'll use this to get our bar orientation
    local point=bar:GetPoint(1);
    if not point then return; end-- Handle if point isn't set, perhaps cleared?
    --  These are our temp origin variables (note one of these pairs can have both vars nil, just use default texcoords for those)
    local origL=point:find("LEFT$");
    local origR=point:find("RIGHT$");
    local origT=point:find("^TOP");
    local origB=point:find("^BOTTOM");
    --  Reset point (logic nightmare)
    bar:SetPoint(point
        ,(origL or origR) and (origL and low*w or -low*w) or 0--    X offset
        ,(origT or origB) and (origB and low*h or -low*h) or 0--    Y offset
    );
    local l,r,t,b
    --  Texcoord/Size set (this is actually the easy part)
    if setR == false then
        l,r,t,b = 0,1,0,1;--    Texcoords are in the range of 0-1 with their origin at top left
    elseif setR == true then
        l,r,t,b = 1,0,0,1;
    end
    if origL then
        l,r = low,high;
    elseif origR then
        l,r = 1-high,1-low;
    end
    if setR == false then
        if origT then
            t,b = low,high;
        elseif origB then
            t,b = 1-high,1-low;
        end
    elseif setR == true then
        if origT then
            t,b = low,high;
        elseif origB then
            t,b = low, high;
        end
    end
    
    
    bar:SetTexCoord(l,r,t,b);
    
        --bar:SetTexCoord(1,r,t,b);
    
    bar:SetWidth(w*(r-l));
    bar:SetHeight(h*(b-t));
end

Heh... swapped the wrong values in my previous fix. Should be corrected now. The aim of the experimental code is to make storing orientation obsolete since it could be derived from the point set. The texture flip was intended to be in the design from the start, but my original formulas were glitched.