Animate textures

[lynce]

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

[Munglunch]

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

What exactly did you have in mind?

[lynce]

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.

[lightspark]

Originally Posted by lynce 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.

[lynce]

I see. Thanks.

Hm looks quite complicated:P

[lightspark]

Originally Posted by lynce 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 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.

[lynce]

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

[lightspark]

Originally Posted by lynce 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

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

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

<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:

<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.

[lightspark]

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

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:

local healthbar = CreateAnimatedStatusBar(your_unit_frame)

[lynce]

Thanks again lightspark