Hypn0 (HypnoSVG)

Процедурный генератор анимированной векторной полутоновой графики (halftone SVG). Превращает растровые изображения в масштабируемый векторный арт из пульсирующих геометрических матриц.

Что это и зачем

Hypn0 раскладывает фото, логотипы и графику на процедурные геометрические фигуры (круги, кольца, ромбы, снежинки, матрицы «0/1», звезды, сердца) с индивидуальной фазовой CSS-анимацией.

На выходе — чистый, легковесный .svg (20–50 КБ), работающий нативно без JavaScript на любых экранах.

Где применять:

UI/UX и веб-дизайн: Легкие анимированные прелоадеры, Hero-фоны лендингов, экраны 404 и Dark Mode подложки (вместо тяжелых GIF и видео).
Маркетинг и SMM: Динамические баннеры, CTA-плашки, обложки треков/подкастов и YouTube-превью, пробивающие баннерную слепоту.
Геймдев и Sci-Fi: Процедурные терминалы, радары, сканеры, силовые поля и HUD-интерфейсы.
VJing и стриминг: Оверлеи для OBS/Twitch и бесшовные визуальные петли (VJ loops) для сцены.
ЧПУ и полиграфия: Векторные контуры для лазерной гравировки, плоттерной резки и шелкографии/мерча.

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

12+ процедурных форм: круги, кольца, ромбы, гексагоны, снежинки, бинарный код, кресты, звезды, сердца.
Полный контроль растеризации: плотность сетки, радиус, пороги отсечения, дуотоновые и инверсные палитры.
Чистый CSS @keyframes: дыхание, мерцание, волны и вращение без нагрузки на CPU.
Галерея сообщества: трехуровневая система отбора (Инкубатор -> Выбор Мозгового Слизня -> Золотой фонд) с гравитационным алгоритмом рейтинга.

Пример работы

Документация и ссылки

Frontend сборка: frontend-assembly/README.md — сборка Alpine.js, Tailwind CSS, HTMX.
ИИ-интеграция: public/llms.txt — контекст для LLM и агентных систем.
Планы и архитектура: _blueprint/plan-draft.md.
Django Management Commands: _blueprint/management-commands.md — пакетные фоновые задачи.
Предыстория: CLI-утилита 2026-image-hatftone-effect.

Лицензия

MIT License. См. файл LICENSE.

3.9 KiB Raw Blame History