Процедурный генератор анимированной векторной полутоновой графики (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 и агентных систем.
Безопасность и приватность: SECURITY.md — Zero-PII, правила отслеживания и защита от накруток.
Планы и архитектура: _blueprint/plan-draft.md.
Предыстория: CLI-утилита 2026-image-hatftone-effect.
Участие в разработке: CONTRIBUTING.md — стандарты кода и правила для контрибьюторов.
Кодекс поведения: CODE_OF_CONDUCT.md — стандарты взаимодействия в сообществе.

Лицензия

Исходный код: PolyForm Noncommercial 1.0.0 (свободное некоммерческое использование).
Сгенерированные SVG: CC0 1.0 Universal (свободное использование в любых личных и коммерческих проектах).

hypn0 (HypnoSVG) generation — инструмент цифрового гипно-маркетинга. SVG-матрицы, блокирующие неокортекс. Алгоритмы мерцания и пульсаций, вводящие в транс. Новая web-технология удержания посетителей. Перед деплоем проконсультируйтесь с нейропсихологом

https://hypn0.xyz

Readme

1.9 MiB