Как стать автором
Поиск
Написать публикацию
Обновить
7.4

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

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

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

Разбор полёта: как мы поздравляем с 14 февраля при помощи процедурной анимации

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

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

Читать далее

Школа программирования Scratch: обучение для детей

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

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

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

Посмотреть рейтинг

По мотивам windows заставки «Ленты». Кроссплатформенный скринсейвер на JS и Electron

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

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

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

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

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

Читать далее

17 игр и приложений по созданию анимации и мультипликации – для детей и подростков

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

Для детей создание анимации и мультипликации – увлекательный процесс. Если ребенка интересует данное направление, записываться на кружки не всегда обязательно: есть ряд функциональных, простых и сложных приложений и полноценных программ, в том числе детских, где можно научиться создавать анимированных персонажей, мультфильмы и даже полноценные игры. Об этом и хотим рассказать.

Сегодня хотим рассказать о 17 играх и приложениях, которые помогут, если ребенок интересуется созданием анимации, мультипликации и выполнением подобных цифровых проектов. Предусмотрели 3 тематических блока для удобства навигации, выделили, а также описали:

1) Мобильные приложения для дошкольников и младших школьников.

2) Простые программы для новичков, где можно создавать анимацию и игры.

3) Профессиональное программное обеспечение, которое больше подойдет подросткам с опытом.

Итак, предлагаем приступить.

Читать далее

Анимируем 3d-персонажа в среде Unity: скачиваем модель, скачиваем анимации

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

Первая часть анимирования 3d-персонажа в Unity3d. В статье скачаем 3d-модель персонажа, скачаем скелетные анимации и импортируем их в проект unity.

Читать далее

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

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

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

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

Читать далее

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

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

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

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

Читать далее

Виртуальные аватары. От мультяшек до гипер-реалистичного digital-человека

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

Услышав слово “Аватар” многие до сих пор вспоминают фильм Джеймса Кэмерона 2009 года, популяризовавший технологию переноса человеческой мимики и движений на цифровую копию. Как получить полноценную виртуальную копию человека сегодня? Мы собрали 6 основных технологий виртуальных людей по степени реализма от мультяшек до гипер-реалистичного человека, который может смеяться, плакать, говорить и даже танцевать.

Читать далее

Анимация фотографии. Раскрытие рта

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

В настоящее время существуют программы,позволяющие анимировать статические фотографии. Прежде всего, речь идёт об анимации лица и создании определённой мимики. Теоретически задача решается достаточно просто. Берём 3Д модель черепа и добавляем к ней основные лицевые мускулы. Фотография рассматривается как текстура, помещаем текстуру на 3Д модель и и проводим эксперименты с сокращениями определённых групп мышц. При реализации данной схемы возникает большое количество проблем. Одна из основных -- изменение текстуры при сокращении заданных мышц. Известны и удачные решения этой задачи, реализованные, в приложениях, ссылки на которые можно найти в Интернете. При этом существенно используются нейронные сети либо анимация осуществляется по определенным шаблонам. В данной статье рассматривается простейший случай, когда надо открыть рот на фотографии, сделанной анфас. Оказывается, что в этой ситуации достаточно обычной квадратичной интерполяции. Ссылка на ролик, где реализована данная схема помещена в конец статьи.

Читать далее

React: примеры использования GSAP

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


Привет, друзья!


Хочу поделиться с вами примерами использования GSAP.




Репозиторий


Песочница:

Что такое GSAP?


Если в двух словах, то GSAP (The GreenSock Animation Platform) — это набор инструментов для реализации анимации любого уровня сложности с помощью JavaScript.


Читать дальше →

Вложенность нейросетей инструмента автопозинга в Cascadeur

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

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

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

Гайд по 3D-моделированию: Анимация в Blender для детей

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

