From d3fa72cbb0e566e59374590762cd78a03ca8754b Mon Sep 17 00:00:00 2001 From: erjemin Date: Sun, 6 Sep 2026 21:37:04 +0300 Subject: [PATCH] =?UTF-8?q?mod:=20=D1=80=D0=B5=D0=B0=D0=B4=D0=BC=D0=B8=202?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 58 ++++++++++++++++++++++++++++++++++++++----------------- 1 file changed, 40 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index f68089a..bc64e42 100644 --- a/README.md +++ b/README.md @@ -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) \ No newline at end of file +## Пример работы + +![Пример генерации](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`.