#анимация — Public Fediverse posts

ИИ может писать код, но умеет ли он делать красиво? Мой опыт с виджетом и аватарами

Мне было интересно, сможет ли ИИ сгенерировать виджет именно так, как я его вижу? Не абстрактный чатик, а конкретное поведение, конкретный UI, сценарии, состояния, открытие, закрытие, мобильная версия, десктопная версия, аватары. Я подробно описывал поведение, прикладывал скриншоты, объяснял use cases . В итоге удалось добиться приемлемого результата. Виджет заработал примерно так, как я хотел. Но отдельно я упёрся в аватары . Мне не хотелось скучных статичных картинок. Хотелось, чтобы оператор выглядел живым , т.е. немного двигался, кивал, печатал, создавал ощущение присутствия.

https://habr.com/ru/articles/1033932/

#ИИдизайн #Claude_Code #Codex #Аватар #Анимация #Claude_Design #Виджет #Kling_AI #ChatGPT #Промпт

ИИ может писать код, но умеет ли он делать красиво? Мой опыт с виджетом и аватарами

Мне было интересно, сможет ли ИИ сгенерировать виджет именно так, как я его вижу? Не абстрактный чатик, а конкретное поведение, конкретный UI, сценарии, состояния, открытие, закрытие, мобильная версия, десктопная версия, аватары. Я подробно описывал поведение, прикладывал скриншоты, объяснял use cases . В итоге удалось добиться приемлемого результата. Виджет заработал примерно так, как я хотел. Но отдельно я упёрся в аватары . Мне не хотелось скучных статичных картинок. Хотелось, чтобы оператор выглядел живым , т.е. немного двигался, кивал, печатал, создавал ощущение присутствия.

https://habr.com/ru/articles/1033932/

#ИИдизайн #Claude_Code #Codex #Аватар #Анимация #Claude_Design #Виджет #Kling_AI #ChatGPT #Промпт

ИИ может писать код, но умеет ли он делать красиво? Мой опыт с виджетом и аватарами

Мне было интересно, сможет ли ИИ сгенерировать виджет именно так, как я его вижу? Не абстрактный чатик, а конкретное поведение, конкретный UI, сценарии, состояния, открытие, закрытие, мобильная версия, десктопная версия, аватары. Я подробно описывал поведение, прикладывал скриншоты, объяснял use cases . В итоге удалось добиться приемлемого результата. Виджет заработал примерно так, как я хотел. Но отдельно я упёрся в аватары . Мне не хотелось скучных статичных картинок. Хотелось, чтобы оператор выглядел живым , т.е. немного двигался, кивал, печатал, создавал ощущение присутствия.

https://habr.com/ru/articles/1033932/

#ИИдизайн #Claude_Code #Codex #Аватар #Анимация #Claude_Design #Виджет #Kling_AI #ChatGPT #Промпт

ИИ может писать код, но умеет ли он делать красиво? Мой опыт с виджетом и аватарами

Мне было интересно, сможет ли ИИ сгенерировать виджет именно так, как я его вижу? Не абстрактный чатик, а конкретное поведение, конкретный UI, сценарии, состояния, открытие, закрытие, мобильная версия, десктопная версия, аватары. Я подробно описывал поведение, прикладывал скриншоты, объяснял use cases . В итоге удалось добиться приемлемого результата. Виджет заработал примерно так, как я хотел. Но отдельно я упёрся в аватары . Мне не хотелось скучных статичных картинок. Хотелось, чтобы оператор выглядел живым , т.е. немного двигался, кивал, печатал, создавал ощущение присутствия.

https://habr.com/ru/articles/1033932/

#ИИдизайн #Claude_Code #Codex #Аватар #Анимация #Claude_Design #Виджет #Kling_AI #ChatGPT #Промпт

Как я пытался сделать анимацию для игры с помощью ИИ — и чуть не навайбкодил нервный срыв

Привет, Хабр. Я — Андрей Макар-Уваров, Head of Frontend в Surf. Недавно решил проверить одну гипотезу: насколько далеко можно уехать на ИИ в разработке, если взять задачу, в которой ты абсолютный ноль. Как стартовую точку выбрал микро-игру. Идея простая: рыжий кот с фонарём ходит по тёмному лабиринту, находит других животных и передаёт им свет. Например, можно оставить свет зайчику, чтобы он подсвечивал проход, или забрать его и усилить собственный фонарь. Должен был получиться небольшой атмосферный пазл про свет, тьму и управление ограниченным ресурсом. И вот что получилось.

https://habr.com/ru/articles/1021258/

#gamedev #grok #иимодель #игры #разработка_игр #blender #анимация #анимация_и_3d_графика #игростроение #фронтенд