3D-моделирование без сомнений остается одной из самых востребованных и перспективных ИТ-отраслей. По прогнозам, общий среднегодовой темп роста отрасли с 2024 по 2032 составит 13,5%, а это миллиарды долларов. Такой спрос объясняется тем, что трехмерное моделирование находит применение практически во всех отраслях. Традиционным для 3D является индустрия развлечений и игр, но это далеко не все. Так, в масштабе эти технологии используют для улучшения и моделирования умных городов, строят огромные метавселенные, используют для прототипирования на производстве и в туризме для виртуальных туров.

Так что перспективы развиваться как специалист в 3D очевидны. А начинать можно уже со школьного возраста на базе программы Blender. И пусть она используется повсеместно профессионалами, это не значит, что ребенок с ней не разберется. И вот, чем хорош Blender:

Читать далее

Виртуальный аватар без мокап-костюма или сказ о том, как Unreal Engine не хотел с API работать

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

В этой статье мы расскажем Вам идею о том, как заставить манекена в Unreal Engine 5 повторять движения за человеком в кадре при помощи Python, нейронных сетей и API-запросов, а также поделимся наработками проекта “Виртуальный аватар без мокап-костюма”.

Читать далее

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

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

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

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

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

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

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

Читать далее

Параметрическая модель движения ног в анимации

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

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

Читать далее

Супер-популярные вокалоиды. Кейс Мику Хацунэ

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

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

Vocaloid (от англ. vocals и android)-изначально программное обеспечение от корпорации Yamaha, имитирующее голос поющего человека на основе заданных мелодий и текста, использующее технологию полного синтеза речи с использованием ранее запомненных фрагментов естественного языка.

Одним из самых ярких и, несомненно, супер-удачных вокалоидов является японская виртуальная певица Мику Хацунэ. У Мику есть живой прототип, исполнительница-человек Саки Фудзита. В отличие от своей виртуальной коллеги, она известна лишь специалистам, как певица, которая озвучила песни в нескольких японских мультфильмах - анимэ. Профессиональный звездный час закадровой исполнительницы настал, когда она согласилась передать свой вокал в качестве образца прототипа для Хацунэ.

Читать далее

Анимация в Figma от 0 до постинга на Behance

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

Новичок в веб-дизайне? Восхищаешься красивыми анимированными кейсами на Behance, но не знаешь, как сделать анимацию и добавить видео в свою презентацию? Тогда эта статья специально для тебя: я пошагово расскажу, что надо делать!

Читать далее

Автоматическое создание траектории движения руки в анимации

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

Всем привет. В последнее время я занимаюсь созданием простых анимационных роликов. Недавно столкнулся со следующей проблемой -- мой персонаж должен коснуться звонка перед входом в квартиру пальцем руки. Скелет руки представлен на Fig.1. Это трехзвенный механизм, имеющий шарнирное закрепление в точке O. Требуется, манипулируя углами α,β,γ, перевести точку A3 (эффектор) в точку E , если такое движение возможно. Данная задача имеет традиционное решение. Известны начальные значения углов. Решаем обратную задачу манипулятора, описанную в многочисленных статьях, и находим конечные значения углов α,β,γ. Каждый из интервалов между начальным и конечным значением угла разбивается на заданное число частей N . В результате получаем набор углов, с помощью которых получаем нужную траекторию движения руки. Поскольку для решения обратной задачи придётся решать нелинейные уравнения относительно углов, такой алгоритм не очень удобен. В книге Рик Парент "Компьютерная анимация" КУДИЦ-ОБРАЗ, М.:2004 предложено другое решение. К сожалению, изложение в упомянутой книге излишне абстрактно. В данной краткой статье представлена простая реализация алгоритма из этой книги. В конце статьи дана ссылка на ролик, в котором использован описанный метод.

Читать далее

Разбор: зачем нужны анимации на сайтах + 7 полезных инструментов и библиотек для их создания

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


Источник: Dribbble

Анимации в вебе полезны в большом количестве ситуаций. В этом материале мы разберем, зачем конкретно они нужны, и какие инструменты создания анимированных сайтов стоит использовать в 2020 году.
12 ...
11