Мансарда ночью. Девушка в красном шарфе склонилась к ноутбуку и жмёт клавишу, а из экрана выпрыгивает маленький коралловый динозаврик над бирюзовыми кактусами
подготовка · день 1

Первая игра за час

Сегодня соберём игру и переделаем её на свой вкус: поменяем скорость, внешний вид и одно правило. Код напишет агент. А под конец испортим управление и вернём всё как было - проверим сохранения в деле.

⏱ 60-90 минут с установкойнужно: компьютер и план Claude ProChatGPT Plus
что будет к концу дня
  • Claude Code в терминалеприложение Claude с вкладкой CodeCodex в терминалеприложение ChatGPT с Codex под твоим аккаунтом
  • рабочая мини-игра в браузере
  • три доработки, одну сделаешь своими руками
  • программы для следующих уроков
  • сохранённые версии игры
что нужно заранее
  • Компьютер: macOS 13 или новее, Windows 10 (1809 или новее) и 11 или Ubuntu 20.04 или новее / Debian 10 или новее, от 4 ГБ памяти.Компьютер с macOS, Windows или Linux.
  • Интернет.
  • Аккаунт Claude на плане Pro или выше.Аккаунт ChatGPT на плане Plus или выше.
  • Возможность устанавливать программы на компьютер.
  • Графику сегодня делаем без доплат.
экспресс-старт · 10 минут

Агент уже установлен, с сохранениями знаком?

Можешь начать с дня 4 - там придумаешь собственную игру. Подготовка - в списке ниже.

Что проверить перед днём 4
  1. Выбери агента и способ запуска. Уроки покажут команды под этот выбор.
    агент
    запускаю
  2. Проверь программы для курса. Скопируй задачу ниже: агент найдёт недостающие программы и установит их.
    Подготовь мой компьютер к курсу по созданию игр. Проверь, что стоят git, Node.js (версия LTS), VS Code и Google Chrome, и покажи таблицу «программа — есть или нет — версия». Чего нет - поставь сам, перед каждой командой одной строкой скажи, что она делает. Пароль в чат не проси, команды с sudo дай мне. В конце проверь версии ещё раз. Игру пока не делай.
  3. Вот что пригодится дальше. В следующих уроках будем пользоваться этими приёмами:
    • Одно изменение за раз. Числа игры - в CONFIG, со дня 6 ещё и на пульте по P.
    • «Сохрани: …» - версия с подписью. В конце дня - ещё и метка дня.
    • «Верни как в последнем сохранении» - если сломалось.
    • Памятка для агента - CLAUDE.mdAGENTS.md с правилами курса, сделаешь в дне 4.
    • Свежий взгляд - проверяет агент в новом разговоре, а не тот, что писал код.
  4. Если есть ещё несколько минут, попробуй два тренажёра. Они пригодятся в дне 4: «Разбери игру» и «Слепая дегустация».

Пропускаю дни 1-3 → день 4Дни 1-3 отметятся как пропущенные. Вернуться можно когда угодно.

В 2018 году в динозаврика из Chrome играли 270 миллионов раз в месяц.

А ведь в игре почти ничего нет. Динозавр бежит, прыгает и пригибается.

Разработчики хотели научить его рычать и пинаться.

Но потом отказались от этих идей.

Для хорошей бегалки хватило и трёх действий.

И с этого мы начнём курс.

Первый мир - это четыре дня, за которые ты сделаешь черновик собственной игры.

В первый день агент соберёт тебе простую игру, например того же динозаврика.

А ты трижды её изменишь: настроишь скорость, поменяешь внешний вид и добавишь новую механику.

Во второй день сделаешь ремикс. Покрутишь барабан с идеями, выберешь другого героя, новый мир и необычное правило. Получится уже совсем другая игра.

На третий день разберёшься с управлением, попробуешь разные прыжки и увидишь, как пара чисел может сделать игру приятной или ужасно неудобной.

А в четвёртый день придумаешь собственную игру. Агент задаст тебе несколько вопросов и примерно за десять минут соберёт первый прототип.

Главное - не пытаться сразу сделать огромную игру со всеми возможными функциями.

Помнишь динозаврика, которого так и не научили рычать?

Начни с самого интересного. Пусть в твою первую игру можно будет поиграть всего пять минут, зато эти пять минут будут весёлыми.

Ну что, приступим? Первая игра появится уже через час.

Мир 1 «Разминка»: что будет в дни 1-4. Полторы минуты, субтитры в кадре.

Как будем делать игру

Ты описываешь игру, а агент пишет код и запускает её. Сыграй и скажи, что изменить: герой слишком быстро бежит, неудобно прыгать или хочется добавить врага.

На схеме жёлтым отмечено то, что делаешь ты, зелёным - работа агента.

Агентодна командаодно приложение
Играза 10 минут
Мастерскаяпрограммы ставит агент
Доработкиты меняешь игру
Откатсломал и вернул

Выбери компьютер и агента - страница покажет нужные инструкции.

чем я работаю
мой компьютер
агент
как запускаю

Проверим аккаунт

Понадобится аккаунт Claude с планом Pro или выше. Уже есть - переходи к установке.

  • Pro - $20 в месяц или $17 при оплате за год, без налога (claude.com/pricing, 26 октября 2026).
  • У Claude Code и обычного чата общий лимит: на пять часов и на неделю. Остаток покажет /usage.

Проверь свой план на claude.ai. Если аккаунта нет, сначала создай его.

Для уроков с Codex будем использовать ChatGPT Plus ($20 в месяц) или выше. В бесплатном плане и Go есть ограничения: только приложение и облегчённая модель. Если Plus уже оплачен, отдельный аккаунт для Codex не нужен. Цены - по странице Codex на 26 октября 2026 года.

Зайди на chatgpt.com и проверь свой план. Затем пройдись по списку ниже.

Если сервис недоступен или не проходит оплата

Страны нет в официальном списке Anthropic - загляни в список стран OpenAI. Она там есть - выбери вверху Codex.

Страны нет в официальном списке OpenAI - загляни в список стран Anthropic. Она там есть - выбери вверху Claude Code.

Не проходит оплата - открой справку Anthropic: чаще всего не тот тип карты, адрес не совпадает с банковским или банк ждёт 3-D Secure.

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

Ставим агента

В терминале вставляешь команду, нажимаешь Enter и читаешь ответ. Ниже шаги установки. Если терминал тебе в новинку, сначала пройди их понарошку в тренажёре под ними: на компьютере он ничего не меняет.

система

Установи агента на компьютер

macOS
  1. Открой ТерминалНажми Cmd + Пробел, напечатай «Терминал» и нажми Enter.
  2. Вставь команду и нажми Enter
    curl -fsSL https://claude.ai/install.sh | bash