Новое анимированное видео по Pepper & Carrot — «Конкурс зельеваров»! Тёплая, умная и красивая адаптация комикса David Revoy. Для фанатов инди-анимации и свободного искусства — обязательно к просмотру! #PepperAndCarrot #Анимация #Комикс #OpenSource #IndieAnimation #Russian
https://peertube.anzui.dev/videos/watch/39f86dd1-283c-4a87-8eb1-4c20e66bf4d6

Новое анимированное видео по Pepper & Carrot — «Конкурс зельеваров»! Тёплая, умная и красивая адаптация комикса David Revoy. Для фанатов инди-анимации и свободного искусства — обязательно к просмотру! #PepperAndCarrot #Анимация #Комикс #OpenSource #IndieAnimation #Russian
https://peertube.anzui.dev/videos/watch/39f86dd1-283c-4a87-8eb1-4c20e66bf4d6

Упырь всё знает и всё умеет, но зачем-то ему нужен гномик — и это одновременно мило и странно! Загляните в короткую мистическую историю от Кашеварение: причуды, юмор и немного фольклора. Отлично для любителей необычных короткометражек! #Russian #Русский #Фольклор #Короткометражка #Анимация #Мистика #PeerTube #Кашеварение
https://v.ocsf.in/videos/watch/b73e0450-d425-49b9-9a87-726eac5c0f90

Диафильм 1988 — «Пляши, Скоморох!» Автор: Светлана Летова, художник Борис Пашков. Советская иллюстрация, фольклорная музыка и тёплая ретро-атмосфера — настоящее кино-альтер эго книжки! Идеально для любителей старой анимации и ностальгии. Наслаждайтесь этим кусочком прошлого! #диафильм #СССР #ретро #анимация #фольклор #иллюстрация #Russian
https://peertube.fedihub.online/videos/watch/ee3474a9-dd80-4997-92a8-54d179c33da4

Искусство бесшовных переходов в iOS от 60 FPS до идеального UX

Вы когда-нибудь открывали приложение, где переход между экранами выглядит так, будто интерфейс собрали на коленке за час до дедлайна? Экран мигает, элементы прыгают, анимация тормозит и вы инстинктивно хотите закрыть это безобразие. Проблема не в том, что разработчик не умеет делать анимации. Проблема в том, что он не понимает, как работает восприятие пользователя. Давайте же разберем как делать переходы в iOS-приложениях так, чтобы они не раздражали, не ломали флоу и не заставляли пользователя думать "что-то пошло не так". Выясним почему 60 FPS - это не всегда гладко, как избежать типичных багов вроде джанка и мигания, правильно использовать matchedGeometryEffect , писать кастомные переходы без костылей и отлаживать всё это дело до идеального состояния. В конце разберём реальный кейс - переход от списка к детальной странице без единого моргания экрана. Продолжим

https://habr.com/ru/articles/1000184/

#iOS #SwiftUI #Swift #Анимация #Разработка_под_iOS #Интерфейсы #UX #Производительность #UIKit #Инструменты_разработки

Анимированные визуализации потоков данных: движение товаров, денег и пользователей

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

https://habr.com/ru/companies/timeweb/articles/981392/

#визуализация #потоки_данных #анимация #data_flows #data_visualization #javascript #powerbi #graphics #timeweb_статьи

[Перевод] Manim: как создавать математические анимации в стиле 3Blue1Brown с помощью Python

Команда Python for Devs подготовила перевод статьи о Manim — Python-инструменте для создания наглядных математических анимаций в стиле 3Blue1Brown. Разбираемся, как с помощью кода визуализировать уравнения, графики и абстрактные идеи так, чтобы они были понятны коллегам, менеджерам и студентам.

https://habr.com/ru/articles/978902/

#manim #3blue1brown #latex #data_science #математика #анимация #визуализация #графики

[Перевод] Manim: как создавать математические анимации в стиле 3Blue1Brown с помощью Python

Команда Python for Devs подготовила перевод статьи о Manim — Python-инструменте для создания наглядных математических анимаций в стиле 3Blue1Brown. Разбираемся, как с помощью кода визуализировать уравнения, графики и абстрактные идеи так, чтобы они были понятны коллегам, менеджерам и студентам.

https://habr.com/ru/articles/978902/

#manim #3blue1brown #latex #data_science #математика #анимация #визуализация #графики

[Перевод] Manim: как создавать математические анимации в стиле 3Blue1Brown с помощью Python

Команда Python for Devs подготовила перевод статьи о Manim — Python-инструменте для создания наглядных математических анимаций в стиле 3Blue1Brown. Разбираемся, как с помощью кода визуализировать уравнения, графики и абстрактные идеи так, чтобы они были понятны коллегам, менеджерам и студентам.

