Метка «animation» - 2

Сегодня мы хотим рассказать вам о создании интро-ролика для нашей игры про паркур Vector — покажем раскадровку, аниматик и расскажем прочие подробности этого увлекательного процесса.

image
Читать полностью »

Анимированная иконка загрузки на CSS3

Идея взята у Dan Eden (demo), я лишь немного доработал способ.
Читать полностью »

Пока идет процесс подготовки переводов следующей партии уроков от unity3dstudent, хочу поделиться новостью.
На прошедшем CDG для Unity3d была анонсирована новая система работы с анимацией и системой ввода.
Ознакомиться c ней можно посмотрев видео.
Читать полностью »

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

Нарушать правила хабра мне бы не хотелось, поэтому напишу пару слов о процессе. В спецификации SVG есть раздел про анимацию, в котором здорово описано как должны клиенты (например, браузеры) выполнять анимацию. В теории получается очень красиво, но пока не попробуешь сделать что-то своими руками — не поймешь.
Читать полностью »

Добрый день. Наверняка многие видели приложение для iOS под названием Flipboard. При всех его достоинствах, лично меня оно в первую очередь порадовало своими забавными анимациями перелистывания. Родилась идея реализовать нечто подобное для своего сайта исключительно на Javascript и CSS3.

В данном случае я использовал CSS3 свойство transform: rotate3d(...), которое требует поддержки аппаратного ускорения графики и адекватно работает только в Chrome 16+, поэтому все нужyые свойства я ограничил префиксами -webkit-. В продакшене для пользователей с неподходящим параметрами я заменял анимацию на более простую.

Вот так выглядит готовый результат:

Живое демо

Читать полностью »

Сегодня просматривая разные видео на просторах Интернета наткнулся вот на эту вещь: Он спроектировал умный инструмент для разработки видео игр: Брет Виктор
Видео было очень интересным, я подумал что он демонстрирует уже реально существующее приложение. Начал гуглить и пропал часа на 3… Оказалось, что Bret Victor — классный дизайнер и вобще «изобретает инструменты в помощь людям понимать и создавать. Он проектировал экспериментальные UI концепции в Apple, интерактивные графические данные для AI Gore и музыкальные инструменты в Alesis».

Видео с первой ссылки является частью целой конференции:

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js