Windows
  1. Открой PowerShellНажми Win + X и выбери «Терминал». В Windows 10 пункт называется «Windows PowerShell». В начале строки должно стоять PS C:\Users\Имя>. Если букв PS нет, перед тобой CMD: закрой окно и открой PowerShell.
  2. Вставь команду и нажми Enter
    irm https://claude.ai/install.ps1 | iex
    Права администратора не понадобятся. Git заранее не ставь, его поставит агент в шаге 6.
Linux
  1. Открой терминалОбычно это Ctrl + Alt + T. Подойдут Ubuntu 20.04 или новее, Debian 10 или новее и Alpine 3.19 или новее.
  2. Вставь команду и нажми Enter
    curl -fsSL https://claude.ai/install.sh | bash
    Дальше агент будет ставить программы через apt или dnf. Команды с sudo вводишь ты, в отдельном окне.

Установщик может минуту-две не писать ничего нового - в это время он скачивает файлы. Дождись строки Claude Code successfully installed!, затем открой новое окно терминала и введи:

claude --version
macOS
  1. Открой ТерминалНажми Cmd + Пробел, напечатай «Терминал» и нажми Enter.
  2. Вставь команду и нажми Enter
    curl -fsSL https://chatgpt.com/codex/install.sh | sh
Windows
  1. Открой новое окно PowerShellНажми Win + X и выбери «Терминал». В Windows 10 пункт называется «Windows PowerShell».
  2. Вставь команду и нажми Enter
    powershell -ExecutionPolicy ByPass -c "irm https://chatgpt.com/codex/install.ps1 | iex"
    Git заранее не ставь, его поставит агент в шаге 6.
Linux
  1. Открой терминалОбычно это Ctrl + Alt + T.
  2. Вставь команду и нажми Enter
    curl -fsSL https://chatgpt.com/codex/install.sh | sh
    Команды с sudo потом вводишь ты, в отдельном окне.

Установка закончилась - открой новое окно терминала (старое может не увидеть программу) и проверь:

codex --version

В тренажёре показана установка Claude Code. У Codex другая команда, но принцип тот же: вставить, дождаться ответа, проверить версию.

тренажёрУстановка понарошку
Попробуй четыре сценария. Здесь можно посмотреть, как выглядит удачная установка и что делать при ошибках.

Проверь запуск агента.

Как проверить:

  • Установка закончилась строкой Claude Code successfully installed!
  • claude --version в новом окне печатает номер версии, у тебя он свой

Если вместо номера версии появилась ошибка, поищи её в таблице ниже.

Терминал ругается: частые ошибки
что видишьчто эточто делать
Windows: «'irm' не является…»это CMD, а не PowerShellоткрой PowerShell или вставь команду для CMD: curl -fsSL https://claude.ai/install.cmd -o install.cmd && install.cmd && del install.cmd
command not found: claude или «claude не распознано»терминал не знает, где программановое окно. Не помогло - команда из блока Setup notes в конце установки или из Terminal guide
HTML-код или «App unavailable in region»сервис недоступен в странешаг 2, «если не получается»
Windows: «Could not create SSL/TLS secure channel»старая Windows 10команда с Tls12 из Terminal guide, потом установка заново
Windows: «does not support 32-bit Windows»открыт «Windows PowerShell (x86)»открой пункт без «(x86)»

Проверь запуск агента.

Как проверить:

  • Установка закончилась, и окно снова ждёт команду
  • codex --version в новом окне печатает строку вида codex-cli 0.163.0, номер у тебя свой

Если не вышло: codex не найден - открой ещё одно новое окно. В окне HTML-код вместо установки - загляни в шаг 2, в блок «если не получается».

Скачай приложение с официального сайта и войди в свой аккаунт. Ниже - ссылка и несколько шагов для выбранного агента.

  1. Скачай приложение ClaudeОфициальная страница загрузки: claude.com/download. Есть версии для macOS 13 и новее, для Windows 10 и новее (x64 и ARM64) и бета для Ubuntu и Debian.
  2. Установи и войдиОткрой скачанный файл, поставь приложение, запусти его и войди в платный аккаунт.
  3. Открой вкладку CodeОна вверху боковой панели. Claude Code уже встроен в приложение, отдельно его ставить не нужно.
  1. Скачай приложение ChatGPTCodex теперь живёт в нём. Официальная страница загрузки: chatgpt.com/download. Есть версии для macOS и Windows (через Microsoft Store), для Linux пока предварительная. Если у тебя стоит старое приложение Codex, обнови его до ChatGPT.
  2. Установи и войдиЗапусти приложение, нажми Continue и войди в браузере в платный аккаунт.
  3. Выбери CodexВ выпадающем списке приложения переключись с ChatGPT на Codex.

Перед первым заданием проверь, что приложение открылось и ты вошёл в нужный аккаунт.

Как проверить:

  • Приложение запускается
  • Я в приложении под платным аккаунтом
  • Вкладка Code открывается без просьбы оформить планВ списке приложения выбран Codex

Если не вышло: приложение просит оформить план вместо вкладки Code? Проверь на claude.ai, что план Pro оплачен: Code есть только в платных планах.Codex в списке нет - обнови приложение до последней версии.

Откроем папку для игры

Заведём для игры отдельную папку, чтобы её файлы не смешивались с остальными. Команда ниже создаст games/first-game в твоей домашней папке и запустит в ней агента.

macOS и Linux
mkdir -p ~/games/first-game && cd ~/games/first-game && claude
Windows
mkdir ~\games\first-game -Force | Out-Null; cd ~\games\first-game; claude
  1. Войди в аккаунтБраузер откроется сам - войди в платный аккаунт. Не открылся - нажми c в терминале и вставь ссылку в браузер.
  2. Вернись в терминалТам появится Login successful. Нажми Enter.
  3. Подтверди доверие папкеПроверь, что указан путь к новой папке игры, и подтверди.
  4. Посмотри внизТам режим, сейчас авторежим: безопасные шаги агент делает без вопросов.
claude · ~/games/first-game
✻ Claude Code ~/games/first-game1 ❯ ▍2 ⏵⏵ auto mode on3
  1. 1папка агента
  2. 2сюда пишешь задачу и жмёшь Enter
  3. 3режим
клавишачто делает
Escостановить агента
Shift + Tabсменить режим
!командавыполнить команду самому, без агента
/exitвыйти из Claude Code

Заведём для игры отдельную папку. Команда ниже создаст games/first-game в твоей домашней папке и запустит там Codex. Здесь и будут лежать файлы игры.

macOS и Linux
mkdir -p ~/games/first-game && cd ~/games/first-game && codex
Windows
mkdir ~\games\first-game -Force | Out-Null; cd ~\games\first-game; codex
  1. Войди в аккаунтВыбери «Sign in with ChatGPT» и войди в браузере в платный аккаунт.
  2. Подтверди доверие папкеПапка пока без git, поэтому Codex может начать в режиме «только чтение» и спросить, доверяешь ли ты ей. Проверь путь к папке игры и подтверди.
  3. Включи AutoВведи /permissions и выбери Auto. Так Codex сам пишет файлы в своей папке, а перед выходом в интернет и изменениями за её пределами спрашивает тебя.
