Hacker News Digest

Тег: #animation

Постов: 8

Show HN: A CSS-Only Terrain Generator (terra.layoutit.com) 🔥 Горячее

Layoutit Terra - это интерактивный генератор рельефа на CSS, позволяющий создавать разнообразные ландшафты с настраиваемыми параметрами. Инструмент предлагает выбор между типами рельефа (пампы, холмы, горы) и биомами (умеренный, арктический, пустынный), а также контроль над размером мира и покрытием суши. Пользователи могут детально настраивать камеру через параметры вращения, наклона и увеличения, добавляя анимацию к созданным ландшафтам.

Генератор поддерживает экспорт результатов в多种 форматы, включая CSS, высотные карты, VOX, TXT и PNG, что обеспечивает гибкость использования. Функции импорта, отмены/повтора действий, а возможность копировать код для встраивания или открывать его в Codepen упрощают интеграцию в другие проекты. Несмотря на раннюю версию (v0.0.1), Layoutit Terra уже предоставляет мощные возможности для создания детализированных CSS-ландшафтов с минимальными усилиями.

by rofko • 04 ноября 2025 г. в 13:58 • 317 points

ОригиналHN

#css#javascript#webgl#web-development#animation#terrain-generation#graphics

Комментарии (80)

  • Пользователи отмечают, что «CSS-only»-демо всё же использует JS для интерактивности, хотя рендеринг ландшафта действительно на 100 % CSS.
  • Визуально демо напоминает RCT, SimCity 2000, Populous и другие изометрические «тайкун»-игры, вызывая ностальгию.
  • Несколько человек сообщили о проблемах с производительностью: при включённом JS в Firefox 144 и Chrome 131 на Windows 10/11 рендеринг занимает 100-200 мс на обновление кадра, что приводит к просадкам фпс.
  • Автор ответил, что в будущих версиях планируется добавить реки и водопады, а также улучшить производительность.

When stick figures fought (animationobsessive.substack.com) 🔥 Горячее

by ani_obsessive • 04 ноября 2025 г. в 00:48 • 345 points

ОригиналHN

#animation#powerpoint#flash

Комментарии (132)

  • Ранние анимации в стиле стик-фигур (stick figures) стали основой для целого поколения разработчиков и дизайнеров, но их влияние на современную культуру и технологии остается недооцененным.
  • Пользователи вспомнили, как создавались первые анимации в стиле стик-фигур, и какие инструменты (от PowerPoint до Flash) использовались для этого.
  • Обсуждение затронуло такие темы, как влияние этих ранних работ на современные технологии, культурное значение стик-фигур и их влияние на современную культуру.

My Deus Ex lipsyncing fix mod (joewintergreen.com)

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

Путём анализа Unrealscript кода нашлась ошибка в проверке частоты кадров: условие для включения плавной анимации было инвертировано, а время смены виземов (0.1 секунды) оказалось слишком коротким. Исправление этих двух параметров (увеличение времени blend до 0.35 секунд и фикс условия FPS) полностью восстановило плавную липсинку, хотя система всё ещё работает в реальном времени без предрасчёта фонем, как в Half-Life 2.

by jonny_eh • 26 сентября 2025 г. в 03:45 • 246 points

ОригиналHN

#unrealscript#unreal-engine#deus-ex#half-life-2#modding#animation

Комментарии (143)

  • Обсуждается анонсированный ремастер Deus Ex от Aspyr, который фанаты критикуют как низкокачественный и уступающий существующим модам (например, Revision или GMDX).
  • Участники высоко оценивают оригинальную игру за сюжет, нелинейный геймплей, множество способов прохождения и саундтрек, называя её одной из величайших.
  • Моды сообщества, такие как редаббинг для смены пола протагониста или исправление багов, признаются проделавшими огромную работу по улучшению и сохранению игры.
  • Отмечаются технические недостатки оригинала, такие как неработающая система коллизий для хедшотов, странная анимация губ и своеобразная актёрская озвучка, ставшие частью её charm.
  • Вспоминаются культовые моменты и фанатские творчества, включая пародийные видео про анимацию и известные фразы вроде "I didn't ask for this!".

