Как стать автором
Обновить

Комментарии 22

Загрузилось со второго раза.
Хабраэффект :(
Извините, но как запустить? По ссылке только редактор открывает и внизу пустое окошкою Firefox, noscript отключил
У меня заработало после того как переключил тумблер вверху с Editor на Details.
У меня в FF не заработало никак, увы =(
В хроме — ок.
НЛО прилетело и опубликовало эту надпись здесь
Как-то без откровений. «выглядит естественно и правдоподобно» — не слишком понятно, что значит «правдоподобно» в данном случае. Умиляемся естественности синуса? Забавно.

И не понятно зачем отдельное демо для синуса и отдельное для косинуса — ну правда, зачем? (-:
Джастин Уиндл внезапно открыл для себя тригонометрические функции и их комбинации? Ух ты, срочно в печать!

Что же будет дальше? Он откроет для себя полиномиальные зависимости и обнаружит, что квадратичные и кубические easing curves тоже выглядят естественно и правдоподобно? Ждём с нетерпением!
Не для техно-демо, а для быстрой справки в работе есть easings.net/ru
НЛО прилетело и опубликовало эту надпись здесь
Там для CSS есть кривые Безье
НЛО прилетело и опубликовало эту надпись здесь
Так как цель сайта чисто практическая — поэтому указано в форматах удобных для задания, а не их внутреннего смысла.
Если необходимо в практическом смысле, то можно стырить из AtomJS
Графики
image

atom.Transition:
Код
atom.Transition.set({
	Expo: function(p){
		return Math.pow(2, 8 * (p - 1));
	},

	Circ: function(p){
		return 1 - Math.sin(Math.acos(p));
	},

	Sine: function(p){
		return 1 - Math.cos(p * Math.PI / 2);
	},

	Back: function(p){
		var x = 1.618;
		return Math.pow(p, 2) * ((x + 1) * p - x);
	},

	Bounce: function(p){
		var value, a = 0, b = 1;
		for (;;){
			if (p >= (7 - 4 * a) / 11){
				value = b * b - Math.pow((11 - 6 * a - 11 * p) / 4, 2);
				break;
			}
			a += b, b /= 2
		}
		return value;
	},

	Elastic: function(p){
		return Math.pow(2, 10 * --p) * Math.cos(12 * p);
	}

});

['Quad', 'Cubic', 'Quart', 'Quint'].forEach(function(transition, i){
	atom.Transition.set(transition, function(p){
		return Math.pow(p, i + 2);
	});
});


Ожидал большего.
Подобным (по сути) я занимался на бейсике в пятом классе.
Не Вы один, коллега =)
Аналогично, но на делфи с использованием канваса. Статья ни о чем, лучше бы автор сделал обзор этого мини фреймворка.
Так вот они зачем, функции то эти. А то в магазине то не пригодились.
соs(t)*sin(t) улыбнул :) интересно, это пасхалка или автор действительно не помнит тригонометрию и то, чему идентично это выражение? И что выносить его в отдельную анимацию некорректно.
Зарегистрируйтесь на Хабре , чтобы оставить комментарий

Публикации