что ввестичто делает
/permissionsсменить режим
!командавыполнить команду своими руками, без агента
Enter, пока агент работаетдописать ему указание на ходу
/exit или Ctrl + Cвыйти из Codex

Создай для игры отдельную папку и открой её в приложении. Так все файлы будут в одном месте.

  1. Выбери окружение LocalВо вкладке Code нажми первую кнопку, выбор окружения, и возьми верхний пункт в группе Local. Так агент работает прямо на твоём компьютере.
  2. Открой папку игрыРядом нажми выбор папки, потом Open folder… В домашней папке создай папку games, в ней first-game, и выбери её. Кнопка новой папки есть прямо в окне выбора.
  3. Выбери режимВ списке режимов под полем ввода выбери Auto: безопасные шаги агент делает сам. Нет Auto - бери Accept edits: файлы в папке агент меняет сам, а перед командами спрашивает.
  4. Пиши задачуВ поле ввода пишешь задачу и жмёшь Enter.
гдечто делает
список режимов под полем вводасменить режим
кнопка Terminal в заголовке сессии или Ctrl + `свой терминал в папке игры
щелчок по пути к .html в чатеоткрыть игру в панели Browser

Создай для игры отдельную папку и открой её в приложении. Так все файлы будут в одном месте.

  1. Открой папку игрыВ Codex выбери Open folder (на Mac - Cmd + O). В домашней папке создай папку games, в ней first-game, и выбери её. Кнопка новой папки есть прямо в окне выбора.
  2. Работай на своём компьютереВ переключателе Work in выбери This computer.
  3. Проверь режимПод полем ввода есть переключатель разрешений. Выбери Ask for approval: в своей папке Codex работает сам, а перед выходом в интернет и изменениями за её пределами спрашивает тебя. Full access не включай.
  4. Пиши задачуВ поле «Ask Codex anything» пишешь задачу и жмёшь Enter.
гдечто делает
переключатель под полем вводасменить режим
New tab → Terminal или Ctrl + `свой терминал рядом с чатом
встроенный браузерпосмотреть игру, не выходя из приложения

Пора собрать первую игру

Можно выбрать динозаврика, птичку, змейку или сразу взять свою идею. Для готовых игр ниже есть промпты - задания агенту. Динозаврик удобен для первого раза: на нём покажем доработки и сохранения.

Если идея уже есть, начни с одного действия и короткого раунда. Сегодня потренируемся давать задания агенту и сохранять версии. В день 4 сможешь начать основной проект заново.

Хочу сделать прототип своей идеи

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

Хочу начать со своей игры: [моя идея]. Сделай её маленький прототип в index.html в этой папке. Оставь одно главное действие, одно препятствие, понятную цель и раунд до 60 секунд. Если идея слишком большая, сначала предложи, какую её часть проверить сейчас. Один файл: HTML, CSS и JavaScript внутри. Без библиотек, сборки, картинок и интернета. Рисуй простыми фигурами на canvas. Файл должен открываться двойным щелчком в браузере. Все числа игры собери в CONFIG в начале скрипта с комментариями по-русски. Управление - клавиатура и мышь или касание. Добавь итоговый экран и кнопку «Ещё раз». Начисляй очки за продвижение к цели, показывай лучший результат и сохраняй его в localStorage. Открой игру и объясни, как играть и что проверить. Покажи одно число в CONFIG, которое я смогу поменять сам, и предложи другое значение. Дальше я буду присылать задания из вводных уроков, где примером служит динозаврик, птичка или змейка. Переноси в мою игру сам приём: изменение числа, внешний вид, новое правило, пульт настроек. Героев и тему учебного примера не копируй. Перед доработкой объясняй, что именно изменишь.

По мотивам динозавра из Chrome (Google, 2014). Авторы оставили три действия: бежать, прыгать и пригибаться.

По мотивам Flappy Bird (Донг Нгуен, 2013). Гравитация там такая сильная, что любое лишнее нажатие губит птицу (Rolling Stone, 2014).

По мотивам Snake с Nokia 6110 (Танели Арманто, 1997). Арманто считал: если простое решение работает, незачем его усложнять.

