Notes:Interpolation - Revision history

Frankiezafe: /* speed / current */

2017-09-15T22:06:06Z

‎speed / current

Frankiezafe: /* speed / current */

2017-09-15T22:04:51Z

‎speed / current

Frankiezafe: /* speed / current */

2017-09-15T22:04:23Z

‎speed / current

Frankiezafe: /* speed / current */

2017-09-15T21:33:02Z

‎speed / current

Frankiezafe: /* speed / current */

2017-09-15T21:31:59Z

‎speed / current

Frankiezafe: /* speed / current */

2017-09-15T21:21:34Z

‎speed / current

Frankiezafe: /* speed / current */

2017-09-15T21:20:43Z

‎speed / current

Frankiezafe at 21:16, 15 September 2017

2017-09-15T21:16:04Z

Frankiezafe: Created page with "== target / current == This interpolation do not requires any timer. It is similar to a constant deceleration. The idea is to gradually reduce the difference between a ''targ..."

2017-09-15T21:15:35Z

Created page with "== target / current == This interpolation do not requires any timer. It is similar to a constant deceleration. The idea is to gradually reduce the difference between a ''targ..."

New page

== target / current ==

This interpolation do not requires any timer. It is similar to a constant deceleration. The idea is to gradually reduce the difference between a ''target'' and a ''current'' value. The code is simplest:

float target = 0;
float current = 0;
...
target = 3;
...
// (in an animation for instance)
current += (target-current) * 0.1;

At each loop, the 10% of the difference is added to ''current''. To avoid an infinite process, the addition can be controlled by 2 tests, one to apply the operation, and another to stop it if the difference is too small ( 0.0000001 in this case ).

if ( current != target ) {
current += (target-current) * 0.1;
if ( abs( target-current ) < 1e-7 ) {
current = target;
}
}

== speed / current ==

This interpolation do not requires any timer either. It is similar to a ''bounce''<ref>Realistic Bounce and Overshoot, http://www.motionscript.com/articles/bounce-and-overshoot.html</ref> interpolation. The idea here is to modify the ''speed'' of the ''current'' in order to reach a given value. Once accelerated, the ''current'' value might go further than the requested value. The speed is then adapted to go in the other direction, until the requested value is reached. Code is a bit less obvious than the ''target / current'':

float target = 0;
float speed = 0;
float current = 0;
...
target = 3;
...
// (in an animation for instance)
speed = ( (target - current) - speed_roll ) * 0.35;
current += (target-current) * 0.1;

<references/>

[[Category:Algorithm]]
[[Category:Pseudocode‏‎]]
[[Category:Programmation‏‎]]
[[Category:Math‎]]

@@ Line 43: / Line 43: @@
+  }
   current += speed_roll * 0.1;
 == Resources ==

@@ Line 34: / Line 34: @@
   current += speed_roll * 0.1;
-At each loop, the speed is increased by 35% of the difference of the difference between ''target'' and ''current'' value and previous ''speed''. A lower percentage of this speed (10%) is then added to ''current''. This method might ends up in high speeds. It very simple to caps them using 2 tests:
+At each loop, the speed is increased by 35% of the difference of the difference between ''target'' and ''current'' value and previous ''speed''. A lower percentage of this speed (10%) is then added to ''current''. This method might ends up with high speed. It very simple to cap it using 2 tests:
   speed = ( (target - current) - speed_roll ) * 0.35;

@@ Line 34: / Line 34: @@
   current += speed_roll * 0.1;
-At each loop, the speed is increased by 35% of the difference of the difference between ''target'' and ''current'' value and previous ''speed''. A lower percentage of this speed (10%) is then added to ''current''. This method might ends up in very high speeds. It very simple to caps them using 2 tests:
+At each loop, the speed is increased by 35% of the difference of the difference between ''target'' and ''current'' value and previous ''speed''. A lower percentage of this speed (10%) is then added to ''current''. This method might ends up in high speeds. It very simple to caps them using 2 tests:
   speed = ( (target - current) - speed_roll ) * 0.35;

@@ Line 22: / Line 22: @@
 == speed / current ==
-This interpolation do not requires any timer either. It is similar to an ''elastic out''<ref>[[File:Interpolation elastic out.png]] Elastic out interpolation visualisation in [http://tweenjs.github.io/tween.js/examples/03_graphs.html tween.js], also called ''overshoot'', see [http://www.motionscript.com/articles/bounce-and-overshoot.html Realistic Bounce and Overshoot] </ref> interpolation. The idea here is to modify the ''speed'' of ''current'' in order to reach a given value. Once accelerated, the ''current'' value might too far, creating the condition of the bounce. The speed is then adapted to go in the other direction, until the requested value is reached. Code is a bit less obvious then the ''target / current'':
+This interpolation do not requires any timer either. It is similar to an ''elastic out''<ref>[[File:Interpolation elastic out.png]] Elastic out interpolation visualisation in [http://tweenjs.github.io/tween.js/examples/03_graphs.html tween.js], also called ''overshoot'', see [http://www.motionscript.com/articles/bounce-and-overshoot.html Realistic Bounce and Overshoot] </ref> interpolation. The idea here is to modify the ''speed'' of ''current'' in order to reach a given value. Once accelerated, the ''current'' value might go too far, inverting the direction of the motion (elastic). The speed is then adapted to go in the other direction, until the requested value is reached. Code is a bit less obvious then the ''target / current'':
   float target = 0;

@@ Line 22: / Line 22: @@
 == speed / current ==
-This interpolation do not requires any timer either. It is similar to a ''bounce''<ref>Realistic Bounce and Overshoot, http://www.motionscript.com/articles/bounce-and-overshoot.html</ref> interpolation. The idea here is to modify the ''speed'' of the ''current'' in order to reach a given value. Once accelerated, the ''current'' value might go further then the requested value. The speed is then adapted to go in the other direction, until the requested value is reached. Code is a bit less obvious then the ''target / current'':
+This interpolation do not requires any timer either. It is similar to an ''elastic out''<ref>[[File:Interpolation elastic out.png]] Elastic out interpolation visualisation in [http://tweenjs.github.io/tween.js/examples/03_graphs.html tween.js], also called ''overshoot'', see [http://www.motionscript.com/articles/bounce-and-overshoot.html Realistic Bounce and Overshoot] </ref> interpolation. The idea here is to modify the ''speed'' of ''current'' in order to reach a given value. Once accelerated, the ''current'' value might too far, creating the condition of the bounce. The speed is then adapted to go in the other direction, until the requested value is reached. Code is a bit less obvious then the ''target / current'':
   float target = 0;
@@ Line 43: / Line 43: @@
+  }
   current += speed_roll * 0.1;
 <references/>

← Older revision		Revision as of 21:16, 15 September 2017
Line 41:		Line 41:
	[[Category:Programmation‏‎]]		[[Category:Programmation‏‎]]
	[[Category:Math‎]]		[[Category:Math‎]]
		+	[[Category:Code snippet‏‎]]