mod: реадми 2

This commit is contained in:
2026-09-06 21:37:04 +03:00
parent 6287038f5d
commit d3fa72cbb0
+40 -18
View File
@@ -1,32 +1,54 @@
# Hypn0
# Hypn0 (HypnoSVG)
Генератор гипнотических SVG-халтонов из изображений. Загрузи фото → настраивай фигуры, сетки, цвета и анимации → получи залипательную графику.
Процедурный генератор анимированной векторной полутоновой графики (halftone SVG). Превращает растровые изображения в масштабируемый векторный арт из пульсирующих геометрических матриц.
[![Python 3.12+](https://img.shields.io/badge/Python-3.12-blue)](https://python.org)
[![Python 3.14](https://img.shields.io/badge/Python-3.14-blue)](https://python.org)
[![Django 6.0](https://img.shields.io/badge/Django-6.0-green)](https://djangoproject.com)
[![License: MIT](https://img.shields.io/badge/license-MIT-green)](LICENSE)
[![Static Badge](https://img.shields.io/badge/ОРИГИНАЛ-git.cube2.ru-green)](https://git.cube2.ru/erjemin/2026-hypn0-site)
## Что это
---
Сайт-генератор: загружаешь любое изображение, выбираешь стиль (точки, кольца, линии, треугольники…), настраиваешь сетку и цвета — получаешь компактный SVG с CSS-анимацией мерцания.
## Что это и зачем
## Сопутствующая документация
**Hypn0** раскладывает фото, логотипы и графику на процедурные геометрические фигуры (круги, кольца, ромбы, снежинки, матрицы «0/1», звезды, сердца) с индивидуальной фазовой CSS-анимацией.
- [frontend-assembly/README.md](frontend-assembly/README.md) -- инструкция по сборке библиотек фронтенда (alppine.js, tailwindcss, htmx)
На выходе — чистый, легковесный `.svg` (20–50 КБ), работающий нативно без JavaScript на любых экранах.
## Предыстория
### Где применять:
- **UI/UX и веб-дизайн:** Легкие анимированные прелоадеры, Hero-фоны лендингов, экраны 404 и Dark Mode подложки (вместо тяжелых GIF и видео).
- **Маркетинг и SMM:** Динамические баннеры, CTA-плашки, обложки треков/подкастов и YouTube-превью, пробивающие баннерную слепоту.
- **Геймдев и Sci-Fi:** Процедурные терминалы, радары, сканеры, силовые поля и HUD-интерфейсы.
- **VJing и стриминг:** Оверлеи для OBS/Twitch и бесшовные визуальные петли (VJ loops) для сцены.
- **ЧПУ и полиграфия:** Векторные контуры для лазерной гравировки, плоттерной резки и шелкографии/мерча.
Проект вырос из CLI-утилиты: [2026-image-hatftone-effect](https://git.cube2.ru/erjemin/2026-image-hatftone-effect)
---
```bash
# Старый CLI
poetry run python main.py img.jpg
# → imgj.svg
```
## Ключевые возможности
Теперь это будет (возможно и надеюсь) микросайт с интерактивным интерфейсом и кучей эффектов... Заодно тестирую Сберовский GigaChat.
Планы см.: [plan-draft.md](_blueprint/plan-draft.md)
- **12+ процедурных форм:** круги, кольца, ромбы, гексагоны, снежинки, бинарный код, кресты, звезды, сердца.
- **Полный контроль растеризации:** плотность сетки, радиус, пороги отсечения, дуотоновые и инверсные палитры.
- **Чистый CSS @keyframes:** дыхание, мерцание, волны и вращение без нагрузки на CPU.
- **Галерея сообщества:** трехуровневая система отбора (Инкубатор -> Выбор Мозгового Слизня -> Золотой фонд) с гравитационным алгоритмом рейтинга.
## Демо
---
![Пример](public/static/img/thinking.svg)
## Пример работы
![Пример генерации](public/static/img/thinking.svg)
---
## Документация и ссылки
- **Frontend сборка:** [frontend-assembly/README.md](frontend-assembly/README.md) — сборка Alpine.js, Tailwind CSS, HTMX.
- **ИИ-интеграция:** [public/llms.txt](public/llms.txt) — контекст для LLM и агентных систем.
- **Планы и архитектура:** [_blueprint/plan-draft.md](_blueprint/plan-draft.md).
- **Django Management Commands:** [_blueprint/management-commands.md](_blueprint/management-commands.md) — пакетные фоновые задачи.
- **Предыстория:** CLI-утилита [2026-image-hatftone-effect](https://git.cube2.ru/erjemin/2026-image-hatftone-effect).
---
## Лицензия
MIT License. См. файл `LICENSE`.