Сделай мини-игру «Динозаврик» в одном файле index.html в этой папке. Это раннер по мотивам динозавра из Chrome: одна кнопка, кактусы, скорость растёт. # Что должно получиться Динозавр стоит у левого края экрана на линии земли и бежит на месте, а мир едет справа налево. Пробел, стрелка вверх, клик или касание - прыжок. Прыгать можно только с земли. Справа выезжают кактусы: по одному, по два или по три вплотную, на разном расстоянии друг от друга. Скорость мира растёт каждую секунду, пока не дойдёт до предела. Счёт растёт с пройденным путём: 1 очко за каждые 10 пикселей. Счёт и оставшееся время видны вверху экрана. Задел кактус - забег окончен: экран «Столкновение. Счёт: N». Продержался 60 секунд - экран «Финиш. Счёт: N». На обоих экранах лучший результат и кнопка «Ещё раз», пробел тоже начинает заново. # Кто я Это моя первая игра с агентом. Открывать её буду в браузере на компьютере. # Правила для тебя - Один файл: HTML, CSS и JavaScript внутри. Без библиотек, без интернета, без сборки. Игра должна работать, если просто открыть index.html двойным щелчком. - Рисуй на canvas простыми фигурами из прямоугольников: динозавр, кактусы и земля серые (#535353), фон светлый (#f7f7f7). Картинки из интернета не бери. - Canvas растягивается на всё окно. Клавиши проверяй по event.code, чтобы управление работало и на русской раскладке. - Расстояние между кактусами никогда не меньше длины прыжка на текущей скорости, иначе забег станет непроходимым. - Хитбоксы чуть меньше фигур, чтобы касание краем не считалось столкновением. - Все числа игры - в объекте CONFIG в начале скрипта, у каждого числа короткий комментарий по-русски: runSpeed: 360 - скорость мира на старте, пикселей в секунду; speedUp: 6 - на сколько скорость растёт каждую секунду; maxSpeed: 780 - быстрее этого мир не едет; jumpHeight: 140 - высота прыжка, пикселей; timeToApex: 0.35 - секунд до верхней точки прыжка; gapMin: 320 и gapMax: 640 - расстояние между кактусами, пикселей; roundSeconds: 60 - длина забега, секунд. - Лучший результат храни в localStorage. # Как проверить Открой index.html в браузере. Потом напиши мне три строки: как играть, что я должен увидеть за первые 10 секунд и чем кончается забег.
Сделай мини-игру «Птичка» в одном файле index.html в этой папке. Это игра по мотивам Flappy Bird: одна кнопка, трубы, очко за каждую пройденную пару. # Что должно получиться Птица - жёлтый круг с глазом и клювом - летит в левой трети экрана, а мир едет справа налево. Пробел, клик или касание - взмах: птица подлетает вверх. В остальное время она падает. Справа выезжают пары зелёных труб, сверху и снизу, с просветом между ними. Высота просвета каждый раз случайная. Пролетел между трубами - +1 очко. Счёт крупно вверху экрана. Задел трубу, землю или верхний край экрана - конец: экран «Счёт: N», лучший результат и кнопка «Ещё раз», пробел тоже начинает заново. До первого нажатия птица висит на месте и трубы стоят. # Кто я Это моя первая игра с агентом. Открывать её буду в браузере на компьютере. # Правила для тебя - Один файл: HTML, CSS и JavaScript внутри. Без библиотек, без интернета, без сборки. Игра должна работать, если просто открыть index.html двойным щелчком. - Рисуй на canvas простыми фигурами. Картинки из интернета не бери. - Canvas растягивается на всё окно. Клавиши проверяй по event.code, чтобы управление работало и на русской раскладке. - Все числа игры - в объекте CONFIG в начале скрипта, у каждого числа короткий комментарий по-русски: gravity: 1400 - ускорение падения, пикселей в секунду за секунду; flapSpeed: 420 - скорость взмаха вверх, пикселей в секунду; pipeSpeed: 180 - скорость труб, пикселей в секунду; gapSize: 170 - высота просвета между трубами, пикселей; pipeEvery: 1.6 - новая пара труб раз в столько секунд. - Лучший результат храни в localStorage. # Как проверить Открой index.html в браузере. Потом напиши мне три строки: как играть, что я должен увидеть за первые 10 секунд и чем кончается раунд.
Сделай мини-игру «Змейка» в одном файле index.html в этой папке. Это игра по мотивам Snake с телефонов Nokia: поле из клеток, змейка растёт от каждого яблока. # Что должно получиться Квадратное поле 20 × 20 клеток по центру экрана. Змейка из трёх клеток стартует в середине поля и ползёт вправо. Стрелки или WASD поворачивают её, на телефоне - свайп в нужную сторону. Разворот назад на 180° игнорируй. На поле всегда одно яблоко в случайной свободной клетке. Съела - +1 очко, змейка длиннее на клетку, появляется новое яблоко. Врезалась в стену или в себя - конец: экран «Счёт: N», лучший результат и кнопка «Ещё раз», пробел тоже начинает заново. # Кто я Это моя первая игра с агентом. Открывать её буду в браузере на компьютере. # Правила для тебя - Один файл: HTML, CSS и JavaScript внутри. Без библиотек, без интернета, без сборки. Игра должна работать, если просто открыть index.html двойным щелчком. - Змейка и яблоко - квадраты в клетках, нарисованные на canvas. Картинки из интернета не бери. - Поле подстраивается под размер окна. Клавиши проверяй по event.code, чтобы управление работало и на русской раскладке. - Если за один шаг нажато две стрелки, не теряй вторую: держи очередь из двух поворотов. - Все числа игры - в объекте CONFIG в начале скрипта, у каждого числа короткий комментарий по-русски: gridSize: 20 - клеток по стороне поля; stepTime: 0.15 - секунд на один шаг змейки; speedUp: 0.97 - после каждого яблока stepTime умножается на это число; minStepTime: 0.06 - быстрее этого змейка не ползёт. - Лучший результат храни в localStorage. # Как проверить Открой index.html в браузере. Потом напиши мне три строки: как играть, что я должен увидеть за первые 10 секунд и чем кончается игра.

Скопируй промпт целиком. Правила игры и проверка уже в нём.

Для первой версии хватит прямоугольников и кругов. В первом прототипе Super Mario Bros. по экрану двигали квадрат, вспоминает Миямото. К подробной работе над внешним видом вернёмся в дни 7-8.

В готовых примерах пока меняй только героя и цвета. Числа нужны для следующих доработок. Для своей идеи оставь настройки агента.

Отправь промпт в Claude Code. Агент создаст index.html и откроет игру. Попросит разрешение - проверь, что речь о файле игры или браузере, и подтверди.

Скопируй промпт, вставь в Codex и нажми Enter. Агент напишет index.html и попробует открыть его в браузере. Спросит разрешения - прочитай, что он хочет сделать, и соглашайся, если речь про index.html и браузер. Игра не открылась сама - открой index.html двойным щелчком.

Скопируй промпт, вставь в поле ввода и нажми Enter. Когда агент напишет index.html, щёлкни по пути к файлу в чате: игра откроется в панели Browser прямо в приложении.

Скопируй промпт, вставь в поле ввода и нажми Enter. Когда агент напишет index.html, открой игру во встроенном браузере приложения или двойным щелчком по файлу в папке.

Когда игра откроется, сыграй в неё перед доработками.

За три раунда проверь управление, итоговый экран и кнопку «Ещё раз».

Затем попроси агента показать настройки игры:

Покажи CONFIG и объясни каждое число одной строкой.

Как проверить:

  • Раунд кончается экраном итога, и «Ещё раз» начинает новый
  • После перезагрузки страницы лучший результат на месте
  • Я знаю, где в файле лежат числа игры - блок CONFIG

Если игра не открылась, щёлкни дважды по index.html в папке games/first-game. Ошибку опиши конкретно: «Нажимаю пробел, а герой не прыгает».

Агент пишет: «Готово, всё работает!» Что делаешь первым?

  • Играю и проверяю три вещи из его ответаДа. По ответу в чате нельзя понять, удобно ли играть. Это проверяешь ты.
  • Верю: в простых задачах агенты не ошибаютсяОшибаются, и в простых тоже. А проверка занимает минуту.
  • Сразу прошу следующую доработку, пока он помнит игруСначала сыграй. Если игра уже сломана, после следующей доработки будет труднее найти причину.

Подготовим всё для следующих уроков

Теперь установим программы для курса. Git хранит версии игры, VS Code нужен, чтобы менять код. Ещё понадобятся Node.js и Chrome. Агент проверит, что уже есть, и установит недостающее.

Сначала нажми Shift + Tab один раз - внизу появится ⏸ manual mode on. Это ручной режим: агент спрашивает разрешения перед каждой командой.

Сначала выбери в списке под полем ввода режим Manual. Это ручной режим: агент спрашивает разрешения перед каждой командой.

Режим менять не нужно. В AutoAsk for approval Codex сам работает в своей папке, а перед установкой программ, выходом в интернет и изменениями за пределами папки спрашивает тебя. Это и есть правило ниже.

Своя папка - авто. Весь компьютер - вручную.

Установку пройдём вместе: агент объясняет команду, ты читаешь и подтверждаешь. Непонятно, зачем она нужна, - попроси объяснить перед запуском.

