Blinky

Короткометражный фильм про робота ирландского режиссёра Рори Робинсона (Ruairi Robinson). Мальчик-актер со странным именем Макс Рекордс (Max Records) также снимался в полнометражном фильме "Там, где живут чудовища". Тоже играл маленького мерзавца.

ЖЖ

Про работу психолога

Нравиться мне анимация. В мультфильмах можно выразить то, что иными способами выразить невозможно.

ЖЖ

Большой взрыв

Думаете "Симпсоны" крутой мультфильм? Считаете, что современное искусство перестало взаимодействовать с окружающим миром и замкнулось само в себе? Всё что уже можно придумать уже давно придумано и сделано, а теперь осталось лишь бесконечно тиражировать старые идеи и повторять технические прием?

APNG: анимированный PNG

Если вы видете анимацию, значит ваш браузер поддерживает APNG. Если не видите, то возможно картинка еще не загрузилась.

Пытливый ум инет-разработчиков не знает покоя. Андрей Смит (Andrew Smith) с группой товарищей додумался делать анимированный PNG (APNG). Новый формат является расширением старого доброго PNG. Согласно замыслу разработчиков он должен сменить анимированный GIF в тех приложениях, где нужна несложная анимация. И разуемеется APNG позволяет использовать 24-битный цвет и 8-битный альфа-канал, также как и его прородитель. Так же заявлено, что APNG имеет обратную совместимость с PNG. Иными словами, если ваш браузер анимированный PNG не поддерживает, то вы увидете обычную статичную картинку.

Список приложений, которые поддерживают данный формат невелик: Firefox 3, Opera 9.5, KSquirrel 0.7.2 и XnView 1.92. Если вы счастливый обладатель одной из вышеобозначенных программ, то в начале поста вы увидете анимированный логотип Firefox.

Создать APNG можно либо прямо на сайте разработчиков, либо загрузив специальный редактор, выполненный как дополнение к Firefox 3.

Давайте посмотрим, что мы имеем в итоге? А имеем достаточно громоздкий анимированный формат (анимированная картинка размеров 350 x 279 px из 12 кадров весит 622 КБ), дерганую анимацию, плюс определенные сложности при создании и редакторивание. Лично у меня большие сомнения, что APNG найдет себе применения. Особенно если учесть повсеместное распространение флэш, который существенно легче, анимацию дает более плавную, поддерживается абсолютным большинством браузеров и самое главное - для флэш есть нормальные редакторы.

P. S. Сохраненный с сайта разработчиков и вставленный в пост (загруженный на blogspot.com) пример анимированного PNG отказался анимироваться. Так что теперь в начале поста картинка стоит по ссылке.

См. также:

Все о APNG: документация, примеры, блог
http://animatedpng.com/

Он-лайн ассемблер APNG
http://animatedpng.com/index.php/assembler/

Редактор APNG в виде дополнения к Firefox 3
http://animatedpng.com/index.php/apngedit/

Движение с ускорением

Комары летают с ускорением

Возникала у меня потребность сделать во Flash программное движение с ускорением. Причем важно было чтобы анимация начиналась в строго заданной точке и заканчивалась также в строго определенной точке. Попытки построит инкрементный алгоритм на основе школьной формулы расчета пути пройденного при движении с ускорением успехом не увенчались. При движении объект двигаясь с ускорением, проходил дальше конечной точки и только потом в нее возвращался. Судя по всему причиной тому особенности инкрементного алгоритма. Кроме того формулы для расчета необходимых значений скорости и ускорения получались очень громоздкими.

Оказывается существует более простая реализация движения с ускорением. Выше на странице размещен пример такой реализации. В нем для каждого комара прописан вот такой код:

// ДВИЖЕНИЕ С УСКОРЕНИЕМ

// Конечные координаты
finishX = Math.random() * Stage.width;
finishY = Math.random() * Stage.height;

finishAngle = 20 - Math.random() * 40;

// От этой величины зависит скорость движения и ускорение.
// Чем больше значение, тем медленнее движение.
speed = 8;

onEnterFrame = function () {
// Пока не достигли конечных координат продолжаем движение
if (Math.abs(_x - finishX) > 0.5 && Math.abs(_y - finishY) > 0.5) {
_x += (finishX - _x) / speed;
_y += (finishY - _y) / speed;
_rotation += (finishAngle - _rotation) / speed;
}
// А потом начинаем всё с начала
else {
_x = finishX;
_y = finishY;
_rotation = finishAngle;
finishX = Math.random() * Stage.width;
finishY = Math.random() * Stage.height;
finishAngle = 20 - Math.random() * 40;
}
}

Разумеется такой алгоритм можно применять не только для анимации движения, но и например для анимации смены цвета.

Бегает за курсором

Забавный концепт

Вот такой забавный концепт нашел в сети. Автор к сожалению неизвестен. Если вдруг кто знает творца - дайте знать. Инет должен знать своих героев.

P. S. Кстати помниться давным-давно на сайте Xbox было нечто подобное реализовано. Только там за курсором бегала белая мышь. Причем интерактивно бегала. А когда пользователь тыкал в меню, мышь вставала на задние лапы (меню было сверху) и тянулась за курсором.

Блокнотная анимация

Если взять блокнот, нарисовать на каждой его страницы картинку, а точнее не просто картинку, кадр анимации, то перелистывая страницы блокнота можно увидеть почти настоящий мультфильм. Всё это веселье называется блокнотной анимацией или по-английски flipbook. Многие из нас баловались чем-то подобным, рисуя пляшущих человечков на полях школьных тетрадей, но оказывается раньше существовала целая индустрия про производству таких флипбуков. Сайт flipbook.info полностью посвящен этому занимательному виду искусства.