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

Компьютерная анимация *

Мультипликация при помощи компьютера

Сначала показывать
Порог рейтинга
Уровень сложности

«Галоп пикселя — часть шестая» — Анимация персонажей. Бег

Уровень сложности Средний
Время на прочтение 48 мин
Количество просмотров 1.5K


«Галоп пикселя», часть I — базовые понятия, этапы взросления, прикладные упражнения (линк)
«Галоп пикселя», часть II — перспектива, цвет, анатомия и прикладные упражнения (линк)
«Галоп пикселя», часть III — Анимация (линк)
«Галоп пикселя», часть IV — Анимация света и тени (линк)
«Галоп пикселя», часть V — Анимация персонажей. Ходьба (линк)
«Галоп пикселя», часть VI — Анимация персонажей. Бег (линк)

Доброго времени суток, Хабр. Мы продолжаем цикл «Галоп Пикселя». И хотя паузы между главами этой саги достигли практически четырехлетнего перерыва — я рад (надеюсь и вы тоже) продолжить двигаться вперёд. Миля за милей, дорога за дорогой, в этой вечной былине о пиксель-арте. Пространном повествовании о пикселях, их жизни, способе их создания, приёмах и уловках в работе с ними.

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

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


Лопатить пиксели
Всего голосов 33: ↑33 и ↓0 +33
Комментарии 17

Новости

Гауссов сплэтинг: как это выглядит

Уровень сложности Простой
Время на прочтение 11 мин
Количество просмотров 7.8K
Пример работы гауссова сплэтинга. Этот ролик — не видеосъёмка реального мира, а рендер в реальном времени на настольном компьютере

Всплеск внимания к технике сплэтинга связан с представленной в августе этого года статьей 3D Gaussian Splatting for Real-Time Radiance Field Rendering [Трёхмерный гауссов сплэтинг для рендера radiance field в реальном времени]. До этого, в июле, эта научная работа исследователей Университета Лазурного берега, Института информатики Общества Макса Планка и французского Национального института исследований в информатике и автоматике вошла в пятёрку лучших работ SIGGRAPH 2023.

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

Сейчас исследователи бьются над поиском практического применения технологии и сканированием движения. В оригинальной работе речь идёт о воссоздании в первую очередь статичных сцен.
Читать дальше →
Всего голосов 65: ↑65 и ↓0 +65
Комментарии 13

Интерактивные кошкодевочки: что такое витьюбинг и почему он стал трендом

Время на прочтение 5 мин
Количество просмотров 6K

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

Читать далее
Всего голосов 19: ↑10 и ↓9 +1
Комментарии 10

Macromedia Flash: Взлет и закат технологии

Уровень сложности Средний
Время на прочтение 29 мин
Количество просмотров 14K

Если никто не подведёт итог под историей Macromedia Flash, она рискует затеряться в хламе IT-подвала. Напомню, что “волшебный” плагин Flash player стоял практически на всех компьютерах мира. И в какой-то момент именно эта технология была лучшей для анимации, игр и мультимедиа. В этой статье я расскажу историю технологии и добавлю историю от лица разработчика: что мы создавали, как работали,  плюсы минусы самой платформы и ключевые события. Ну и главное, почему Flash взлетела до массового распространения, а потом потерпела поражение и осталась в прошлом. И ответить на вечный вопрос “Кто виноват?” Иная версия вопроса: Зачем Стив Джобс убил Flash? Спойлер, Джобс не виноват.

Читать далее
Всего голосов 67: ↑67 и ↓0 +67
Комментарии 85

Истории

HAL в 4000 байт

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 22K

«HAL 4000» – исполняемая программа для Windows размером ровно 4000 байт. Лучшая работа в номинации 4 kb intro фестиваля Chaos Constructions 2017, второе место в чартах портала pouet.net. «HAL 4000» попала в плейлист Best of Demoscene 2017 наряду с работами Farbrausch, Fairlight, Conspiracy, Alcatraz, Byterapers, обсуждалась на вебинаре анимационной студии, демонстрировалась на различных фестивалях.

Необычная история создания этой работы изложена ниже.

Читать далее
Всего голосов 110: ↑110 и ↓0 +110
Комментарии 23

ReBoot: история первого в мире 3D-мультсериала «Повторная загрузка»

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 2.9K

Большинство людей полагают, что эра 3D-анимации началась с пиксаровского шедевра "История игрушек" в 1995 году. Однако это не так. Четырьмя годами ранее "ReBoot" уже с успехом продемонстрировал потенциал создания 3D-мультсериалов.

