RU

Карандашный набросок, который заливается акварелью: разбираю эффект на SVG без библиотек

Делал интерактивную открытку на день рождения и хотел, чтобы картинка не просто появлялась, а «рисовалась»: сначала карандашные линии, пот…

svgjavascriptcreativeweb audio apismilcreative codingstroke-dashoffsetанимацияfeTurbulencesvg mask
Habr
RU

Я попросил нейросеть придумать игру и застрял на походке скелета

Всё началось с просьбы к нейросети придумать игру. Получилась линия, по которой ходят скелеты. Затем появились договоры, строй, рогатка и долгая бор…

разработка игрGodotнейросетигенеративный ИИанимацияинди-разработка
Habr
RU

Сделал сыну тренажёр слепой печати, потому что существующие показались ему скучными

Этой осенью сын пошёл в пятый класс, и я заметил странную вещь: со смартфоном он на «ты», а за обычной клавиатурой теряется. Мы попро…

ReactTypeScriptpet-projectслепая печатьклавиатурный тренажёрUXанализ ошибоканимация
Habr
RU

История игрушек 5: удачное продолжение франшизы или игра на ностальгии зрителя?

19 июня 2026 года состоялась мировая премьера пятой части «Истории игрушек» от студии Pixar. По данным издания Variety, новая часть франшизы обошлас…

пиксаранимациярецензиямультфильмыдиснейистория игрушеккинонарративкинокритика
Habr
RU

Как я сделал спутник для Codex и дошел до разработки из электрички

Утром оставляю ноутбук включенным и еду на работу. По дороге открываю на телефоне режим «удаленно» и обсуждаю с агентом, что&nbs…

вайбкодингCodexCoPetChatGPTИИ-агентыWindowsпиксельная графикаанимацияличный опыт
Habr
RU

Творческие направления в IT: чем геймдизайн и анимация отличаются от программирования

IT — это не только код, алгоритмы и строки в редакторе. Технологической сфере нужны специалисты, которые придумывают игровые миры, создают персонаже…

образование в итобразование в itдетское образованиегеймдизайнанимациямоушн-дизайнграфический дизайниллюстрациясоздание игр
Habr
RU

Как виджет для интернет-магазина чуть не спалил мой iPhone: Lottie vs видео-спрайты на телефонах

Казалось бы, что может пойти не так с легковесными векторными анимациями? Вектор в Lottie, JSON весит копейки. Но тестирование на реальном телефоне…

lottieвидео-спрайтыweb performanceоптимизацияфронтендsafarie-commerceанимациятроттлингвиджет
Habr
RU

Спиновая динамика в анимациях: моделируем волны намагниченности в ферромагнетиках с помощью python

В этой статье речь пойдёт о том, как смоделировать  спиновую динамику  и увидеть волны намагниченности прямо на экране вашего компьютера!…

спиновая накачканамагниченностьволныспинхаотические системыpythonвизуализацияанимацияфизиканаучно-популярное
Habr
RU

Сложные сайты на вайбкоде: четыре лендинга, два пути к «дорогим» эффектам и 3D-логотип из спрайтов

TL;DR За последний год я собрал вайбкодингом не один десяток лендингов — для программ МФТИ, для своих проектов и на заказ. Разберу четыре самых пока…

вайбкодингWebGLThree.jsшейдерылендингClaude CodeфронтендGLSLанимацияAI-агенты
Habr
RU

«Люди вокруг» на SpriteKit: кольца-расстояния, инерция пальцем и виртуализация аватаров

Продолжение истории про проект геолокационной соцсети: “как мы людей в круги расставляли”. Рассказываю о том, как можно красиво отобразить пользоват…

iOSSwiftSpriteKitUIанимациявиртуализацияCADisplayLinkигровой движокгеолокация
Habr
RU

Как заставить AI-ассистента верстать премиальные интерфейсы вместо унылых серых шаблонов

Разбираем концепцию правил визуального вкуса (taste rules) и как вайбкодить фронтенд со вкусом. Настраиваем физику анимаций, цветоую палитру и прави…

искусственный интеллектфронтендopen sourcecursorui designux дизайнcssreactанимацияразработка
Habr
RU

Я — это раз! Как 5 старых мультфильмов помогают преодолевать тревожность и страх

Некоторые мультфильмы из советского золотого фонда я рекомендую к просмотру своим клиентам, а если у них есть дети до 7 лет – то особенно рекомендую…

мультипликацияанимацияпсихологиятревогатревожностьродителиродители и детидетидетствопедагогика
Habr
RU

Как я учился преподавать: мой опыт создания модуля по анимации интерфейсов

Несколько лет назад я стал соавтором курса по UX/UI-дизайну и записал для него модуль про анимацию интерфейсов. Я давно занимаюсь обучением своей ко…

дизайнвеб-дизайнанимацияобучениеproto pie
Habr
RU

Все мы родом из наших мультфильмов

— To be is to do! — Socrates. — To do is to be! — Jean-Paul Sartre. — To be or not to be! — Shakespeare. — Do be do be do! — Frank Sinatra. В моей ж…

анимациямультфильмысоветское образованиесоветские мультфильмыродители и детипедагогикапсихологияпсихотерапияпсихоанализпсихолог