mod: реадми 2
This commit is contained in:
@@ -1,32 +1,54 @@
|
|||||||
# Hypn0
|
# Hypn0 (HypnoSVG)
|
||||||
|
|
||||||
Генератор гипнотических SVG-халтонов из изображений. Загрузи фото → настраивай фигуры, сетки, цвета и анимации → получи залипательную графику.
|
Процедурный генератор анимированной векторной полутоновой графики (halftone SVG). Превращает растровые изображения в масштабируемый векторный арт из пульсирующих геометрических матриц.
|
||||||
|
|
||||||
[](https://python.org)
|
[](https://python.org)
|
||||||
|
[](https://djangoproject.com)
|
||||||
[](LICENSE)
|
[](LICENSE)
|
||||||
[](https://git.cube2.ru/erjemin/2026-hypn0-site)
|
[](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.
|
- **12+ процедурных форм:** круги, кольца, ромбы, гексагоны, снежинки, бинарный код, кресты, звезды, сердца.
|
||||||
Планы см.: [plan-draft.md](_blueprint/plan-draft.md)
|
- **Полный контроль растеризации:** плотность сетки, радиус, пороги отсечения, дуотоновые и инверсные палитры.
|
||||||
|
- **Чистый CSS @keyframes:** дыхание, мерцание, волны и вращение без нагрузки на CPU.
|
||||||
|
- **Галерея сообщества:** трехуровневая система отбора (Инкубатор -> Выбор Мозгового Слизня -> Золотой фонд) с гравитационным алгоритмом рейтинга.
|
||||||
|
|
||||||
## Демо
|
---
|
||||||
|
|
||||||

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

|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Документация и ссылки
|
||||||
|
|
||||||
|
- **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`.
|
||||||
|
|||||||
Reference in New Issue
Block a user