Подготовь мой компьютер к курсу по созданию игр. Объясняй простыми словами, без жаргона. # Цель На компьютере есть git, Node.js (версия LTS), VS Code и Google Chrome, и ты проверил это командами. Эта папка - git-репозиторий с первым сохранением моей игры. # Порядок 1. Сначала только проверь: какая у меня система и что из списка уже стоит. VS Code проверяй и командой code --version: если программа есть, а команды code нет, подключи её. Покажи таблицу «программа — есть или нет — версия» и план установки. Ничего не ставь, пока не покажешь план. 2. Ставь только то, чего нет. macOS: если git нет, запусти xcode-select --install и скажи мне, что нажать в окне. Если есть Homebrew - ставь через brew (node, git, а VS Code и Chrome через --cask). Если Homebrew нет - сам его не ставь: предложи мне два пути и скажи, какой советуешь для моей версии macOS. Windows: ставь через winget с флагами --accept-package-agreements --accept-source-agreements: Git.Git, OpenJS.NodeJS.LTS, Microsoft.VisualStudioCode, Google.Chrome. 3. Перед каждой командой напиши одну строку по-русски: что она сделает. 4. Если нужен пароль или кнопка в системном окне - остановись и скажи, что именно нажать. Пароль не проси писать в чат. Команды с sudo не запускай сам: дай мне команду, я выполню её в отдельном окне терминала. 5. После установки проверь версии ещё раз. Если команда не находится, сначала попробуй обновить PATH в этой сессии. Не помогло - скажи мне перезапустить терминалприложение. 6. Windows: если npm не запускается из-за политики выполнения скриптов, объясни, что это, и предложи Set-ExecutionPolicy -Scope CurrentUser RemoteSigned. 7. Спроси, как подписывать мои сохранения в git (имя и почта, почту можно выдумать), и настрой git. Если git уже настроен, покажи текущие имя и почту и ничего не меняй. 8. Сделай в этой папке git-репозиторий и сохранение «v1: первая игра». # Нельзя Не трогай файлы вне этой папки, кроме самой установки программ. Не меняй настройки системы, о которых я не просил. # Как проверить В конце покажи таблицу: программа, версия, ✓ или что не так. Если меня нужно перезапустить - скажи об этом последней строкой.

В пункте 4 - про пароль: вводи его только в окне системы или отдельном терминале. В чат не отправляй.

На Mac нет Homebrew: два пути

Поставить Homebrew. Агент даст официальную команду с brew.sh: вставь её в новом окне терминала (Cmd + N) и введи пароль от Mac. При вводе его не видно, даже звёздочек. Homebrew официально поддерживает macOS 15 и новее.

Без Homebrew. Агент скачает установщик Node.js с nodejs.org и откроет его: жмёшь «Продолжить» и вводишь пароль в окне системы. VS Code и Chrome он откроет на официальных страницах загрузки.

Что во время установки делаешь ты

macOS

Окно «Установить инструменты»

Проверь название программы, прочитай условия и подтверди установку.

Пароль от Mac

Для Homebrew и sudo: вводишь в отдельном окне терминала.

Пароль в чат

Никогда.

Windows

«Разрешить вносить изменения?»

«Да», если в окне программа из плана агента.

Перезапуск после Git

Как - в блоке ниже.

Пароль в чат

Никогда. Отвечай агенту No.

Linux

Команды с sudo

Вводишь сам, в отдельном окне терминала.

Новое окно

Так перезапускают агента после установки.

Пароль в чат

Никогда. Отвечай агенту No.

Агент просит перезапуск

Введи /exit, закрой окно, открой новое и вставь строку ниже: -c на конце продолжит последний разговор в этой папке.

macOS и Linux
cd ~/games/first-game && claude -c
Windows
cd ~\games\first-game; claude -c

Введи /exit, закрой окно, открой новое и вставь строку ниже: codex resume --last откроет последний разговор из этой папки.

macOS и Linux
cd ~/games/first-game && codex resume --last
Windows
cd ~\games\first-game; codex resume --last

Закрой приложение совсем, запусти снова и открой тот же разговор в списке. Так приложение увидит новые программы.

Пока программы устанавливаются

Разложи карточки: что делаешь ты, а что - агент?

Кто что делает сегодня?

Поставить агента
Поставить Node.js и git
Ввести пароль от компьютера
Написать код игры
Решить, что поменять в игре
Сохранить удачную версию
Одобрить команду агента

Проверим первое сохранение

Когда агент закончит установку, загляни в историю версий. Введи в Claude CodeCodex:

! git log --oneline

Должна появиться строка v1: первая игра. Команды с паролем через ! не запускай: им место в отдельном окне терминала.