https://habr.com/ru/articles/978902/

#manim #3blue1brown #latex #data_science #математика #анимация #визуализация #графики

[Перевод] Manim: как создавать математические анимации в стиле 3Blue1Brown с помощью Python

Команда Python for Devs подготовила перевод статьи о Manim — Python-инструменте для создания наглядных математических анимаций в стиле 3Blue1Brown. Разбираемся, как с помощью кода визуализировать уравнения, графики и абстрактные идеи так, чтобы они были понятны коллегам, менеджерам и студентам.

https://habr.com/ru/articles/978902/

#manim #3blue1brown #latex #data_science #математика #анимация #визуализация #графики

Анимация загрузки: как скорость влияет на восприятие времени и конверсии

Мы терпеть не можем ждать, особенно в цифровых средах. И всё же задержки встречаются, то перегружена сеть, то сложное приложение, то серверные лаги и даже география. Длинное ожидание портит пользовательский опыт. Так почему же современные технологии сами создают эти задержки и как с этим бороться? Разберёмся дальше.

https://habr.com/ru/companies/beget/articles/973386/

#анимация_загрузки #скорость_анимации #пользовательский_опыт #индикатор_загрузки #конверсии #uxдизайн #uxисследования #дизайн #анимация #маркетинг

SVG, Canvas, WebGL, WebGPU — кто здесь вообще главный? Большой тест 2D-графики в браузере

В последние годы спрос на 2D/3D-инструменты в веб-сервисах растет довольно стремительно, технологии развиваются, появляются новые подходы и библиотеки — а вместе с ними растёт и путаница: что где использовать, где грань между похожими решениями и почему у разработчиков часто возникают противоположные мнения? Так что я решила устроить небольшой тест 2D-решений: посмотреть, на что они реально способны, понять, почему результаты местами вызывают большое удивление, и ответить себе (и вам) на вопрос: а WebGPU вообще зачем? Спойлер: всё далеко не так очевидно, как кажется.

https://habr.com/ru/articles/970286/

#canvas #webgl #webgpu #svg #анимация #2d #графика_для_сайта #графика_для_игр #браузерный_движок #браузерные_игры

3D-таймлайн на чистом JavaScript: как я собирал этот слайдер по шагам

Устал от однообразных каруселей? В статье показываю, как шаг за шагом собрать 3D-таймлайн-слайдер с перспективной сеткой, плавной прокруткой и переключением категорий на чистом TypeScript и CSS.

https://habr.com/ru/articles/966712/

#javascript #html5 #typescript #анимация #анимация_и_3d_графика #css #3d #requestanimationframe #ui #ux

[Перевод] CSS, который все ненавидят: sin() и cos()

Команда JavaScript for Devs подготовила перевод статьи о том, почему тригонометрические функции стали «most hated» возможностью CSS и как их можно использовать с пользой. Мы разберёмся, что делают sin() и cos() , и посмотрим на практические примеры: от круговых раскладок до затухающих анимаций.

https://habr.com/ru/articles/949004/

#css #sin #cos #тригонометрия #верстка #анимация #transform #layout #frontend #web

Lottie в интерфейсах: как мы оживляем 2ГИС с помощью анимаций

Анимация уже давно стала стандартным инструментом в дизайне и способна выполнять самые разные задачи: обеспечивает плавность и приятную отзывчивость — как в современных ОС (например, дизайн-система Android Material 3 или Apple , которые используют принципы Springs), транслирует голос бренда и становится частью айдентики ( CashMoney , Instagram , Plex ), добавляет продуктовым сценариям эмоциональность и значимость. Недавно и перед нашей командой встала задача «оживить» некоторые из них. Меня зовут Саша Гончаров, я моушен-дизайнер в 2ГИС. По просьбе продуктовых дизайнеров я подключился к работе над анимацией интерфейсов. В этой статье расскажу, на что стоит обращать внимание при создании интерфейсных анимаций, какие технические нюансы важно учитывать и как мы достигаем желаемых эффектов. Материал будет полезен моушен-дизайнерам, которые хотят работать с интерфейсами, а также разработчикам, интересующимся особенностями рендеринга объектов на карте. Читать

https://habr.com/ru/companies/2gis/articles/935296/

#adobe_after_effects #lottie #lottiefiles #анимация_в_приложениях #анимация #приложения #мобильные_приложения

От 3d к AI, собственный опыт и размышления

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

https://habr.com/ru/articles/938986/

#AI #3d #Анимация #Творчество

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

