Skip to main content

Notifications

Announcements

Welcome to the Power Platform Communities - Lets Get Started!
May 14th | Power Platform Community AMA: Power Apps Edition
News and Announcements icon
Community site session details

Community site session details

Session Id : ISWdur8t+GO2wwbQ3lbDFQ
Power Platform Community / Gallery / Power Apps - Webinars and Video Gallery / Friday Functions | Smoother...

Friday Functions | Smoother Animations with Easing Equations

10749 Views
Brian Dang Profile Picture Posted 16 Jun 2018 by Brian Dang 3,976

Do you have animations in your videos? If you want to make them move at a smoother rate, consider an easing equation. Instead of moving at a constant rate, the easing equation can be calculated by a variety of other functions including Sin() and Cos().

 

Follow along with this sample app: https://1drv.ms/u/s!AvtvG5BA8E3vj8wCCk79fq52z4Aoow

 

Follow me on Twitter: @8bitclassroom
Read my blog: https://8bitclassroom.com/
Find me on Facebook: https://www.facebook.com/8bitclassroom/
Subscribe to my YouTube channel: https://www.youtube.com/MrDangTV

easings.png

Categories:

Comments

  • Golly Profile Picture Golly 125
    Posted 04 Jan 2024 at 19:46:47
    Friday Functions | Smoother Animations with Easing Equations

    This is awesome!  With some tweaks I was able to make a bouncing pointer at a button. 😄 

  • Johwa Profile Picture Johwa
    Posted 12 Nov 2021 at 01:36:36
    Friday Functions | Smoother Animations with Easing Equations

    Great!!! I'm UI Designer, this is really what i need!

  • Raynok1 Profile Picture Raynok1 246
    Posted 22 Jul 2019 at 08:38:32
    Friday Functions | Smoother Animations with Easing Equations

    Seemed I had to change my implementation slightly to have a consistant experience.

    I removed the variables from the timer reset field and add the reset(timer) to the onselect on the button.
    Plus changed the variables to updatecontext, maybe the global variables and multipal (3 or more) screens didnt play nicely. 

  • Raynok1 Profile Picture Raynok1 246
    Posted 28 Jun 2019 at 13:44:47
    Friday Functions | Smoother Animations with Easing Equations

    @mr-dang ,

     

    Thank you for sharing this and providing us with an example. I've been testing the example and it been working however I'm struggling to create two slides on the same screen. Adding the second slide seems to be disconnecting the variables to the timers. The triggers do change the variables but its not triggering the timer, its as if its bypassed. 

    Even using your provided template, as soon as a make a duplicate of the rectangle the timer doesnt get triggered via the icon.

    So in the end, the rectangle jumps in and out instead of beening smooth.

     

    Kind Regards,

    Rayno