Quantcast Flashy Animations - ESOUI
Thread Tools Display Modes
12/18/18, 04:34 AM   #1
Letho
AddOn Author - Click to view addons
Join Date: Apr 2016
Posts: 223
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
  Reply With Quote
12/18/18, 06:12 AM   #2
sirinsidiator
 
sirinsidiator's Avatar
AddOn Author - Click to view addons
Join Date: Apr 2014
Posts: 1,248
I'd probably just use the ZO_AlphaAnimation class on an empty texture control with a color.

Something like this:
Lua Code:
  1. local overlay = GuiRoot:CreateControl("$(parent)MyOverlay", CT_TEXTURE)
  2. overlay:SetColor(r, g, b, startAlpha)
  3. overlay:SetAnchorFill(GuiRoot)
  4.  
  5. local animation = ZO_AlphaAnimation:New(overlay)
  6. animation:PingPong(startAlpha, endAlpha, duration, loopCount, callback)
__________________
Like what I do? Support me on Patreon!
>siri.exe MyAddon
Does your addon work? [y/n] n
There is a typo in there.
  Reply With Quote
12/18/18, 03:51 PM   #3
Letho
AddOn Author - Click to view addons
Join Date: Apr 2016
Posts: 223
Ooooooooooooooh, that is very cool stuff, thx a lot! Didn't even think of browsing the ZO_functions!
  Reply With Quote
12/21/18, 06:49 AM   #4
Provision
 
Provision's Avatar
AddOn Author - Click to view addons
Join Date: May 2015
Posts: 43
For the red circle animation, we have to use texture like the group ping/player ping, is not it ?
  Reply With Quote
12/21/18, 07:00 AM   #5
sirinsidiator
 
sirinsidiator's Avatar
AddOn Author - Click to view addons
Join Date: Apr 2014
Posts: 1,248
Originally Posted by Provision View Post
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.
__________________
Like what I do? Support me on Patreon!
>siri.exe MyAddon
Does your addon work? [y/n] n
There is a typo in there.
  Reply With Quote

ESOUI » Developer Discussions » Lua/XML Help » Flashy Animations

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off