Идея создания первого полноценного компьютерного ТВ-сериала возникла благодаря Гэвину Блэру (Gavin Blair) и Яну Пирсону (Ian Pearson), профессионалам в области компьютерной анимации, которые в 1984 году совместно работали над клипом "Dire Straits" для композиции "Money for nothing". Однако, технологии того времени не позволяли им реализовать свою задумку, и они вынуждены были трудиться и ждать ещё 5 лет, чтобы создать необходимую программу и получить финансирование проекта.

Вспомним молодость
Всего голосов 9: ↑8 и ↓1 +7
Комментарии 7

Как сделать Stable Diffusion XL ещё умнее, используя отрицательные подсказки

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 5.9K

В прошлом месяце Stability AI выпустила Stable Diffusion XL 1.0 (SDXL) и дала открытый доступ к его исходному коду всем желающим. Как добиться более точных и детальных генераций, скормив сетке плохие примеры?

Читать далее
Всего голосов 15: ↑14 и ↓1 +13
Комментарии 0

Чем так хороши Lottie-анимации и почему вам стоит о них узнать

Уровень сложности Средний
Время на прочтение 4 мин
Количество просмотров 4.6K

Всем привет. Сегодня наш дизайнер Артем Сафаров расскажет, как дизайнеры используют Lottie-анимации на своих проектах и научит этому вас ;)

Технология в разы круче GIF, AVI, mp4 и анимированных HTML-элементов, поэтому грех вас с ней не познакомить.

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 13

Создание шейдера обратного фи-феномена в Unity: мой опыт

Уровень сложности Средний
Время на прочтение 10 мин
Количество просмотров 2.6K

Визуальная составляющая играет ключевую роль в разработке игр. Один из наиболее уникальных и недооцененных приемов - использование оптических иллюзий.

В контексте разработки игр, оптические иллюзии могут быть использованы для создания уникальных визуальных эффектов и добавления глубины и сложности в игровой мир. Они могут помочь создать уникальную атмосферу, улучшить визуальное восприятие игрока или даже стать ключевым элементом геймплея.

Внимание: в статье есть яркие мигающие картинки, будьте осторожны

Читать далее
Всего голосов 17: ↑16 и ↓1 +15
Комментарии 4

Как мы создавали тросы и их анимировали

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 4.1K

В предыдущей публикации, первой по счету, мы рассказали кратенько о себе, чем занимаемся и про наши планы. Получили такое количество обратной связи (и по щам тоже – все за дело, заслужили) и за все благодарны (особенно за неразрушающийся контроль).

Во-первых, была поднята тема ответственности. Эта темы и без AI тяжела, а с ним то – и подавно. Дело даже не с технологии, AI или ML, или что угодно – это просто добавление еще одного звена, который еще больше усложняет всю систему. Тема ответственности за технологию – тема особая, требующая отдельного поста или даже серии постов. Мы пока не готовы к этому, но мысли есть на тему.

У одного из членов нашей команды есть научрук, доктор технических наук Ясницкий Л.Н., автор нашумевшей в свое время статьи «По ком звонит Ansys» как раз про ответственность технологии, включая гибель людей в Трансвааль‑парке в 2004 г. Всем советуем почитать, статья больше задает вопросы, чем отвечает, но мысль такая же как и в комментах к нашей первой публикации — надо создавать методологию ответственности.

Еще страшней тема в продолжении: алгоритм минимальности числа жертв при их неизбежности и степень его повсеместного применения или внедрения. Тут впору вспомнить «не убий» в Азимовском варианте. Уточним, Айзек Азимов в своем рассказе «Хоровод» ввел четыре правила робототехники, ну их правда изначально три было, потом добавился четвертый. Если же учесть, что в некоторые немецкие автомобили встроен AI, который работает не по принципу «минимальности жертв» при неизбежном ДТП, а по «мой хозяин должен остаться в живых, так как он меня за этим и купил», то поле для рассуждения становится просто необъятным. Вернемся к нашим тросам‑канатам.

Читать далее
Всего голосов 4: ↑3 и ↓1 +2
Комментарии 12

Disney уволила сотрудницу, спасшую «Историю игрушек»? Не совсем

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 23K

Кадр из «Истории игрушек 4»

В конце мая студия Pixar впервые за десятилетие сократила штат. После неудач в прокате «Базза Лайтера» компания уволила 75 сотрудников, включая двух старших менеджеров. В ленты новостных агентств новость просочилась только в начале июня, но чуткий глаз тематических СМИ выцепил среди уволенных одну наиболее интересную персоналию. В числе прочих расстались с сотрудницей, которая когда-то спасла случайно удалённую «Историю игрушек 2».

