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

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

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

Привет всем читателям замечательного Хабра! Может кто-то из вас припомнит мою статью, вышедшую в конце 21-го года. Тогда я спешил поделиться первым опытом создания мультфильма, про волка-кулинара и его «мишленовскую» яичницу :-) Признаюсь, что пользователи Хабра оказались самыми благодарными зрителями и читателями, такого большого фидбека я не получал ни с одной из социальных сетей. Огромная вам благодарность. После такой доброжелательной реакции, я захотел делать продолжение и строил радужные планы.

Кейс из жизни: мини-приложения, анимированные обложки, внешние команды — и одна на вид «валидная» анимация, которая кладет все приложение. Рассказываем, как мы научились воспринимать Lottie-файлы не как медиа, а как исполняемый код — и почему это улучшило стабильность всей системы.

Мне периодически хочется донести какие-то идеи через визуальные образы - видео фрагменты, встроенные в голосовое объяснение. Но в редакторах анимаций это делать очень трудоемко.

На днях до меня дошло - можно дать ИИ задачу с желаемой анимацией, и он создаст это в виде html+css+js кода. Потом записать эту страницу на видео и использовать её уже в CapCut, встроив в повествование как визуальный элемент.

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

В честь скорого выхода 27-го сезона анимационного сериала «Южный парк» мы решили вспомнить лучшие серии, которые затрагивают видеоигры и игровую индустрию. Создатели шоу Мэтт Стоун и Трей Паркер — настоящие гики, которые среди прочего очень любят игры. Однако любить — не значит не видеть многочисленные недостатки, которые можно обыграть в сатирическом ключе. А именно за это мы и ценим South Park.

Привет, Хабр! Анимации – это та самая вишенка на торте, которая превращает просто работающее приложение в нечто, чем приятно пользоваться, что хочется «потрогать». Но как сделать так, чтобы эта вишенка не превратилась в тыкву, тормозящую весь UI и съедающую батарейку?

За годы практики я перепробовал, кажется, всё: от простейших AnimatedContainer до замороченных кастомных решений с физикой и глубокой интеграцией с Rive. И сегодня я хочу поделиться с вами этим опытом, собрав в одном месте всё, что нужно знать о создании анимаций во Flutter в 2025 году. Это будет настоящий лонгрид-энциклопедия, так что заварите кофейку или что покрепче!

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

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

Каждый год 14 февраля в корпоративной соцсетке Контура лайки (реакции вида «палец вверх») превращаются в вылетающие сердечки. Анимация сердечек настолько залипательна, что способна отвлечь многих сотрудников от работы: по нашим данным они нажимают на лайк снова и снова. Дело в том, что каждый полет сердечек уникален. Давайте расскажу, как это устроено.

Технологии развиваются настолько быстро, что не успеваешь моргнуть глазом, и вот уже глазами моргают статичные фотографии прошлого века. Да‑да, мы говорим об анимации изображений. Если ещё пару лет назад это казалось чем‑то «на грани фантасмагории», то сегодня это настолько въелось в нашу жизнь, что обычный пост с анимированным изображением уже не вызывает эффекта «ВАУ, как это сделали?». Картинки не только шевелятся, моргают и улыбаются — они живут своей жизнью и даже коллабятся с другими!

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

А чтобы сделать эксперимент интереснее, мы выбрали для испытаний культовых персонажей мировой истории. Что скажете, если Юлий Цезарь улыбнётся вам с экрана? Всё увидите сами — не переключайтесь!

Приятного Вам прочтения!

В фильме «Холодное сердце 2», анимационной студии Disney, костюмы играют важную роль в дизайне персонажей и сюжете. Сложная вышивка на костюмах отражает ключевые черты характеров персонажей, символизируемые различными формами и узорами. Одной из задач команды по персонажам было воплощение сложной вышивки, которая является неотъемлемой частью внешнего вида героев.

Мозг людей с эпилепсией похож на электрическую цепь с перегрузкой. Резкие вспышки света или мигание (3+ раз в секунду) вызывают «короткое замыкание» — приступ. Дизайн с такими эффектами становится буквально опасным».

Любимые аниме из детства выглядят размыто на современных 4K-экранах? Есть решение! Узнайте, как апскейлить видео до 4K с помощью FFmpeg, шейдера Anime4K и аппаратного ускорения NVIDIA. Без сложных ИИ — только простые шаги и доступные инструменты. Читайте статью и вдохните новую жизнь в свои сериалы!

Помните, как мы когда-то удивлялись первым пиксельным шейдерам, считая их вершиной технологического прогресса? А потом появился рей-трейсинг, и наши представления о возможностях графических процессоров снова изменились. Сегодня же мы находимся на пороге нового переворота в мире компьютерной графики. Инновационная разработка NVIDIA под названием Neural Rendering соединяет традиционные алгоритмы визуализации с возможностями искусственного интеллекта, закладывая основу принципиально иного подхода к созданию виртуальных миров.

По провинциальному городку середины нулевых идёт домой зелёный и наивный школяр. Там его ждёт сюрприз, ведь папа пришёл с работы не с пустыми руками, а с диском, на котором нарисованы четыре ещё более зелёные черепахи с оружием и желанием надирать задницы, выраженном на их лицах. Это событие оказалось судьбоносным, ведь ваш покорный слуга встретил любимейший мультсериал своей жизни, который повлиял на то, кто я и чем увлекаюсь вообще.

Потому сегодня мне хочется предаться воспоминаниям и поведать как можно больше о мультсериала Teenage Mutant Ninja Turtles, стартовавшем 8-го февраля 2003-го года. Как он появился, чем был прекрасен, остаётся ли таковым, и какова была судьба этой интерпретации приключений Леонардо, Донателло, Микеланджело и Рафаэля на больших экранах. Усаживайтесь поудобнее, доставайте коробку пиццы (можно и с ананасами, куда от вас извращенцев денешься) — мы начинаем.

Полезно было бы уметь генерировать по текстовому описанию не только картинки, а полноценный 3D-объект, который можно рассмотреть со всех сторон. Это открывает огромные возможности для дизайна, игр, виртуальной реальности. Однако генерация 3D-контента — задача непростая. Современные методы требуют огромных объемов данных для обучения и страдают от несогласованности между разными ракурсами.  

Авторы DiffSplat предлагают подход, который решает эти проблемы элегантно и, что более важно, быстро! Вместо того чтобы создавать 3D-модели с нуля, создатели используют уже предобученные text-to-image модели. И просто «перепрофилируют» их для работы с 3D-гауссовыми сплатами.  

Однажды, в курсе «Математические модели физической реальности» я предложил студентам «поиграть в Галилея». То есть, повторить его натурные эксперименты с падающими телами и определить из экспериментов величину ускорения свободного падения.

Согласно общепринятой легенде, «экспериментальной установкой» для одного знаменитого опыта Галилею служила всемирно известная Пизанская башня: высотой приблизительно 50 метров.

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

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

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