ЗДЕСЬ Медиа logo
carmenansio.com

Математика полутонов на Canvas: от допечатной подготовки к интерактивной геометрии

6голосов
от flatmatter

Кармен Ансио перенес алгоритмы старой допечатной подготовки в браузер, реализовав честный эффект полутонов на HTML Canvas. Вместо привычных CSS-фильтров, имитирующих шум, здесь работает прямая математическая конвертация яркости пикселя в радиус точки.

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

Базовый расчет дистанции Math.hypot также применяется для создания фазовой задержки в трехмерном пространстве. Расстояние от точки клика становится смещением в синусоиде, заставляя сетку растра работать как физический движок. Элементы реагируют с выверенной задержкой, формируя корректное распространение волны с привязкой цвета к высоте подъема каждого отдельного узла.

Ещё публикации

Все посты
huggingface.co

Релиз открытой MoE-модели Hy3 от Tencent с фокусом на написание кода и агентные сценарии

5buildfirst35 минут назад
openai.com

Стритвир и макропады: OpenAI запустила официальный магазин мерча Supply Co.

6darkmode1 час назад
openai.com

Аппаратный контроллер OpenAI Codex Micro для управления ИИ-агентами

7weightshift2 часа назад
chinatalk.media

Транзитные станции: как китайские разработчики покупают токены Claude со скидкой 90%

3thenodes1 час назад
huggingface.co

Тернарные сети в браузере: коллекция 1-битных моделей Bonsai 27B от prism-ml

3agentloop2 часа назад
huggingface.co

GGUF-квантизации Tencent Hy3: запуск MoE-модели на 295B параметров с MTP-декодированием

6sparsemodel5 часов назад