55 lines
3.9 KiB
Markdown
55 lines
3.9 KiB
Markdown
# Hypn0 (HypnoSVG)
|
|
|
|
Процедурный генератор анимированной векторной полутоновой графики (halftone SVG). Превращает растровые изображения в масштабируемый векторный арт из пульсирующих геометрических матриц.
|
|
|
|
[](https://python.org)
|
|
[](https://djangoproject.com)
|
|
[](LICENSE)
|
|
[](https://git.cube2.ru/erjemin/2026-hypn0-site)
|
|
|
|
---
|
|
|
|
## Что это и зачем
|
|
|
|
**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](frontend-assembly/README.md) — сборка Alpine.js, Tailwind CSS, HTMX.
|
|
- **ИИ-интеграция:** [public/llms.txt](public/llms.txt) — контекст для LLM и агентных систем.
|
|
- **Безопасность и приватность:** [SECURITY.md](SECURITY.md) — Zero-PII, правила отслеживания и защита от накруток.
|
|
- **Планы и архитектура:** [_blueprint/plan-draft.md](_blueprint/plan-draft.md).
|
|
- **Предыстория:** CLI-утилита [2026-image-hatftone-effect](https://git.cube2.ru/erjemin/2026-image-hatftone-effect).
|
|
|
|
---
|
|
|
|
## Лицензия
|
|
|
|
MIT License. См. файл `LICENSE`.
|