Как помощью Кривой Безье плавно увеличить значение переменной?

Question

[Хазрат Гаджикеримов]

Cтолкнулся с реализацией плавного увеличения/уменьшения значения переменной с использованием кривой Бизье.

Answer 1

[nirvimel]

Есть такая библиотека на CoffeeScript.
Если задать Smooth.METHOD_CUBIC = 'cubic' то это и будет кривая Безье.

Comments

[Хазрат Гаджикеримов]

Подключать CoffeScript для всего лишь плавного изменения уж слишком ((

[Aves]

Febox: https://github.com/gre/bezier-easing

[nirvimel]

Febox: Если заглянуть к ней внутрь, там есть такой кусок (в последней стоке та самая формула):

class CubicInterpolator extends AbstractInterpolator
	interpolate: (t) ->
		k = Math.floor t
		m = [(@getTangent k), (@getTangent k+1)] #get tangents
		p = [(@getClippedInput k), (@getClippedInput k+1)] #get points
		#Translate t to interpolate between k and k+1
		t -= k
		t2 = t*t #t^2
		t3 = t*t2 #t^3
		#Apply cubic hermite spline formula
		return (2*t3 - 3*t2 + 1)*p[0] + (t3 - 2*t2 + t)*m[0] + (-2*t3 + 3*t2)*p[1] + (t3 - t2)*m[1]