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

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

Пример выдаёт пустой экран. (FF, Chrome, Ubuntu). И как-то привычнее видеть исходники либо на jsfiddle, либо на github.
Пример нормально отображается, Chrome, Ubuntu
Windows 7, работает только в Chrome. В FF и IE9 пустой экран.
Windows 7-64, Opera 12.12 — полёт нормальный.
Уже видел данный эффект вот в этом интерактивном клипе. Там в конце нужно рисовать какой-то текст или картинку, которые потом очень красиво расцветают =)
Спасибо, надо будет попробовать.
Когда отделяешь дизайн как конструирование от живописи, это идет на пользу и первому и второму. Буду дизайнить программно.
НЛО прилетело и опубликовало эту надпись здесь
У кривых Безье целая куча вкусных особенностей. Например, чтобы получить аффинное преобразование кривой Безье, надо применить преобразование к контрольным точкам, а затем построить кривую Безье по полученным точкам. Скажем, с дугой эллипса (заданной центром, полуосями, начальным и конечным углом) вы так не повеселитесь.
C аффинными преобразованиями действительно просто. Даже алгоритм distort по четырем точкам нашел.
Но алгоритма нелинейного искажения (по типу как сделан warp или envelope distort в Иллюстраторе) не могу найти.
Может кто сталкивался?
Хм… А чем не устроила готовая функция Canvas context.bezierCurveTo? Или третьего порядка кажется мало? Обычно для практических целей хватает. Или просто захотелось всё руками сделать? По крайней мере, укажите в статье, что второй и третий порядок поддерживаются стандартом, а то ведь вас кто-нибудь почитает и будут использовать велосипеды.
Не знал. Спасибо, добавлю. Интересно было с самой кривой разобраться.
На уроках векторной графики я люто ненавидел кривые Безье. Принцип ее работы казался магическим, непостижимым и, как бы не сказать грубее, нелогичным.

Позор таким преподавателям, которые не могут нормально объяснить тему и отбивают у студентов всякое желание учится! Или все же дело в студенте?
for (var t = 0; t < 1 + step; t += step) { if (t > 1) { t = 1; }

->

for (var t = 0; t <= 1; t += step) {

?
Нет, надо чтобы t заканчивалось именно единицей, не больше. Если t будет > 1, то полином Берштейна также будет > 1 и кривая уплывет в сторону.
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.