Stack Overflow
Stack Overflow

Questions tagged [easing-functions]

...functions attributed to Robert Penner for moving objects smoothly from one on-screen position to another with the illusion of smooth acceleration, deceleration and mass.

Easing is an important topic for anyone who wants to define a point on a computer screen and move an object smoothly to that point in fixed timeframe. Easing functions involve distance and time. Penner style easing functions are called with a value for the current time elapsed (since the start of easing), the current position of the object to be eased, the difference between the destination point and the current position, and the length of time allotted for the completion of the easing. Easing functions are the most commonly encountered and these are functions attributed to Robert Penner for moving objects smoothly from one on-screen position to another with the illusion of smooth acceleration, deceleration and mass. The original Penner equations can be found here:

Penner Easing

Some interesting websites explore easing functions in more depth:

Gizma's Easing Equations

Upshots.org "Understanding Easing"

Tim Groleau's Easing Function Generator

69 questions
1
vote
0 answers

Easing function without inheriting from Freezable?

I am trying to implement a custom IEasingFunction that is basically a wrapper for an other IEasingFunction but it adds a pause at the beginning and end of the animation. I don't want it to inherit from EasingFunctionBase because having an EasingMode…
nalka
  • 1,894
  • 11
  • 26
1
vote
1 answer

How to add an EasingFunction to an UWP app by code

A solution given to me on another question was to write and add a custom easing function to my UWP code. The example provided was this piece of code: public class StepEasingFunction : EasingFunctionBase { public double NormalizedStep { get; set;…
Erix
  • 69
  • 6
1
vote
3 answers

JQMIGRATE: easing function "jQuery.easing.swing" should use only first argument

I am upgrading my JQuery V1.9.1 to V3.0 and I am using the "jquery migrate 3.0". I have this warning in my Console : JQMIGRATE: easing function "jQuery.easing.swing" should use only first argument When I searched the source of the warning's…
Ardalan Shahgholi
  • 11,967
  • 21
  • 108
  • 144
1
vote
1 answer

What is the best easing function to simulate a GUI item dropping?

There are so many easing functions available in Expression Blend, and so many settings on each, it is often hard to know instinctively what easing function to choose. Trying all the options would take quite a long time. In this instance, I want to…
iCollect.it Ltd
  • 92,391
  • 25
  • 181
  • 202
1
vote
3 answers

In WPF how do I add easing function to my animation from code behind?

I am creating doubleAniation in code and I want to add an easing function to it, so how do I do it?
Vitalij
  • 4,587
  • 9
  • 42
  • 65
1
vote
2 answers

Easing functions in WPF animation

Can you guys tell me is there any good, kind of a sample app where you can try all those easing functions with different parameters and see the changes? I mean there are two actual reasons why I can't built myself one: I simply don't have time I am…
iLemming
  • 34,477
  • 60
  • 195
  • 309
1
vote
1 answer

Easing Function in JavaScript - set change in value to 0

// t: current time, b: beginning value, c: change in value, d: duration function easeInQuad(t, b, c, d) { return c*(t/=d)*t + b; } function easeOutElastic(t, b, c, d) { var s = 1.70158; var p = 0; var a = c; if (t == 0) return…
Cople
  • 317
  • 4
  • 13
1
vote
1 answer

Reducing an integer using Penner's easing equations

I'm making a game where you must answer a question within a time. That time reduces as your score increases. I'm doing that using this function. var getTime = function(score){ var maxTime = 5000, minTime = 750; var reducedTime = maxTime *…
Finnnn
  • 3,530
  • 6
  • 46
  • 69
1
vote
0 answers

Easing function of Microsoft office 2013 animations

Making use of animations, had became easy and straightforward in designing GUI for almost all platforms. But selection of easing function dramatically affect the user experience, and I think the easing function used in MS Office 2013 (and probably…
Alireza Mirian
  • 5,862
  • 3
  • 29
  • 48
1
vote
2 answers

What EasingFunction is using in Windows 8 charm settings?

I make an application using WPF 4.0 (C#) I want to know EasingFunction using in Windows 8 charm settings appeared. I use CubicEase, QuarticEase, PowerEase, ExponentialEase.. but I can't make an animation like Windows 8. How can I make an animation…
Jihoon Yoon
  • 37
  • 7
0
votes
3 answers

implementing easing function

I'm trying to port and implement an easing function I found EDIT : I pasted in the wrong easing function, Sorry! Here is the correct one: Math.easeOutQuart = function (t, b, c, d) { t /= d; t--; return -c * (t*t*t*t - 1) + b; }; The…
alphablender
  • 2,168
  • 5
  • 27
  • 42
0
votes
0 answers

EaseOutBack animation in Powerapps

I'm struggling a little here with trying to simulate an EaseOutBack animation in PowerApps. The code is supposed to simulate an EaseOutBack motion in moving the box onto the screen when flyOut equates to false. So it comes out, overshoots it's final…
Epic Triffid
  • 29
  • 5
0
votes
0 answers

Creating a JavaScript Interface for Easing Function Configuration

I'm attempting to build a JavaScript interface to configure an easing function, similar to what's commonly seen in software like After Effects or Blender. While I've made some progress, I'm not entirely satisfied with the results. I've experimented…
snoob dogg
  • 2,491
  • 3
  • 31
  • 54
0
votes
1 answer

changing the jQuery easing behavior

When you have an Easing for an animation, the animation follows the equation of that easing. This script describes what I mean very well. Let's assume I did chose an Easing, any easing, and an animation time for example 1000 ms. The animation will…
Omar Abid
  • 15,753
  • 28
  • 77
  • 108
0
votes
1 answer

Python Compact function into String

I have a function like so: def ease_bounce_out(t, bounces=None): if bounces is None: bounces = [4 / 11, 6 / 11, 8 / 11, 3 / 4, 9 / 11, 10 / 11, 15 / 16, 21 / 22, 63 / 64] bounces.insert(0, 1 / bounces[0] / bounces[0]) if t <…
Bhavye Mathur
  • 1,024
  • 1
  • 7
  • 25
1 2
3
4 5