Animated Statusbars

[feraldrood]

Hi all,

please observe the statusbars used in "SpartanUI"

http://spartanui.com/index.html

m'kay, so I'm wondering how the animated health/power (bar) texture is achieved, and more importantly how I could achieve a similar effect on any statusbar.

thanks for any of help your help folks.

[ravagernl]

Looking at google code oUF is used, which probably does not have the animated look.

Roth UI however is updated regularly and provides a more up to date way to have animated statusbars (at least for the player frame, that is).

EDIT: This got me thinking.

From a developer point of view, one could create a statusbar and change the texture with :SetTexCoords() by an OnUpdate handler/statusbar OnValueChanged(to prevent stupid stretched textures) script. The statusbar texture should be with, like 36 bar sprites or something(all aligned horizontally and in a vertical column)?

Code could be something like this maybe? (not tested)

local OnUpdate, UpdateRight
do
    -- Time since last update
    local tslu = 0
    -- which sprite on the texture should be set
    local lastsprite = 1
    -- Number of sprites
    local maxsprites = 36
    -- Updates per second,
    -- number of sprites percentage of texture height per sprite
    local ups = 1/maxsprites
    -- right, to prevent stretched textures.
    local right = 1
    
    function UpdateRight(self, value)
        local min, max = self:GetMinMaxValues()
        right = (value - min) / (max - min)
    end
    
    function OnUpdate(self, elapsed)
        tslu = tslu + elapsed
        if tslu > ups then
            -- Determine which sprite needs to be loaded
            -- Account for a framerate lower then maximum sprites
            local sprite = lastsprite + math.floor(elapsed/ups)
            -- Adjust statusbar texture to sprite
            if sprite > maxsprites then
                sprite = sprite - maxsprites
            end
            self:GetStatusBarTexture():SetTexCoord(0, right, (sprite * ups) - ups, sprite * ups)
            -- Wait for next update again
            tslu = 0
            lastsprite = sprite
        end
    end
end
 
local bar = CreateFrame('StatusBar', nil, UIParent)
bar:SetMinMaxValues(0,1)
bar:SetScript('OnValueChanged', UpdateRight)
bar:SetScript('OnUpdate', OnUpdate)
bar:SetValue(1)

[feraldrood]

hmm.

i'm intrigued , the coding is a little over my lua experience but your thought process sounds about right. thanks for the reply, i'll be chipping away at this all day :3

btw, ofc- roths stuff is totally what I'm talking about (didn't even occur to me)

I'll examine his codes a little bit too perhaps

[Ailae]

Could probably look at the Smooth plugin for oUF as well.

http://www.wowinterface.com/download...othUpdate.html

[zork]

That is what Roth UI uses aswell. (SmoothUpdate)