"Когда-то мы просто хотели оживить сеть. Сделать так, чтобы абстрактные узлы и линии превратились в нечто дышащее, откликающееся на прикосновение. Но Neuro — как это часто бывает с хорошими идеями — тихо выросло во что-то большее, чем трёхмерная визуализация нейросети. Оно стало зеркалом."
Neuro — это интерактивная 3D визуализация нейронных сетей, где каждый импульс, каждый поток света — это напоминание, что внутри нас работают миллиарды таких же связей, формируя сознание, память, чувства.
Мы — та самая сеть. И, наблюдая за Neuro, мы наблюдаем за собой, только в другой форме — в языке фотонов и векторов, а не нейронов и синапсов.
Quantum Cortex — это вдох. Neural Vortex — это сомнение. Synaptic Cloud — это мечта, растворяющаяся в бесконечности. А ASCII Network — ностальгия по времени, когда мы ещё верили, что всё можно объяснить символами.
💫 Made with love, photons, and a quiet desire to understand what it means to be alive.
This repo also ships an AI-agent skill (OpenClaw / ClawHub): Interactive Prototypes — Human + AI. Crash engines, probability simulators, procedural worlds, visual analytics. One link, open and run.
Live demos: Woodland hub · landing with art cards · Skill package: skills/joyyy-landings/
Static experiments under public/woodland/: large typed-array fields, Pixi v8 batching, pan/zoom, and (in try4.html) viewport culling + glyph pooling for a full “brief as a world” build.
| Woodland — single entry | woodland/index.html — demos, PDFs, links |
| Field Birth v1 (card) | card-field-birth-v1.html → woodland/card-field-birth-v1.html · note |
Woodland in SaaS dist/ |
Build diff/saas → dist/woodland/ is copied next to the storybook (npm run build there). Header link Matrix demos & PDFs opens it without the neuro dev server. |
| Portfolio hub | landing-with-art-cards.html — art cards (tile opens the Woodland hub) |
| Manifest / architecture | public/woodland/README.md |
Интерактивная 3D визуализация нейронных сетей на Three.js с поддержкой:
- Энергетических импульсов по сети
- 7 уникальных формаций
- Биометрических потоков (дыхание, сердце, эмоции)
- Настраиваемой плотности и визуальных тем
- Кастомных шейдеров и пост-обработки
Version License TypeScript
- 🌌 Quantum Cortex — радиальная иерархия, где каждый узел — это вдох
- 🔮 Hyperdimensional Mesh — многомерное пространство связей
- 🌪️ Neural Vortex — спиральная структура, закручивающаяся в бесконечность
- ☁️ Synaptic Cloud — органические кластеры, мечта, растворяющаяся в пространстве
- 📐 Grid Network — идеальная структура 100×100, порядок из хаоса
- ⭕ Sphere Formation — сферическое распределение, целостность
- 🔤 ASCII Neural Network — ностальгия по символам, когда всё можно объяснить
- Клик/тап — создание энергетических импульсов через сеть
- Перетаскивание — вращение камеры вокруг сети
- 🧬 Биометрический режим — автоматические импульсы из дыхания, сердца и эмоций
- Настройка плотности — контроль количества узлов (20-100%)
- Смена тем — 4 цветовые палитры
- Пауза/воспроизведение — управление анимацией
- Кастомные GLSL шейдеры с шумовыми функциями
- Bloom и film пост-обработка
- Динамические цветовые палитры
- Частичная визуализация узлов
- Анимированные соединения с эффектами потока
- Дыхание (12 BPM) — медленный, глубокий цикл
- Сердце (72 BPM) — быстрая ритмичная пульсация
- Эмоции — медленные изменения состояния (stress/calm/focus)
- Взаимосвязи — каскадные эффекты между слоями
Исследуйте различные формации нейронных сетей и визуализации:
Радиальная структура сети с светящимися соединениями
Идеально структурированная формация 100×100
Сферическое распределение взаимосвязанных узлов
Органическая кластерная нейронная структура
Структурированная визуализация сети на основе паттернов
- Node.js 18+
- npm или yarn
# Клонировать репозиторий
git clone https://github.com/vziatkov/neuro.git
# Перейти в директорию проекта
cd neuro
# Установить зависимости
npm install# Запустить dev-сервер
npm run devПриложение откроется по адресу http://localhost:5173
# Собрать для продакшена
npm run build
# Предпросмотр продакшен сборки
npm run preview- Создание импульсов: Кликните или коснитесь экрана в любом месте — энергия распространится по сети
- Вращение камеры: Зажмите и перетащите для вращения вокруг сети
- Смена формации: Нажмите "Formation" или используйте клавиши F или 1-7 для переключения между типами сетей
- Настройка плотности: Используйте слайдер для контроля количества узлов (20-100%)
- Смена тем: Нажмите на кнопки тем для изменения цветовых палитр
- 🧬 Биометрический режим: Включите автоматические импульсы из биометрических источников (кнопка или B)
- Пауза/воспроизведение: Переключите анимацию кнопкой паузы или клавишей Space
- Сброс камеры: Вернитесь к начальной позиции камеры (кнопка или R)
- Space — пауза/воспроизведение
- R — сброс камеры
- F — следующая формация
- B — переключение биометрического режима
- 1-7 — прямое переключение на формацию (1 = Quantum Cortex, 2 = Hyperdimensional Mesh, и т.д.)
neuro/
├── src/
│ ├── modules/
│ │ ├── app.ts # Инициализация приложения
│ │ ├── scene.ts # Настройка Three.js сцены и анимация
│ │ ├── network.ts # Алгоритмы генерации сетей
│ │ ├── biometricSimulator.ts # Симулятор биометрических потоков
│ │ ├── pulseTracker.ts # Трекинг распространения импульсов
│ │ ├── shaders.ts # GLSL шейдеры для узлов и соединений
│ │ ├── config.ts # Конфигурация времени выполнения
│ │ ├── constants.ts # Все настраиваемые константы
│ │ └── logger/ # Система логирования
│ ├── main.ts # Точка входа
│ └── style.css # Глобальные стили
├── index.html
├── package.json
└── tsconfig.json
Все визуальные и поведенческие параметры настраиваются в src/modules/constants.ts:
- Камера: FOV, позиция, плоскости отсечения
- Рендерер: соотношение пикселей, цвет фона
- Пост-обработка: Bloom, Film эффекты
- Генерация сетей: параметры для каждого типа формации
- Анимация: скорости и амплитуды
- UI: тайминги и задержки
- Биометрические потоки: частоты, интенсивности, связи между слоями
- Three.js — библиотека для 3D графики
- TypeScript — типобезопасный JavaScript
- Vite — быстрый инструмент сборки и dev-сервер
- GLSL — кастомные шейдеры для рендеринга
- WebGL — низкоуровневый API для графики
MIT © 2025 Vitalii Ziatkov
Свободно использовать в личных и коммерческих проектах.
См. файл LICENSE для деталей.
Вклад, проблемы и предложения функций приветствуются! Проверьте страницу issues.
Vitalii Ziatkov
- GitHub: @vziatkov
- Сообщество Three.js за потрясающую 3D библиотеку
- Вдохновение из различных визуализаций нейронных сетей
- Концепция Multi-Circuit Theory of Consciousness (Жан Филипп Бланкерт)
💫 "Neuro — это не про нейроны. Это про нас, когда мы не спешим, а просто смотрим, как из тьмы рождается движение, и впервые за долгое время ощущаем, что всё живое связано одной сетью."
Made with love, photons, and a quiet desire to understand what it means to be alive.
memory/ is the semantic mind of Neuro. While code and visuals live in src/, SMM/, and public/, the new memory layer preserves prompts, session states, and concept maps that guide LLM collaborators.
memory/
prompts/ # System & story prompts, agent roles
sessions/ # Dialog archives and LLM state dumps
archive/ # Semantic snapshots, JSON maps, visual artifacts
notes.md # Living commentary about the evolving memory
How to use it
- Pull system prompts from
memory/prompts/when bootstrapping assistants. - Log curated sessions or post-processed chats into
memory/sessions/(private dumps prefix withprivate_). - Promote key insights to
memory/archive/as JSON, diagrams, or embeddings. - Capture rituals, heuristics, and philosophical reflections in
memory/notes.md.
This subsystem will grow with automation: session summarizers, attention visualizers, and curator agents can read/write here to keep the project’s consciousness alive.