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

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

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

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

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

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

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

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

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

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

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

В фильме «Холодное сердце 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 в школе программирования – отличная возможность приблизиться к информационным технологиям через освоение блочного кодинга – альтернативы написанию кода на текстовых языках. Это плюс, если в учебный процесс вовлекаются неопытные ребята, еще не знакомые с основами информатики, алгоритмами и другими важными вещами.

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

Прошло много лет с тех пор, как я написал donut.c, и всё это время я не раз задумывался, можно ли как-то упростить этот проект. Например, может быть, нашёлся бы способ очертить пончик лучами, дописав для этого немного кода. В октябре 2023 года я написал твит о совершенно внезапном просветлении, позволившем мне найти новый подход к этой проблеме — без привлечения памяти, без каких-либо синусов, косинусов, без квадратных корней, деления, строго говоря, даже без умножения. Всё нужное можно отобразить с помощью одних только сдвигов и сложений. Вот обновлённая версия на C.

Как насчёт того, чтобы сделать анимацию Рика из «Рика и Морти» в 240 строк кода? Никаких библиотек, никаких изображений.

Привет, меня зовут Ваня! Я фронтенд-разработчик в Лиге А. и часто работаю с анимациями на клиентских проектах. В основном, использую Gsap, простые CSS-анимации или Lottie. А вот проекты, которые нужно реализовывать на WebGL встречаются редко и почти всегда задача по ним звучит необычно.

Со времен появления скринсейвера «Ленты» (ориг. «Ribbons») на Windows 7, эта заставка была стандартом для всех моих рабочих мест, благо в новых версиях Windows (8, 10, 11) эта заставка остается и по сей день. Однако с момента «импортозамещения» десктопной Windows на десктопную Linux, особенно актуального с 2022 года, хотелось получить эту или хотя бы похожую заставку и на этой свобоной платформе. Но вот незадача — нормальный порт найти мне не удалось. Может, конечно, плохо искал (скиньте ссылку в комментариях, если кто‑то нашел что‑то работоспособное).

И тут на просторах github очень удачно нашелся вот этот репозиторий. Автор в canvas с использованием JS наваял на мой взгляд очень даже симпатичную анимацию по мотивам того самого скринсейвера «Ленты».

Причем он в README отметил, что пытался сделать из этой анимации PWA (Progressive Web App), но почему‑то у него ничего из этого не вышло, читай «failed». Вопрос, почему человек, наваявший такой годный «генератор лент», не смог в PWA, оставим за скобками.
А тут как раз я, начавший недавно по служебной необходимости, изучать всем известный фреймворк Electron для создания кроссплатформенных настольных web‑приложений... Чем не альтернатива PWA?

Причина написания сего опуса как и прежде — поделиться чем‑то, что делал для себя и ближайшего окружения, с теми, кому это может быть интересно.

Всем привет, это Денис Вебер.

Сегодня я расскажу о том, что получится, если соединить конструктор LEGO и культовый фильм Терминатор 2. Я покажу как создавал настоящий LEGO трейлер и что из этого вышло. Мне нравится заниматься такими масштабными проектами и если у вас будут какие-то крутые идеи, дайте мне знать об этом в комментариях.

Если вам больше нравится формат видео, ссылку на ролик я оставлю в конце статьи.