Технологии развиваются настолько быстро, что не успеваешь моргнуть глазом — и вот уже глазами моргают статичные фотографии. Да‑да, мы говорим про анимацию изображений. Если ещё пару лет назад это казалось чем‑то необычным, то сегодня лента соцсетей забита ожившими портретами, и вы вряд ли удивились, увидев, как смесь крокодила и самолета сражается со смесью акулы с кроссовками. Но мы решили пойти дальше. Никаких мемов, котиков и скучных стоковых картинок. На этот раз под прицел попали снимки, которые когда-то прогремели на весь мир, заставили спорить, сомневаться и строить самые безумные теории. Конечно, всё из этого является плодами фотошопа. Сегодня мы возьмём эти легендарные фото из открытых источников и попробуем вдохнуть в них жизнь при помощи пяти разных AI-сервисов. Вопрос только в одном: оживут ли они… или станут ещё страннее, чем были? Не перематывайте, будет интересно!

https://habr.com/ru/companies/bothub/articles/935662/

#ии #klingai #runway #анимация_и_3d_графика #hailuo #pika #анимация #нейросети #машинное+обучение #gpt

2D-скролл во Flutter

Да кто такой этот ваш 2D-скролл? Зачем он нужен, если ты не делаешь аналог excel? На самом деле, двунаправленная прокрутка нужна в огромном количестве сценариев использования мобильных приложений, в виде таблицы можно представить самые разные сущности — как, например, наш видеоредактор. Есть только одна маленькая проблема: видеоредактор Yappy кроссплатформенный, написан на Flutter, а до недавнего времени команда фреймворка предлагала только один способ реализовать 2D-скролл — очень не производительный. В статье рассказываю, в чём была была загвоздка, что есть во Flutter сейчас и каких впечатляющих результатов можно добиться собственной реализацией.

https://habr.com/ru/companies/habr_rutube/articles/922618/

#flutter #видеоредактор #two_dimensional_scrollables #ui #анимация #производительность #кроссплатформенность #кроссплатформенная_разработка #yappy

2D-скролл во Flutter

Да кто такой этот ваш 2D-скролл? Зачем он нужен, если ты не делаешь аналог excel? На самом деле, двунаправленная прокрутка нужна в огромном количестве сценариев использования мобильных приложений, в виде таблицы можно представить самые разные сущности — как, например, наш видеоредактор. Есть только одна маленькая проблема: видеоредактор Yappy кроссплатформенный, написан на Flutter, а до недавнего времени команда фреймворка предлагала только один способ реализовать 2D-скролл — очень не производительный. В статье рассказываю, в чём была была загвоздка, что есть во Flutter сейчас и каких впечатляющих результатов можно добиться собственной реализацией.

https://habr.com/ru/companies/habr_rutube/articles/922618/

#flutter #видеоредактор #two_dimensional_scrollables #ui #анимация #производительность #кроссплатформенность #кроссплатформенная_разработка #yappy

2D-скролл во Flutter

Да кто такой этот ваш 2D-скролл? Зачем он нужен, если ты не делаешь аналог excel? На самом деле, двунаправленная прокрутка нужна в огромном количестве сценариев использования мобильных приложений, в виде таблицы можно представить самые разные сущности — как, например, наш видеоредактор. Есть только одна маленькая проблема: видеоредактор Yappy кроссплатформенный, написан на Flutter, а до недавнего времени команда фреймворка предлагала только один способ реализовать 2D-скролл — очень не производительный. В статье рассказываю, в чём была была загвоздка, что есть во Flutter сейчас и каких впечатляющих результатов можно добиться собственной реализацией.

https://habr.com/ru/companies/habr_rutube/articles/922618/

#flutter #видеоредактор #two_dimensional_scrollables #ui #анимация #производительность #кроссплатформенность #кроссплатформенная_разработка #yappy

2D-скролл во Flutter

Да кто такой этот ваш 2D-скролл? Зачем он нужен, если ты не делаешь аналог excel? На самом деле, двунаправленная прокрутка нужна в огромном количестве сценариев использования мобильных приложений, в виде таблицы можно представить самые разные сущности — как, например, наш видеоредактор. Есть только одна маленькая проблема: видеоредактор Yappy кроссплатформенный, написан на Flutter, а до недавнего времени команда фреймворка предлагала только один способ реализовать 2D-скролл — очень не производительный. В статье рассказываю, в чём была была загвоздка, что есть во Flutter сейчас и каких впечатляющих результатов можно добиться собственной реализацией.

https://habr.com/ru/companies/habr_rutube/articles/922618/

#flutter #видеоредактор #two_dimensional_scrollables #ui #анимация #производительность #кроссплатформенность #кроссплатформенная_разработка #yappy

Чтение на выходные: «Anime World. От “Покемонов” до “Тетради смерти”: как менялся мир японской анимации» Криса Стакманна

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

https://habr.com/ru/companies/onlinepatent/articles/914278/

#аниме #что_почитать #книга #анимация #дизайн