Ton Roosendaal to step down as Blender chairman and CEO (cgchannel.com) 🔥 Горячее

Тон Росендал покидает пост председателя и генерального директора Blender с 1 января 2026 года. Новость была объявлена во время ключевого выступления на ежегодной конференции Blender.

Росендал — создатель открытого 3D-программного обеспечения и его публичное лицо на протяжении трёх десятилетий — передаст свои роли нынешнему операционному директору Blender Франческо Сидди. Сам Росендал перейдёт в новый наблюдательный совет Фонда Blender.

В совет также войдут Сергей Шарыбин (руководитель разработки), Далай Фелинто (руководитель продукта) и Фиона Коэн (руководитель операционной деятельности).

«Мы готовились к этому с 2019 года, — сказал Росендал. — Я горжусь, что вокруг меня такая талантливая молодая команда, которая выведет наш свободный проект в следующее десятилетие».

by cma • 17 сентября 2025 г. в 16:49 • 349 points

ОригиналHN

#blender#3d#foss#opensource#animation#software

Комментарии (70)

  • Тон Росендал — личный герой и легенда для многих, вдохновивший целое поколение 3D-художников и аниматоров.
  • Blender прошёл путь от непопулярного софта в начале 2000-х до инструмента, изменившего индустрию и ставшего конкурентом проприетарным решениям.
  • Его стратегическое лидерство и переход на открытый код в 2002 году стали ключевым подарком для сообщества и образцом успеха FOSS.
  • Тон известен как блестящий стратег, великодушный человек и лидер, который доверял сообществу и не микроменеджировал развитие проекта.
  • Сообщество Blender отмечает его огромный вклад в создание не только мощного ПО, но и невероятно supportive и творческой экосистемы.
  • Многие выражают благодарность за его работу и надеются, что проект продолжит thrive под новым руководством.
  • Его наследие — это доказательство того, что открытое ПО может быть профессиональным, доступным и менять мир к лучшему.

Purposeful animations (emilkowal.ski) 🔥 Горячее

Анимации не всегда нужны

Хорошая анимация делает интерфейс предсказуемым и живым, плохая — раздражает и снижает доверие.
Перед добавлением спроси себя: зачем она нужна?

  • Объясняет (как на linear.app/ai) — ок.
  • Подтверждает действие (кнопка слегка уменьшается) — ок.
  • Просто «красиво» — допустимо, если пользователь видит это редко.

Частота использования
Если элемент открывают сотни раз в день (Raycast, список команд), анимации быть не должно — они только тормозят.
Клавиатурные переходы никогда не анимируются.

Скорость
Всё, что дольше 300 мс, воспринимается как лаг.
Спиннеры быстрее = кажется, что грузит быстрее.
Тултипу нужна задержка при первом появлении, но при наведении на соседние — мгновенно и без анимации.

Итог
Добавляй анимацию, если она:

  1. решает задачу,
  2. видна редко,
  3. длится < 300 мс.
    Иначе — не добавляй.

by jakelazaroff • 05 сентября 2025 г. в 14:34 • 499 points

ОригиналHN

#user-experience#ux#animation#ui-design#web-development#user-interface#css#accessibility#prefers-reduced-motion

Комментарии (126)

  • Большинство участников сходятся: анимация должна быть почти невидимой (<150 мс) или вовсе отключаться, иначе она превращается в тормоз.
  • Главный критерий целесообразности — объясняет ли анимация изменение состояния; если пользователь ждёт её окончания, чтобы продолжить, значит, она лишняя.
  • «Делайт» и «восторг» нужны в основном самим дизайнерам; обычные пользователи после третьего раза хотят выключить всё, что мешает работать.
  • Частые повторяющиеся действия (разблокировка, чекаут, корпоративные формы) требуют минимума анимации; для единичных экранов-онбордингов допустима более заметная, но быстрая подсказка.
  • Практически каждый советует добавлять системную настройку «отключить анимацию» и уважать prefers-reduced-motion.

