Apply easing to Image sprite is there a workaround?

[petester (Peter Borokhov)]

I was wondering if theres a workaround to getting the easing effect on a image sprite? Since it doesn’t work now granted, I wanted to see what I can do to simulate an Ease In Out Quint.

[MaxZieb (Loves Hype)]

Sure. You can just use an ease of an element property (custom easing) to control a timeline. But this would indeed be a great feature request. @MarkHunte and myself made some examples on using custom easing to control values.

Apart of that idea you can always use pure code

[petester (Peter Borokhov)]

@MaxZieb

@MarkHunte and myself made some examples on using custom easing to control values.

Ok can you please share those examples?

[MaxZieb (Loves Hype)]

Using the easing function actually overrides the regular easing so you would have to always resort to math equasions. Not ideal so here is an approach using RequestAnimation frame… and the custom knobs from this thread:

Custom Values (ways to get values you can manipulate in the GUI)

Hype still doesn’t offer custom values in the timeline. So if you need to put a handle onto a value that you can animate this thread is for you. Guest postings and ideas welcome! My first approach is to have on stage value sliders that hide on publication but still can be “read” and the transferred to whatever destination (function, attribute, library etc.) you need.

SpriteEasingSlider.hype.zip (297,8 KB)

[jonathan (Jonathan Deutsch)]

As in control the rate at which frames are individually shown? There’s no way to do this - it is linear.