Мандельброта с анимации gif и сделанный fasm, Delphi, ffmpeg

У нас есть много программ для рисования множество Мандельброта. Но сделать гиф с анимации — такового нет. Значит сделаем! ) Это гиф! https://commons.wikimedia.org/wiki/File:Mandelbrot_Set_Color_Cycling_Animation_600px_3.gif 600 × 600 пкс, размер файла: 58,54 МБ, MIME-тип: image/gif, закольцованный

https://habr.com/ru/articles/913344/

#fasm #Delphi #ffmpeg #mandelbrot #мандельброт #анимация

От первых штрихов до 2D анимации прямо в Unity

От первых штрихов до 2D анимации прямо в Unity Демонстрация поэтапного создания одного кадра новеллы Всё собирается в движке Детали "раскладываются" в Unity как набор спрайтов. Создаются кости, настраиваются меши (сетки), назначаются веса влияния костей на точки. Особенно сложно с лицом: в этой сцене, например, брови и глаза были объединены в один меш, чтобы передать гримасу. Меши век собираются по особой логике — там кости работают как рычаги.

https://habr.com/ru/articles/904644/

#gamedev #indiegame #gamedevelopment #gamestudies #визуальная_новелла #разработка_игр #индиразработка #инди #анимация #2dграфика

Плавность как фича: сравниваем фреймворки по анимации UI на реальных кейсах

UI-анимации — это не только про красоту, но и про восприятие, структуру и даже скорость. В этой статье рассматриваются популярные фреймворки для создания анимаций в интерфейсах: CSS, Framer Motion, GSAP и Motion One. Сравнение проводится на реальных кейсах с кодом, примерами и субъективным мнением, где каждый инструмент показывает свои сильные и слабые стороны. В конце — небольшие выводы и неожиданные результаты.

https://habr.com/ru/articles/900664/

#ui #анимация #плавность #framer_motion #gsap #cssанимации #react #интерфейсы

Эпилепсия и опасный контент

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

https://habr.com/ru/articles/897670/

#эпилепсия #анимация #баннеры #слайды #мигание #мерцание #юзабилити #инклюзивность #accessibility #гайд

[Перевод] Как устроен эффект ядерного взрыва в Fallout 4

Давайте исследуем одну загадку: как Bethesda смогла сделать такие грибообразные облака ядерных взрывов?

https://habr.com/ru/articles/869752/

#fallout_4 #анимация #шейдеры #текстуры

Как нейросети меняют работу дизайнеров

В 2021-ом году мы думали, что потеряем работу из-за ИИ. Но спустя три года остаемся у руля. Рассказываем, как дизайнеры студии используют нейросети в разработке проектов.

https://habr.com/ru/articles/858172/

#нейросети #дизайн #дизайнстудия #искусственный_интеллект #логотип #анимация

Прочитай перед тем, как делать анимацию по скроллу

Я интегрировал видео анимацию, которая перематывается в зависимости от положения скролла, для лендинга детского парка развлечений - wizardia.land Я думаю, я попробовал все неправильные способы, как можно это реализовать, и дальше расскажу про свой опыт. Стек проекта: nuxt 3 (ts) / tailwindcss Идея нашего руководства состояла втом, чтобы создать «вау» эффект для новых пользователей. Для этого оно обратились к 3д художнику, чтобы он намоделил нам видео с красивой переливающейся сферой посередине и последующим ее взрывом с разлетающимся конфетти и тематическими элементами. После того, как оказалось, что само по себе видео выглядит не так впечатляюще, они решили, что оно не должно воспроизводится сразу, а должно перематываться при скроллинге страницы - и тут все началось. Содержание - вкратце по тупым ошибкам, которые я совершил.

https://habr.com/ru/articles/856382/

#gsap #анимация_скролла #анимация #сайты #nuxtjs #vuejs

Как делать простые анимированные онбординги в Lottie без After Effects

Привет! Меня зовут Михаил Мурзак, я продуктовый дизайнер в Ozon Seller (сайт и приложение продавца). Время от времени мы делаем анимированные онбординги крупных фич в мобильном приложении и долгое время использовали для этих целей Adobe After Effects с плагином Bodymovin (для экспорта в Lottie), но каждый раз для меня это было мучением, поэтому я решил пересесть на официальный клиент Lottie и написал этот гайд для коллег. Теперь, когда Adobe не продлевает лицензии, этот гайд стал ещё более актуальным, и я решил опубликовать его тут.

https://habr.com/ru/companies/ozontech/articles/845696/

#lottie #aftereffects #ozon #ozon_tech #animation #design #анимация

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