Двадцать пять лет назад, когда Pixar готовила к выходу очередной полнометражный фильм, технический директор Гэлин Сасмен выполняла свои обязанности из дома. Когда в офисе случайно удалили всю работу над «Историей игрушек 2», на компьютере Сасмен нашлась резервная копия. Такой сюжет попытались рассказать некоторые тематические сайты (1, 2, 3, 4, 5). Другие не стесняясь заявили (1, 2), что Сасмен спасла всю $3,2-миллиардную франшизу.

Случившееся в реальности сложнее и интереснее, чем простая история о несправедливости.
Читать дальше →
Всего голосов 89: ↑84 и ↓5 +79
Комментарии 71

Как зародилась компьютерная графика

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 5.7K

В 1960-х и 70-х годах пионеры компьютерных наук Дэвид Эванс и пожизненный член IEEE Иван Е. Сазерленд возглавили разработку технологий, которые аниматоры используют и сегодня. Новаторские исследования, которые они проводили в Университете штата Юта в Солт-Лейк-Сити и в собственной компании Evans and Sutherland, помогли запустить индустрию компьютерной графики.

Читать далее
Всего голосов 11: ↑9 и ↓2 +7
Комментарии 4

Как создатели мемных спин-оффов «Зельды» изменили российскую индустрию игр и анимации

Уровень сложности Простой
Время на прочтение 37 мин
Количество просмотров 6K
image

Что общего между мемами про Моршу, квестом по Warcraft, «Масяней», «Смешариками» и Jedi Outcast.

Animation Magic Inc. (ООО «АМИ») — одна из первых крупных российских игровых студий. Она была открыта в 1992 году в Санкт-Петербурге и в основном занималась аутсорсом для западных издателей. Ещё это первая отечественная студия, которая на момент открытия имела американское подразделение и команду разработчиков из 50 человек. И это в те годы, когда из известных российских игр был разве что Tetris Алексея Пажитнова, Perestroika Никиты Скрипкина и Color Lines от студии Gamos.

Сегодня об Animation Magic вспоминают только в контексте отменённого квеста по вселенной Warcraft да неканоничных частей The Legend of Zelda, анимационные ролики из которых ещё в нулевые стали популярными интернет-мемами. Обе части Zelda рьяно критикуют и высмеивают уже два десятилетия, но в отрыве от критики — о студии почти ничего неизвестно.

И очень печально, ведь выходцы из Animation Magic серьёзно повлияли на формирование игровой и анимационной индустрии в России. Этим материалом мы хотели бы восстановить историческую справедливость: разобрать полный творческий путь студии, развеять мифы и опубликовать ранее неизвестные факты.
Читать дальше →
Всего голосов 51: ↑48 и ↓3 +45
Комментарии 4

Ближайшие события

Битва пет-проектов
Дата 25 сентября – 30 ноября
Место Онлайн
Яндекс Backend Tour
Дата 13 – 26 ноября
Время 18:00 – 23:00
Место Москва Нижний Новгород Екатеринбург Новосибирск Санкт-Петербург Онлайн
SMM TRENDS
Дата 22 ноября
Время 14:00 – 19:00
Место Онлайн
HighLoad++ 2023
Дата 27 – 28 ноября
Время 9:00 – 20:00
Место Москва Онлайн
Открытая трансляция Главного зала HighLoad++ 2023
Дата 27 – 28 ноября
Время 10:00 – 20:00
Место Онлайн
Business Code Conference
Дата 30 ноября
Время 17:30 – 00:00
Место Москва
Импульс Т1
Дата 1 декабря
Время 12:30
Место Москва Онлайн
YaTalks 2023 — главная конференция Яндекса для IT сообщества
Дата 5 – 6 декабря
Время 9:00 – 23:59
Место Москва Белград Онлайн

Повторяй за мной или двигаем виртуальной камерой like a pro

Уровень сложности Средний
Время на прочтение 8 мин
Количество просмотров 2.1K

DVD – как много в этой аббревиатуре! Уверен, что вы наверняка помните такое явление, как ларьки и палатки с дисками, исчезнувшие только к началу 2010-х годов (по крайней мере так было в столице). В один из таких ларьков в конце 2009-го заглянул десятилетний я, внимание которого тут же привлекла коробка с надписью «3D Studio Max 2010»... Аниматором я, увы, так и не стал, однако интерес к области визуальных эффектов сохранился надолго.

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

В данной статье мне бы хотелось рассмотреть математический аппарат, при-меняемый в данном классе задач, а также сдобрить её щепоткой практики. Приятного чтения!

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Комментарии 4

Улучшенная эвристика при квантовании цветовой палитры

