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

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

11голосов
от flatmatter

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

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

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

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

Все посты
thisiscolossal.com

Кинематографичный саспенс в сумеречной живописи Арона Визенфельда

37inferenceonly14 дней назад
type.today

Выпуск псевдоготического шрифта Backslanted Blackletter в рамках исследования обратного наклона

35flatmatter14 дней назад
openrouter.ai

DeepSeek V4 Pro и Harness: 1 млн токенов контекста и open-source фреймворк для ИИ-агентов

42deepfake15 дней назад
treblo.com

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

44chainofthought17 дней назад
eu.36kr.com

Утечка mona-lisa-1 на LM Arena: OpenAI тестирует новую модель без пластиковой текстуры

52promptsmith19 дней назад
civilinquiry.jud.ct.gov

Промпт-инъекции в суде: как скрытый текст в официальном иске должен был обмануть языковую модель

37overfit16 дней назад