Речь пойдет о виртуальных артистах, которые собирают стадионы живых поклонников. Ради того, чтобы те на танцполе или с трибун смогли чествовать виртуальное, абсолютно неживое цифровое изображение, которое они видят на сцене. Некорторые "нереальные" поп-исполнители, "вокалоиды" стали популярнее живых поп- и рок-идолов. Vocaloid (от англ. vocals и android)-изначально программное обеспечение от корпорации Yamaha, имитирующее голос поющего человека на основе заданных мелодий и текста, использующее технологию полного синтеза речи с использованием ранее запомненных фрагментов естественного языка. Одним из самых ярких и, несомненно, супер-удачных вокалоидов является японская виртуальная певица Мику Хацунэ. У Мику есть живой прототип, исполнительница-человек Саки Фудзита. В отличие от своей виртуальной коллеги, она известна лишь специалистам, как певица, которая озвучила песни в нескольких японских мультфильмах - анимэ. Профессиональный звездный час закадровой исполнительницы настал, когда она согласилась передать свой вокал в качестве образца прототипа для Хацунэ.

https://habr.com/ru/articles/824498/

#анимация_и_3d_графика #анимация #голос #музыкальный_бизнес #музыка #популярность

Как я скрестил JPEG, GIF и получил VP9

« Надо будет мне собраться с яйцами, добить исследование и выдать на-гора статью о сжатии жпегом в 3D (то есть не квадрат 8х8, а куб 8х8х8). Там получился (не у меня первого, но у меня тоже получился, кек) неплохой видеокодек, в котором корреляция «между кадрами» не требует отдельно никакие области движений, смещений (и так далее) высчитывать — они там получаются нативно, «просто потому, что». И жмёт он — держите меня семеро. Я это рассматривал как расширение (внезапно) стандарта GIF — новый тип кадра для анимации, в котором вместо одного кадра лежат сразу 8. Все остальные опции, типа заголовка с длительностью — оставляем стандартные анигифовские. Ну, и пара новых служебных форматов чанка потребуется — таблицы Хаффмана и квантования сами себя не загрузят. А главную проблему, связанную с тем, что количество умножений там не квадратичное, а кубичное, я разрешил очень просто, без всяких группировок «бабочкой» и как там вообще обычно это до меня пытались делать: поскольку 95% величин квантуются в ноль (а иначе зачем бы было вообще такое сжатие, как не ради его эффективности?), я просто в 95% случаев перехожу в continue; :-) И всё у меня в реалтайме на одном ядре сразу стало летать… ларчик просто откр оптимизировался :-D » Disclaimer : статья эта написана по просьбе почтеннейшей публики. Сам я не хотел выкладывать результаты, которые недостаточно «отполированы» для передачи их широкому кругу… Дай подержать! Я не уроню, честно!

https://habr.com/ru/articles/819155/

#jpeg #анимация #кодеки #gif #gifанимация

Как я скрестил JPEG, GIF и получил VP9

« Надо будет мне собраться с яйцами, добить исследование и выдать на-гора статью о сжатии жпегом в 3D (то есть не квадрат 8х8, а куб 8х8х8). Там получился (не у меня первого, но у меня тоже получился, кек) неплохой видеокодек, в котором корреляция «между кадрами» не требует отдельно никакие области движений, смещений (и так далее) высчитывать — они там получаются нативно, «просто потому, что». И жмёт он — держите меня семеро. Я это рассматривал как расширение (внезапно) стандарта GIF — новый тип кадра для анимации, в котором вместо одного кадра лежат сразу 8. Все остальные опции, типа заголовка с длительностью — оставляем стандартные анигифовские. Ну, и пара новых служебных форматов чанка потребуется — таблицы Хаффмана и квантования сами себя не загрузят. А главную проблему, связанную с тем, что количество умножений там не квадратичное, а кубичное, я разрешил очень просто, без всяких группировок «бабочкой» и как там вообще обычно это до меня пытались делать: поскольку 95% величин квантуются в ноль (а иначе зачем бы было вообще такое сжатие, как не ради его эффективности?), я просто в 95% случаев перехожу в continue; :-) И всё у меня в реалтайме на одном ядре сразу стало летать… ларчик просто откр оптимизировался :-D » Disclaimer : статья эта написана по просьбе почтеннейшей публики. Сам я не хотел выкладывать результаты, которые недостаточно «отполированы» для передачи их широкому кругу… Дай подержать! Я не уроню, честно!

https://habr.com/ru/articles/819155/

#jpeg #анимация #кодеки #gif #gifанимация

Как я скрестил JPEG, GIF и получил VP9