Время на прочтение 11 мин
Количество просмотров 1.3K

В 2015 году я написал статью о том, как было улучшено квантование цветовой палитры в FFmpeg для создания красивых анимированных гифок. По какой-то причине эта статья — по сей день самая популярная из всех моих постов.

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

Вот в чём заключалось одно крупное изменение, которое я хотел внести: оценить расстояния между цветами, воспользовавшись при этом равномерно воспринимаемым цветовым пространством, а не наивное евклидово расстояние между RGB-тройками. 

Как обычно, казалось, что с таким проектом можно управиться за неделю. В конце концов, мне всего-то и требовалось изменить функцию расстояния, так, чтобы она стала работать в ином пространстве, верно? Что ж, как обычно, я сам себе устроил множество приключений, наслоившихся друг на друга:

Читать далее
Всего голосов 23: ↑23 и ↓0 +23
Комментарии 1

3D анимация Флекса или простого танца через циклы в Maya

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 3K

* Крокодил на главной картинке (КДПВ) красиво танцевал, но модераторы убрали гифку 5,79 МБ весом

Привет! Не так давно мне пришлось сделать более 20 анимаций цикличных танцев для разных существ в Аллоды Онлайн, в основном животных, но пайплайн к которому я пришел может пригодиться во многих цикличных анимациях.

Статья разделена на 2 части:

Теория:

Я пишу о том как нашел данный путь создания анимаций и какие ключевые моменты я подметил, в общем пересказ моей мыслительной деятельности.

Практика:

В практике гифки, скрины, кнопки и процесс создания анимации

Так что кто не любит читать и хочет сразу за станок, можете пропускать теорию)

Теория

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

 Условия и ограничения приводят к интересным пайплайнам.

Требовалось делать минимум 1 анимацию в день, вне зависимости от сложности рига.

Танец может быть простым, вплоть до одного цикла

Танец должен быть ритмичным и, естественно, восприниматься как танец, или хотя бы флекс).

Все это заставляет думать, какие танцы я буду делать, если у меня не так много времени?

Читать далее
Всего голосов 20: ↑20 и ↓0 +20
Комментарии 3

Овладейте всем потенциалом анимирования с Vue

Уровень сложности Средний
Время на прочтение 7 мин
Количество просмотров 6.8K

Vue позволяет разработчикам писать более гибкий и переиспользуемый код за счёт наличия дополнительных возможностей для организации компонентов. И одной из областей применения этих возможностей являются анимации. В текущей статье мы разберём использование Composition API для создания анимаций в Vue с помощью CSS и JS библиотеки GSAP (GreenSock Animation Platform).

Примечание пер.: статья содержит крупные GIF-анимации.
Читать дальше →
Всего голосов 39: ↑39 и ↓0 +39
Комментарии 2

Я анимирую тентакли и мне платят за это деньги

Уровень сложности Простой
Время на прочтение 16 мин
Количество просмотров 59K
Видели когда-нибудь в интернете странную, сексуализированную или даже оскорбительную рекламу какой-нибудь мобильной игры? Задумывались о том, кто же сделал это непотребство? Ну так вот, это была я.

image

Сегодня я хочу рассказать вам о том, как: дошла до жизни такой, как вы можете дойти до жизни такой же, расскажу про саму работу и дам несколько советов тем, кто хочет «вкатиться» в мир сладкой анимации.
Читать дальше →
Всего голосов 193: ↑186 и ↓7 +179
Комментарии 108

Анонс нового проекта Blender Studio

Время на прочтение 2 мин
Количество просмотров 1.7K

Здравствуйте, дорогие друзья. В последнее время Blender Studio продолжает нас радовать своими проектами трехмерных мультфильмов. «Страх эльфов» (Sprite Fright), «Заряд» (Charge) — эти мультфильмы студия выпустила за последние два года.

19 января 2023 года (но, я сам узнал только недавно по рабочим материалам на Youtube‑канале проекта) был анонсирован новый проект — Pet Projects.

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 1

Превратится ли Земля в планету Торманс?

Время на прочтение 21 мин
Количество просмотров 15K

Это статья о незаурядном человеке — учёном и писателе Иване Антоновиче Ефремове и его грандиозном социально‑философском произведении — романе «Час Быка». Произведении уникальном, аналогов которому не было в мировой литературе. Произведении, актуальность которого пугающим образом растёт с каждым годом. И это — статья о том, как мы решили взяться за экранизацию «Часа Быка» с использованием современных программных средств визуализации.

Читать далее
Всего голосов 64: ↑58 и ↓6 +52
Комментарии 154

Вклад авторов