Нейросеть своими руками: обучение в браузере

Ставь точки двух цветов — и маленькая нейросеть на твоих глазах учится их разделять. Видно каждый нейрон, каждую эпоху и то, как падает ошибка.

Что получится

Ты построишь настоящую нейросеть — без библиотек, в одном файле — и увидишь, как она учится. Это уровень для тех, кто уже делал миссии Конструктора.

Шаги

Открой gemini.google.com. Младше 13 — вместе с родителем, на его устройстве.

Скопируй промпт целиком и отправь:

Сделай интерактивную песочницу нейросети в одном HTML-файле. Не подключай ничего из интернета: никакого Tailwind, CDN, шрифтов, картинок и библиотек — только свой CSS и JavaScript внутри файла. Не сохраняй ничего в памяти браузера. Весь интерфейс на русском. Напиши нейросеть сам: 2 входа (x, y от −1 до 1), один скрытый слой с tanh, 1 выход с сигмоидой, обучение градиентным спуском с обратным распространением ошибки, ошибка — бинарная кросс-энтропия. Слева квадратное поле на canvas: тап ставит точку, переключатель «Синяя / Оранжевая». Фон поля закрашен предсказанием сети (синий ↔ оранжевый), обновляется каждые 10 эпох. Кнопки-наборы данных: «Две кучки», «Круг», «Шахматка», «Спираль» (по 200 точек), «Очистить». Кнопки «Учить / Пауза» и «Сбросить веса». Ползунки: число нейронов в скрытом слое (1–8, по умолчанию 4) и скорость обучения (0,01–1, по умолчанию 0,1). Справа схема сети: кружки-нейроны и линии-веса, толщина = размер веса, цвет = знак. Под полем: номер эпохи, ошибка и маленький график ошибки. Проверь, что все переменные объявлены и все функции существуют. Всё должно хорошо выглядеть на телефоне (на узком экране схема под полем). Покажи результат в Canvas.

Подожди около минуты, нажми Предпросмотр (Preview) и попробуй все кнопки и ползунки.
Проверь ИИ (вопрос ниже).
Нажми Скачать (Download; иногда это меню Экспортировать) — файл откроется в любом браузере.

Поменяй промпт

Меняй только слова, а правила про интернет и Canvas оставь.

«4 нейрона» → «2 скрытых слоя по 4 нейрона»
«tanh» → «ReLU» — сравни, как быстро учится

Если не получается

Фон не меняется? Напиши: Фон поля не перекрашивается во время обучения. Найди и исправь ошибку.
Ошибка не падает? Напиши: Ошибка не уменьшается на наборе «Две кучки». Проверь формулы обратного распространения.
Нет кнопки «Предпросмотр» (Preview)? Напиши: Покажи результат в Canvas.