WoWInterface - Animate textures

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

- oUF (Otravi Unit Frames) (https://www.wowinterface.com/forums/forumdisplay.php?f=87)

- - Animate textures (https://www.wowinterface.com/forums/showthread.php?t=52507)

Animate textures

Anyone got any knowledge on how to animate textures, say like a healthbar texture, in oUF?

Quote:

Originally Posted by lynce (Post 309819)

Anyone got any knowledge on how to animate textures, say like a healthbar texture, in oUF?

What exactly did you have in mind?

Well i was sort of fascinated how SyncUI does animation on the unitframes. And i was wondering if someone have any experience doing this in oUF.

Quote:

Originally Posted by lynce (Post 309825)

Well i was sort of fascinated how SyncUI does animation on the unitframes. And i was wondering if someone have any experience doing this in oUF.

It has nothing to do with oUF or anything, it's done old school way and pretty simple. Basically it's just a slideshow, he has a texture with 60 "slides", and an OnUpdate script running for a statusbar, that goes through 60 slides.

I see. Thanks.

Hm looks quite complicated:P

Quote:

Originally Posted by lynce (Post 309838)

I see. Thanks.

Hm looks quite complicated:P

It's really simple though. First you make a map of "slides", then you make a table of coordinates for each slide, in SyncUI case he has a table of 60 items. He has a function that continuously runs through this list for certain statusbars, as the result you have a fluid animation.

You can check his code in \SyncUI\Modules\Elements\StatusBar\StatusBar.lua file, table of coordinates is the biggest part of it :D Syncrow's code is pretty easy to read, so you shouldn't have any problems.

And that's his "slide" map \SyncUI\Media\Textures\Elements\Statusbar\StatusBar_Animated_Fluid.tga.

Yes i have looked at it. But what i do not understand is how he uses this to represent his bars in the unitframes. Like where in the code:o

Quote:

Originally Posted by lynce (Post 309840)

Yes i have looked at it. But what i do not understand is how he uses this to represent his bars in the unitframes. Like where in the code:o

StatusBar.xml? Syncrow utilises xml-templates... Read code there...

He has a .Fill texture, that is used for animation, this particular texture is attached to statusbar texture. It's all written in the code there, please, read more carefully :3

Lua Code:

function SyncUI_AnimatedStatusBar_OnLoad(self)
    table.insert(framesToAnimate,self)
    self.Fill:SetAllPoints(self:GetStatusBarTexture())
end

Code:

<StatusBar name="SyncUI_AnimatedStatusBarTemplate" virtual="true">

        <Layers>

                <Layer level="BACKGROUND">

                        <Texture file="Interface\AddOns\SyncUI\Media\Textures\Elements\Statusbar\StatusBar_Background" />

                </Layer>

                <Layer level="ARTWORK">

                        <Texture parentKey="Fill" setAllPoints="true" file="Interface\AddOns\SyncUI\Media\Textures\Elements\Statusbar\StatusBar_Animated_Fluid" />

                </Layer>

        </Layers>

        <Scripts>

                <OnLoad function="SyncUI_AnimatedStatusBar_OnLoad" />

        </Scripts>

        <BarTexture />

</StatusBar>

He then creates a status bar, using template and thus inherits all options:

Code:

<StatusBar parentKey="HealthBar" name="$parentHealthBar" inherits="SyncUI_AnimatedStatusBarTemplate" useParentLevel="true" minValue="0" maxValue="100">

        <Size x="74" y="34"/>

        <Anchors>

                <Anchor point="TOPLEFT" x="5" y="-5"/>

        </Anchors>

</StatusBar>

Same can be done in pure lua or mixture of lua and xml.

Here's an example of a simplified lua implementation w/o xml-templates. A simple statusbar constructor, based on existing functions from StatusBar.lua.

Ofc you'll have to add some other code, cuz I dun intend to write everything for ya :D

Lua Code:

local function CreateAnimatedStatusBar(parent, ...)
    local bar = CreateFrame("StatusBar", "$parentStatusBar", parent)
 
    local fill = bar:CreateTexture(nil, "ARTWORK")
    fill:SettAllPoints(bar:GetStatusBarTexture())
    fill:SetTexture("Interface\\AddOns\\SyncUI\\Media\\Textures\\Elements\\Statusbar\\StatusBar_Animated_Fluid")
    bar.Fill = fill
 
    tinsert(framesToAnimate, bar)
 
    return bar
end
 
local AnimationController = CreateFrame("Frame")
AnimationController:SetScript("OnUpdate", SyncUI_AnimatedStatusBarFrame_OnUpdate)

Then you spawn statusbars like so:

Lua Code:

local healthbar = CreateAnimatedStatusBar(your_unit_frame)

Thanks again lightspark:)