Manim: Animation engine for explanatory math videos (github.com) 🔥 Горячее

manim — движок анимации от 3Blue1Brown для создания пояснительных математических видео.
Python-библиотека превращает LaTeX-формулы и геометрические объекты в плавные сцены, которые можно рендерить в Full HD или 4K.

Ключевые возможности

  • Объектно-ориентированный API: создаёте Mobject-ы (Math-Objects) и анимируете их методами .animate, .play, .transform.
  • Встроенные шаблоны: графы, векторы, интегралы, матрицы, 3D-сцены.
  • LaTeX-рендеринг: компилирует формулы в реальном времени.
  • GPU-ускорение (OpenGL) для сложных сцен.
  • CLI и Jupyter: запускайте manim -pql scene.py или интерактивно в ноутбуке.

Установка

pip install manim
# или
conda install -c conda-forge manim

Минимальный пример

from manim import *

class HelloMath(Scene):
    def construct(self):
        eq = MathTex(r"\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}")
        self.play(Write(eq))
        self.wait()

Ссылки

by pykello • 23 августа 2025 г. в 07:35 • 388 points

ОригиналHN

#python#latex#opengl#jupyter#cli#3blue1brown#animation#math#github

Комментарии (65)

  • Современные LLM отлично генерируют код Manim, экономя время при создании математических видео.
  • Пользователи хвалят красоту и понятность роликов 3Blue1Brown и сами делали успешные презентации.
  • Актуальная версия библиотеки — community-форк ManimCommunity/manim.
  • Ищут аналоги Manim для общих инфографик и моушен-графики (MotionCanvas.io, After Effects и др.).
  • Некоторые жалуются на старые проблемы: kwargs-итис и отсутствие типов.
  • Есть эксперименты с интерактивной 3D-графикой и автоматическим озвучиванием видео.

Show HN: I was curious about spherical helix, ended up making this visualization (visualrambling.space) 🔥 Горячее

Как двигать объекты в 3D

Кликните вправо, чтобы идти дальше →


От круга к сферической спирали

Куб движется по кругу:
x = 10 cos(πt/2)
y = 10 sin(πt/2)

Умножаем радиус на 0.03 t — получаем растущую спираль.


Сферическая спираль

Добавляем z:
z = 10 cos(0.02 πt)

Радиус x, y теперь умножается на sin(0.02 πt), поэтому он сначала растёт, потом уменьшается.

x = 10 cos(πt/2) · sin(0.02 πt)
y = 10 sin(πt/2) · sin(0.02 πt)
z = 10 cos(0.02 πt)

Куб облетает сферу по спирали.


Итог

Положение в 3D задаётся параметрическими уравнениями x(t), y(t), z(t).
Меняя функции, получаем любые траектории — от простого круга до «хаотичных» путей.

Проект Damar • Twitter @damarberlari

by damarberlari • 20 августа 2025 г. в 14:02 • 820 points

ОригиналHN

#3d-visualization#mathematics#parametric-equations#animation#webgl#javascript

Комментарии (132)

  • Пользователи восторгаются плавной анимацией и наглядностью объяснения сферической спирали.
  • Некоторые жалуются на тормоза в Firefox/Linux и просят убрать «диззи»-эффект.
  • Просят добавить навигацию свайпом/скроллом, кнопки «вперёд-назад» и RSS-ленту.
  • Отмечен скачок сложности: от азов к финальной спирали — слишком большой шаг для новичков.
  • Появились предложения расширить тему: полярные координаты, матрицы поворота, Fibonacci-спираль на сфере.

How we built Bluey’s world (itsnicethat.com) 🔥 Горячее 💬 Длинная дискуссия

by skrebbel • 01 августа 2025 г. в 12:33 • 380 points

ОригиналHN

#reactjs#threejs#webgl#webdevelopment#3d#animation

Комментарии (173)

As a Queenslander now living in the UK, seeing Bluey for the first time filled me with homesickness in a way that no other media has.Despite the huge media industry in SEQ, it's so rare to see it actually represented as itself (rather than dressed up as Manhattan, eg). I also rem