Когда агент закончит установку, загляни в историю версий. Открой встроенный терминал: кнопка Terminal в заголовке сессииNew tab, потом Terminal или Ctrl + `. Если он открылся не в папке игры, перейди в неё и введи:

git log --oneline

Должна появиться строка v1: первая игра. В этом терминале команды выполняешь ты сам, без агента.

Теперь должны быть готовы программы для курса и первое сохранение игры.

Как проверить:

  • В таблице агента git, Node.js, VS Code и Chrome с версиями
  • git log --oneline показывает «v1: первая игра»
  • Пароль ни разу не попал в чат

Если установка остановилась или программа не находится, загляни в подсказки ниже.

Установка буксует: частые случаи
что видишьчто делать
после установки агент не находит команду«Обнови PATH в этой сессии». Не помогло - перезапусти агента, как выше
macOS: нет окна «Установить инструменты»оно часто прячется за терминалом. Или попроси запустить xcode-select --install ещё раз
Windows: нет окна «Разрешить изменения?», установка стоитокно мигает на панели задач
Windows: npm ругается на политику выполнения скриптовсоглашайся на Set-ExecutionPolicy -Scope CurrentUser RemoteSigned: это только для тебя
агент хочет запустить sudo самNo, и напиши: «Дай команду, я введу её в отдельном окне»
нет прав администратораотложи установку. Игра и доработки работают без Node, а git нужен для сохранений в шагах 7-8

А теперь поменяем игру

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

Верни авторежим: жми Shift + Tab, пока внизу не появится ⏵⏵ auto mode on.

Верни в списке под полем ввода режим Auto (или Accept edits, если Auto нет).

Попробуй пульт: подвигай ползунок и посмотри, как меняется игра. Он составит задание для агента. Ниже есть доработки и для птички, и для змейки.

пульт доработокПосмотри, что изменится в игре
Поменяй в игре одно: скорость мира на старте - runSpeed в CONFIG: 360 → 460. Остальное не трогай. Открой игру заново и напиши, что я должен заметить.
А если изменить и скорость, и цвет одновременно? Пульт покажет, почему для начала лучше выбрать что-то одно.

Стенд с ползунками советует Стив Свинк. А вот примеры трёх доработок:

  • Число. Адам Солтсман подбирал настройки Canabalt перебором (Tuning Canabalt).
  • Вид. Ночной режим Chrome меняет цвета, сохраняя правила (код Chromium).
  • Механика. В 2015 году к кактусам добавили птеродактилей (код-ревью). Появилась новая задача - пригнуться под птицей.

Сначала поменяй одно число сам

Если делаешь свою игру, попроси агента показать одну настройку в CONFIG и предложить другое значение. Поменяй его руками и сравни результат. Строки ниже относятся к трём готовым играм.

Открой файл и замени одно число. Динозаврик ускорится, птичка станет медленнее падать, змейка - быстрее ползать.

  1. Открой файл в редактореПопроси агента: «Открой index.html в VS Code».
  2. Найди строкуНажми CmdCtrl + F и ищи runSpeed: 360,gravity: 1400,stepTime: 0.15,
  3. Поменяй число и сохрани файлЗамени его на 46011000.1 и нажми CmdCtrl + S.
  4. Обнови страницу игрыCmd + RF5. Сыграй раунд и сравни.
  5. Сохрани доработкуСкажи агенту:
    Работает. Сохрани: «доработка 1: старт быстрее».
    Работает. Сохрани: «доработка 1: гравитация слабее».
    Работает. Сохрани: «доработка 1: змейка быстрее».

Если VS Code не установился, попроси агента поменять число. Доработку руками попробуешь позже.

Теперь изменим внешний вид

Поменяй в игре одно: добавь ночной режим, как в динозавре из Chrome. Каждые 700 очков цвета на 12 секунд меняются на ночные: фон тёмно-синий (#0d1124) с редкими звёздами, динозавр, кактусы и земля светлые (#e9e4d4). Смена плавная, за полсекунды. Правила не трогай. Новые числа вынеси в CONFIG как nightEvery: 700 и nightSeconds: 12. Открой игру заново и напиши, что я должен заметить.

Дождись ночи в игре и проверь, что герою по-прежнему удобно прыгать. Если всё работает, попроси: «Сохрани доработку 2: ночной режим».

Поменяй в игре одно: как птица разбивается. При столкновении она кувыркается и падает клювом в землю, экран на 0,2 секунды вздрагивает, а экран итога появляется, когда птица упала. Правила и числа не трогай. Открой игру заново и напиши, что я должен заметить.

Нгуен пробовал разные варианты падения птицы, и выбрал падение лицом в землю, а из сотен звуков - удар из кунг-фу-фильмов (Rolling Stone, 2014). Сыграй раунд и скажи: «Работает. Сохрани: «доработка 2: падение»».

Поменяй в игре одно: палитра под экран старого телефона. Фон поля бледно-зелёный (#c7f0d8), змейка, яблоко и рамка тёмно-оливковые (#43523d). Правила и числа не трогай. Открой игру заново и напиши, что я должен заметить.

Сыграй раунд и посмотри, хорошо ли видно змейку и яблоко на новом фоне. Затем попроси: «Сохрани доработку 2: палитра».

Добавим новое правило

Добавь одно правило: когда скорость мира дойдёт до 510, иногда вместо кактуса летит птица на высоте головы динозавра. Под ней нужно пригнуться: стрелка вниз или S, на телефоне - касание нижней трети экрана. Пока клавиша зажата, динозавр бежит пригнувшись, вдвое ниже. Порог вынеси в CONFIG как birdFromSpeed: 510, шанс птицы - как birdChance: 0.35. Остальное не трогай. Открой игру и скажи, как быстрее всего увидеть птицу.
Добавь одно правило: в просвете каждой пятой пары труб висит звезда. Пролетел сквозь неё - +5 очков и короткая вспышка экрана. Частоту вынеси в CONFIG как starEvery: 5. Остальное не трогай. Открой игру и скажи, как быстрее всего увидеть звезду.
Добавь одно правило: поблажка перед столкновением. Если следующий шаг змейки - в стену или в себя, подожди ещё 0,12 секунды. Повернул за это время - змейка ползёт дальше, не повернул - конец игры. Время вынеси в CONFIG как graceTime: 0.12. Остальное не трогай. Открой игру и скажи, как проверить поблажку.

Это правило придумал сам Арманто: змейкой было трудно управлять, и он дал несколько миллисекунд, чтобы успеть повернуть (MEL, 2019).

Проверь новое правило в игре. Получилось как задумано? Попроси сохранить доработку и дай ей название, по которому потом её узнаешь.

Для второй и третьей доработки подойдут задания со страницы, из пульта или твои собственные.

Как проверить:

  • Первое число я поменял в VS Code сам
  • В истории есть первая игра и три отдельные доработки: git log --oneline показывает не меньше четырёх строк
  • В каждом промпте одно изменение

Агент поменял лишнее - попроси: «Верни как в последнем сохранении». Повтори задание с уточнением «остальное не трогай». Изменений не видно - обнови страницу игры.

Расставь шаги доработки по порядку

  1. Сыграть
  2. Решить, что поменять
  3. Написать промпт с одним изменением
  4. Проверить в игре
  5. Сохранить

Испортим управление - и вернём как было

Теперь проверим, для чего сохранялись. Добавим задержку управления: нажимаешь кнопку, а герой отвечает через полсекунды. Попробуем так сыграть, затем вернём файлы к последнему сохранению. Знаком с Git - переходи к своей игре.

В 2019 году Planet Explorers осталась без сетевого режима: часть его кода потеряли, а в истории версий её не было (объявление Pathea Games, GamingOnLinux).

машина времениЛента твоих сохранений
Сначала добавь задержку и отмени её. Потом открой первую версию игры и вернись к последней.

Теперь в твоей игре

  1. Сломай
    Сделай так, чтобы управление срабатывало через полсекунды после нажатия. Не сохраняй.
    Сыграй раунд. Заметь, как приходится нажимать заранее, чтобы герой успел среагировать.
  2. Верни
    Верни все файлы как в последнем сохранении.
    Агент вернёт изменённые файлы командой git restore .. Сыграй ещё раз: герой должен отвечать на нажатие сразу.
  3. ПроверьВо встроенном терминале введи git status.
    ! git status
    Ответ nothing to commit, working tree clean значит «сохранять нечего, файлы как в последнем сохранении».
  4. ★ Открой старую версию
    Открой версию «v1: первая игра» - только посмотреть.
    Агент выполнит git switch --detach. Сыграй и скажи: «Верни текущую версию» - он выполнит git switch -.
А два нажатия Esc не проще?

Два нажатия Esc на пустой строке открывают меню отката (/rewind). Но изменений от команд терминала оно не видит, так что историю версий не заменяет.

Два нажатия Esc на пустой строке дают переписать твоё прошлое сообщение, и разговор пойдёт заново с этого места. Но откатывается только разговор: файлы игры возвращай, как в шагах выше.

Проверь, что после отмены задержки игра работает так же, как до неё. Путешествие в первую версию - по желанию.

Как проверить:

  • Задержка управления заметна в игре
  • После «верни» игра снова как после доработки 3
  • git status пишет working tree clean
  • ★ Возврат к первой версии и обратно к текущей

Если не вышло: поломку успели сохранить - скажи «Отмени последнее сохранение, но не удаляй историю». Остались новые файлы - попроси удалить только их. Застрял в старой версии - «Верни текущую версию», не помогло - выполни сам git switch main (со знаком ! в началево встроенном терминале; или master, если агент назвал ветку так).

Что получилось к концу урока

Игра готова, три доработки сохранены. Проверим файлы и сыграем ещё раз перед следующим уроком.

Проверяет агент

Проверь: git, node и code работают; в истории 4 сохранения или больше; index.html открывается без ошибок в консоли.

Проверка в новом разговоре

Начни новый разговор: введи /clearвведи /newоткрой новую сессию в той же папке. Вставь промпт ниже, а под ним - промпт игры из шага 5. Без предыдущей переписки агент может заметить то, что раньше пропустил.

Прочитай index.html и перечисли, что не совпадает с задачей ниже. Мои доработки из истории сохранений (git log) - не ошибки, их не перечисляй. Код не меняй.

Ещё один раунд

Сыграй и выбери одну идею для домашнего задания. Что хочется поменять теперь?

Подруга впервые открывает агента и даёт ему домашнюю папку, «чтобы всё было под рукой». Что ей скажешь?

  • «Заведи под игру отдельную папку и открой её»Да. Файлы игры будут отдельно от документов и фотографий. Доступ к другим папкам для этого задания не нужен.
  • «Правильно, агенту нужен доступ ко всему диску»Для игры ему нужна только папка игры. Остальное он может задеть случайно.
  • «Без разницы, агент всё равно видит весь диск»Рабочую папку выбираешь ты. Доступ за её пределы зависит от разрешений, поэтому всю домашнюю папку открывать не стоит.

Агент пишет в чате: «Введите пароль администратора, чтобы я поставил Homebrew». Что ответишь?

  • Пишу пароль в чат: агент использует его один разВсё, что попало в чат, остаётся в разговоре. Пароль вводят только в окно системы.
  • «Нет. Дай команду, я введу её в отдельном окне»Верно. Пароль вводишь ты, в отдельном окне терминала.
  • Сохраняю пароль в файл проекта, пусть читаетВ файле проекта пароль ещё опаснее, чем в чате: он там надолго.

После доработки игра перестала запускаться. Сохранения после неё нет. Что сказать агенту?

  • «Вспомни, как всё было, и сделай точно так же»По памяти агент может вернуть не всё.
  • «Удали папку целиком, начнём всё заново»Пропадут игра и все удачные доработки.
  • «Верни все файлы как в последнем сохранении»Да. Агент выполнит git restore, и файлы станут как в сохранении.

Ты пишешь агенту: «Сделай динозавра побыстрее и добавь птиц». Что стоит поправить? Выбери всё подходящее.

  • Разбить на два промпта: сначала скорость, потом птицыПосле каждого задания можно сыграть и понять, как оно повлияло на игру.
  • Назвать число: runSpeed 360 → 460Число задаёт точную скорость. По слову «побыстрее» агенту пришлось бы выбирать её самому.
  • Добавить «открой игру и скажи, что я должен заметить»Агент проверит сам и подскажет, куда смотреть.
  • Добавить «и сделай всё красиво»По слову «красиво» непонятно, что менять. Лучше отдельно описать цвета или внешний вид героя.
  • Ничего: агент сам поймёт, что имелось в видуАгенту придётся самому выбрать скорость и поведение птиц. Результат может не совпасть с тем, что ты задумал.

Агент сейчас начнёт ставить программы на компьютер. Как ему работать?

  • Пусть ставит без вопросов: так быстрееВ своей папке можно. Установка меняет весь компьютер, тут каждую команду читаешь ты.
  • Пусть спрашивает перед каждой командой, а я читаюДа. Весь компьютер - вручную.
  • Дам полный доступ, чтобы не мешали вопросыДля установки по плану достаточно подтверждать нужные действия. Давать агенту полный доступ к компьютеру для этого не требуется.
домашнее задание · подготовка

Ещё одна доработка и первый игрок

обязательно
  • Сделай ещё одну доработку на свой вкус и сохрани её
  • Дай игру человеку, который её ещё не видел. Посмотри, как он начнёт играть, и не объясняй управление заранее
  • Запиши в тетрадь, что он сделал первым и где возникли трудности

Valve проверила Half-Life на игроках больше 200 раз, и разработчики сидели рядом молча (The Cabal, 1999).

со звёздочкой
  • Сделай доработку «звук» промптом ниже и сохрани её
Добавь звук прыжка: короткий сигнал кодом через Web Audio, до 0,1 секунды, без файлов. Остальное не трогай. Открой игру и скажи, что я должен услышать.
Добавь звук взмаха: короткий сигнал кодом через Web Audio, до 0,1 секунды, без файлов. Остальное не трогай. Открой игру и скажи, что я должен услышать.
Добавь звук, когда змейка съедает яблоко: короткий сигнал кодом через Web Audio, до 0,1 секунды, без файлов. Остальное не трогай. Открой игру и скажи, что я должен услышать.
для твоего жанра

Если хочется попробовать другой жанр, выбери его ниже. Агент сделает ещё одну мини-игру в файле genre.html. Основная останется в index.html.

Ориентир - Celeste. Мэдди Торсон объясняет, что прыжок там прощает мелкие ошибки игрока. В первом платформере начни с того же: чтобы бегать и прыгать было приятно.

Сделай файл genre.html - маленький платформер на один экран с героем и цветами из index.html. Герой бегает и прыгает по нескольким платформам, есть пара провалов и флажок-финиш. Упал в провал - уровень с начала. index.html не трогай, числа вынеси в CONFIG. Открой genre.html и напиши, как играть.

Ориентир - Vampire Survivors. Лука Галанте рассказывает, что плана у него не было: он просто добавлял элементы, чтобы стало весело. Начни с героя и одного вида врагов, остальное добавляй по одному.

Сделай файл genre.html - арену на один экран с героем из index.html. Герой ходит во все стороны, враги идут к нему от краёв экрана, и со временем их становится больше. Касание врага отнимает жизнь. Продержался минуту - победа. index.html не трогай, числа вынеси в CONFIG. Открой genre.html и напиши, как играть.

Ориентир - Baba Is You. Арви Тейкари придумал её на джеме вокруг одного правила: правила игры лежат на поле словами, и их двигают, как ящики. Для первой головоломки тоже хватит одного правила.

Сделай файл genre.html - головоломку на поле из клеток с героем из index.html. Одно простое правило и три уровня, где оно раскрывается по-разному. Уровни храни строками текста в CONFIG, клавиша R начинает уровень заново. Открой genre.html и напиши, как играть.

Ориентир - Slay the Spire. В Mega Crit говорят, что сборка колоды и рогалик оказались особенно сильной парой. Начни с нескольких карт и одного противника.

Сделай файл genre.html - карточную мини-игру с героем из index.html. Колода из нескольких карт, в руке три, против тебя один противник. За ход разыгрываешь карты, противник отвечает, бой идёт до победы одного из вас. Карты и числа вынеси в CONFIG. Открой genre.html и напиши, как играть.

Ориентир - Warcraft. Патрик Уайатт, программист первой части, пишет, что в стратегии в реальном времени игроку меньше всего хватает внимания. Поэтому держи управление простым: один ресурс, одно здание, пара отрядов.

Сделай файл genre.html - мини-стратегию в реальном времени на один экран. У меня база и рабочие, которые сами носят один ресурс. За ресурс база выпускает бойцов. С края экрана к базе идут враги. Бойцов выделяю рамкой мыши и отправляю щелчком. Продержись три минуты. index.html не трогай, числа вынеси в CONFIG. Открой genre.html и напиши, как играть.

Ориентир - Stardew Valley. Эрик Бароне начинал с базовой «формулы» Harvest Moon и дальше развивал её по-своему. Начни с одного спокойного цикла: посадил, подождал, собрал.

Сделай файл genre.html - мини-ферму с героем из index.html. Несколько грядок, семена за монеты, через время урожай приносит больше монет. Прогресс храни в localStorage, добавь кнопку «Сбросить». index.html не трогай, числа вынеси в CONFIG. Открой genre.html и напиши, как играть.

Ориентир - Papers, Please. Лукас Поуп описывает завязку так: ты не герой, который прорывается через границу, а пограничник, который проверяет документы. Начни с роли игрока и пары выборов с последствиями.

Сделай файл genre.html - короткую историю с выбором про героя из index.html. Несколько сцен, в каждой абзац текста и два варианта, в конце одна из двух концовок. Тексты и связи сцен вынеси в CONFIG. Открой genre.html и напиши, как пройти обе концовки.

Ориентир - Halo. Джейми Гриземер из Bungie описывает бой как петли: 3 секунды внутри 30 секунд внутри трёх минут. В первом шутере начни с одной комнаты, где приятно двигаться и стрелять.

Сделай файл genre.html - маленький шутер от первого лица: одна комната-лабиринт, вид глазами героя, несколько врагов. Стрелки или WASD - ходить и поворачиваться, пробел - стрелять. Нарисуй 3D простым способом на canvas, как в ранних шутерах (рейкастинг), без библиотек и интернета. index.html не трогай, числа вынеси в CONFIG. Открой genre.html и напиши, как играть.

Попробуй короткий пошаговый бой: один герой, один противник и три действия на выбор. За победу герой получит опыт. Этого хватит, чтобы проверить, хочется ли сразиться со следующим врагом.

Сделай файл genre.html - маленький пошаговый бой с героем из index.html. Против героя один противник, у обоих видна полоска здоровья. В свой ход я выбираю одно из трёх действий: удар, защита или лечение, потом ходит противник. За победу герой получает опыт, а следующий противник сильнее прошлого. index.html не трогай, числа вынеси в CONFIG. Открой genre.html и напиши, как играть.
как понять, что получилось
критерийзачёт
Доработкасвоя, с отдельным сохранением
Первый игрокв тетради записано, что человек сделал первым

Время: 15-30 минут.

запомнить
  • Своя папка - авто. Весь компьютер - вручную.
  • Пароль - только в окно системы или в отдельный терминал. В чат никогда.
  • Проси одну доработку за раз. Уточняй, что изменить и как проверить результат.
  • После удачной доработки проси сохранить версию. После неудачной - вернуть файлы к последнему сохранению.

Источники

  1. Claude Code: установка и требования Anthropic · проверено 2026-10-26
  2. Terminal guide for new users Anthropic · проверено 2026-10-26
  3. Authentication Anthropic · проверено 2026-10-26
  4. Permission modes Anthropic · проверено 2026-10-26
  5. Interactive mode Anthropic · проверено 2026-10-26
  6. Checkpointing Anthropic · проверено 2026-10-26
  7. Desktop quickstart, Claude Code in Desktop и загрузка приложения Claude Anthropic · проверено 2026-10-26
  8. Install Claude Desktop справка Anthropic · проверено 2026-10-26
  9. Цены Claude и страны Anthropic Anthropic · проверено 2026-10-26
  10. Почему отклонена карта справка Anthropic · проверено 2026-10-26
  11. Codex: CLI, приложение ChatGPT и загрузка, режимы разрешений, песочница и одобрения, команды, AGENTS.md, цены, GitHub OpenAI · проверено 2026-10-26
  12. Страны OpenAI и Codex в планах ChatGPT справка OpenAI · проверено 2026-10-26
  13. Homebrew и инструменты командной строки Apple проверено 2026-10-26
  14. winget Microsoft · проверено 2026-10-26
  15. As the Chrome dino runs, we caught up with the Googlers who built it Google, 06.09.2018 · проверено 2026-10-26
  16. Код динозавра: offline.ts и offline_sprite_definitions.ts; код-ревью 1051433002 Chromium, 2015 · проверено 2026-10-26
  17. The Flight of the Birdman: Flappy Bird Creator Dong Nguyen Speaks Out Rolling Stone, 11.03.2014 · проверено 2026-10-26
  18. An Oral History of «Snake» on Nokia MEL Magazine, 12.09.2019 · проверено 2026-10-26
  19. Iwata Asks: Super Mario Bros. 25th Anniversary, Vol. 5 Nintendo · проверено 2026-10-26
  20. Мэдди Торсон о прыжке в Celeste 13.03.2020 · проверено 2026-10-26
  21. Game Feel: The Secret Ingredient Steve Swink, Game Developer, 23.11.2007 · проверено 2026-10-26
  22. Tuning Canabalt Adam Saltsman, Game Developer, 29.09.2010 · проверено 2026-10-26
  23. Juice it or lose it Martin Jonasson, Petri Purho, 2012 · проверено 2026-10-26
  24. Planet Explorers: объявление Pathea Games и GamingOnLinux июнь - июль 2019 · проверено 2026-10-26
  25. The Cabal: Valve's Design Process For Creating Half-Life Ken Birdwell, Game Developer, 10.12.1999 · проверено 2026-10-26
  26. Жанры: Vampire Survivors (PC Gamer, 2022), Baba Is You (Game Developer, 2018), Slay the Spire (Game Developer, 2020), The making of Warcraft, part 3 (Патрик Уайатт, Code of Honor, 2012), Half-Minute Halo: An Interview with Jaime Griesemer (Engadget, 2011), Stardew Valley (Game Developer, 2017), Papers, Please (Game Developer, 2014) проверено 2026-10-26

В следующем уроке выберем другого героя, место и необычное правило. А пока дай кому-нибудь сыграть в сегодняшнюю версию.