« Надо будет мне собраться с яйцами, добить исследование и выдать на-гора статью о сжатии жпегом в 3D (то есть не квадрат 8х8, а куб 8х8х8). Там получился (не у меня первого, но у меня тоже получился, кек) неплохой видеокодек, в котором корреляция «между кадрами» не требует отдельно никакие области движений, смещений (и так далее) высчитывать — они там получаются нативно, «просто потому, что». И жмёт он — держите меня семеро. Я это рассматривал как расширение (внезапно) стандарта GIF — новый тип кадра для анимации, в котором вместо одного кадра лежат сразу 8. Все остальные опции, типа заголовка с длительностью — оставляем стандартные анигифовские. Ну, и пара новых служебных форматов чанка потребуется — таблицы Хаффмана и квантования сами себя не загрузят. А главную проблему, связанную с тем, что количество умножений там не квадратичное, а кубичное, я разрешил очень просто, без всяких группировок «бабочкой» и как там вообще обычно это до меня пытались делать: поскольку 95% величин квантуются в ноль (а иначе зачем бы было вообще такое сжатие, как не ради его эффективности?), я просто в 95% случаев перехожу в continue; :-) И всё у меня в реалтайме на одном ядре сразу стало летать… ларчик просто откр оптимизировался :-D » Disclaimer : статья эта написана по просьбе почтеннейшей публики. Сам я не хотел выкладывать результаты, которые недостаточно «отполированы» для передачи их широкому кругу… Дай подержать! Я не уроню, честно!

https://habr.com/ru/articles/819155/

#jpeg #анимация #кодеки #gif #gifанимация

[Перевод] Моделируем флюиды, огонь и дым в режиме реального времени

Замечания о математике, алгоритмах и методах, применяемых при компьютерной симуляции флюидов (например, огня и дыма) в режиме реального времени. Исходный код к этой статье выложен на GitHub . Огонь как явление очень интересен с точки зрения компьютерной графики. Раньше огонь было принято имитировать. Например, в фильме « Властелин колец » Питера Джексона для изображения огня использовались спрайты с огромным количеством дыма (на тот момент симуляция флюидов обходилась слишком дорого, даже при бюджете блокбастера). Когда требовалось моделировать огонь в режиме реального времени, например, в видеоиграх, использовались почти исключительно нефизические подходы.

https://habr.com/ru/articles/816451/

#Анимация #игры #динамика #физика #симуляция

Некоторые забавные иллюстрации физических концепций от DALL•E 3

Интересные иллюстрации физических концепций от DALL•E 3. Погружение в увлекательный мир возможностей ИИ...

https://habr.com/ru/articles/809609/

#анимация #ии_бот #физика_частиц #космос_будущего #вселенная

В России существует сильное давление на творчество и свободу слова, что может быть связано с общественным и политическим контекстом страны. Это приводит к тому, что многие формы искусства и культуры подвергаются строгим ограничениям и даже запретам, что отражает сложную и противоречивую картину российского общества и культуры. Россия довольно надолго превратила собственный народ в рабов ! Слава Богу такого некогда не будет в Украине.

Аниме, которые запрещены в России:
«Тетрадь смерти»
«Эльфийская песнь»
«Токийский гуль»
«Акира»
«Инуяшики»

Мультфильмы, которые запрещены в России:
«Ад Данте: Анимированный эпос»
«Атака титанов. Фильм первый: Жестокий мир»
«Легенды смертельной битвы: месть скорпиона»
«Космос: Территория смерти»
«Happy tree friends»

#Мультфильмы
#Анимация
#ДетскиеКартинки
#Мультсериалы
#АнимационноеКино
#ДетскиеРазвлечения
#Карикатуры
#СтудияDisney
#Пиксар
#ЯпонскаяАнимация
#СемейноеКино
#Волшебство
#ЛюбимыеГерои
#Мультгерои
#АнимационныеКлассики

Как уменьшить вес продуктовой анимации в 400 раз (без AI)

Все любят красивую и качественную графику, но обычно такая графика весит много и влечёт проблемы с её добавлением в дистрибутив проекта. А, возможно, и доработки по внешней загрузке или самое частое — сжатие с потерей качества. Каждый дизайнер хоть раз, да говорил «Вот бы можно было и качество сохранить, и отдать разработчикам легкие файлы…». Сегодня нет классных AI-решений для этой задачи, но в этой статье мы расскажем о том, как нам удаётся значительно ужимать графику с использованием растровых и векторных элементов, содержащей альфа-канал. В статье мы ответим на следующие вопросы: Какой формат анимации с растровыми элементами выбрать для использования в мобильном приложении? Как уменьшить вес файла и не потерять качество картинки? И как со всем этим связаны Lottie-анимации?

https://habr.com/ru/articles/793260/

#lottiefiles #анимация #оптимизация_изображений #дизайнеру #продуктовый_дизайн #командная_работа

Как создать shader в Flutter для эффектной анимации в приложении?

