ESOUI - Flashy Animations

ESOUI (https://www.esoui.com/forums/index.php)

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

- - Flashy Animations (https://www.esoui.com/forums/showthread.php?t=8170)

Letho

12/18/18 04:34 AM

Flashy Animations

Hey guys, I have a little (probably not so little?) question regarding animations. I'd like to achieve a flashy screen, like shown in the video below (@3:40):

https://youtu.be/TANs-B-khnU?t=217

I have read myself into animated controls and bezier functions, but I don't get how to achieve a triple flash using a three-point-bezier-curve (which is what i should do, as far as I understand it). Could somebody help me with this? (Achieving it without stretching a semi-transparent controll all over the screen would be even better^^)

Cheers,
Letho

sirinsidiator

12/18/18 06:12 AM

I'd probably just use the ZO_AlphaAnimation class on an empty texture control with a color.

Something like this:

Lua Code:

local overlay = GuiRoot:CreateControl("$(parent)MyOverlay", CT_TEXTURE)
overlay:SetColor(r, g, b, startAlpha)
overlay:SetAnchorFill(GuiRoot)
 
local animation = ZO_AlphaAnimation:New(overlay)
animation:PingPong(startAlpha, endAlpha, duration, loopCount, callback)

Letho

12/18/18 03:51 PM

Ooooooooooooooh, that is very cool stuff, thx a lot! Didn't even think of browsing the ZO_functions!

Provision

12/21/18 06:49 AM

For the red circle animation, we have to use texture like the group ping/player ping, is not it ?

sirinsidiator

12/21/18 07:00 AM

Quote:

Originally Posted by Provision (Post 36668)

For the red circle animation, we have to use texture like the group ping/player ping, is not it ?

He was referring to the blue flash animation that covers the whole screen.

But I agree, for this "radar" animation I'd probably first check how similar effects in the ingame UI work. As you said the rally map pin is probably a good starting point, or even the flash over the crown store menu icon.

All times are GMT -6. The time now is 10:33 AM.