Hola, Amigos! Меня зовут Сергей Климович, я Mobile Team Lead агентства заказной разработки Amiga. В мире мобильной разработки Flutter выделяется своей гибкостью и простотой в создании красивых пользовательских интерфейсов. Однако, чтобы добавить дополнительные визуальные эффекты и повысить уровень графической привлекательности приложения, иногда необходимо выходить за рамки стандартных возможностей. И здесь на сцену выходят шейдеры.

https://habr.com/ru/articles/792236/

#flutter #flutter_mobile_development #flutter_app #кроссплатформа #кроссплатформенная_разработка #разработка_мобильных_приложений #shader #анимация_в_приложениях #анимация #мобильное_приложение

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

«Галоп пикселя», часть I — базовые понятия, этапы взросления, прикладные упражнения ( линк ) «Галоп пикселя», часть II — перспектива, цвет, анатомия и прикладные упражнения ( линк ) «Галоп пикселя», часть III — Анимация ( линк ) «Галоп пикселя», часть IV — Анимация света и тени ( линк ) «Галоп пикселя», часть V — Анимация персонажей. Ходьба ( линк ) «Галоп пикселя», часть VI — Анимация персонажей. Бег ( линк ) Доброго времени суток, Хабр. Мы продолжаем цикл «Галоп Пикселя». И хотя паузы между главами этой саги достигли практически четырехлетнего перерыва — я рад (надеюсь и вы тоже) продолжить двигаться вперёд. Миля за милей, дорога за дорогой, в этой вечной былине о пиксель-арте. Пространном повествовании о пикселях, их жизни, способе их создания, приёмах и уловках в работе с ними. На этот раз речь пойдёт о создании анимации бега, от истоков малых кадрами и цветами — к ренессансу больших разрешений и буйству цветов. В статье будут разобраны примеры самых разных типов анимаций, будет определена разница между шагом и бегом. Мы затронем как создание игровых ассетов, так и сущности близкие к анимационным заставкам, в простонародье известные как синематики. Сегодняшняя публикация станет ещё одной вехой, которая могла бы стать финальным аккордом в нашей истории. Но мне думается, что это… скорее окончание базового цикла, но не истории в целом, которую можно продолжать ещё долго. Существует масса неисследованных территорий, нехоженых дорог и мест, куда ещё не ступала нога пытливых археологов от мира любителей пиксель-арта. Лопаты в руки, друзья. Лопаты в руки. Лопатить пиксели

https://habr.com/ru/articles/772588/

#пиксельарт #пиксельная_графика #пиксель #анимация #урок #уроки #туториал #вейлард #weilard #pixelart #pixelart #animation #photoshop #gamedev #gamedevelopment #indiedev #lesson #tutorial #sample #example

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

«Галоп пикселя», часть I — базовые понятия, этапы взросления, прикладные упражнения ( линк ) «Галоп пикселя», часть II — перспектива, цвет, анатомия и прикладные упражнения ( линк ) «Галоп пикселя», часть III — Анимация ( линк ) «Галоп пикселя», часть IV — Анимация света и тени ( линк ) «Галоп пикселя», часть V — Анимация персонажей. Ходьба ( линк ) «Галоп пикселя», часть VI — Анимация персонажей. Бег ( линк ) Доброго времени суток, Хабр. Мы продолжаем цикл «Галоп Пикселя». И хотя паузы между главами этой саги достигли практически четырехлетнего перерыва — я рад (надеюсь и вы тоже) продолжить двигаться вперёд. Миля за милей, дорога за дорогой, в этой вечной былине о пиксель-арте. Пространном повествовании о пикселях, их жизни, способе их создания, приёмах и уловках в работе с ними. На этот раз речь пойдёт о создании анимации бега, от истоков малых кадрами и цветами — к ренессансу больших разрешений и буйству цветов. В статье будут разобраны примеры самых разных типов анимаций, будет определена разница между шагом и бегом. Мы затронем как создание игровых ассетов, так и сущности близкие к анимационным заставкам, в простонародье известные как синематики. Сегодняшняя публикация станет ещё одной вехой, которая могла бы стать финальным аккордом в нашей истории. Но мне думается, что это… скорее окончание базового цикла, но не истории в целом, которую можно продолжать ещё долго. Существует масса неисследованных территорий, нехоженых дорог и мест, куда ещё не ступала нога пытливых археологов от мира любителей пиксель-арта. Лопаты в руки, друзья. Лопаты в руки. Лопатить пиксели

https://habr.com/ru/articles/772588/

#пиксельарт #пиксельная_графика #пиксель #анимация #урок #уроки #туториал #вейлард #weilard #pixelart #pixelart #animation #photoshop #gamedev #gamedevelopment #indiedev #lesson #tutorial #sample #example