ANT ← до ігор

Зроби свою гру

Ти щойно грав у гру, яку зробила дитина. Свою можна зробити так само — і не колись, а сьогодні.

Що знадобиться

  • Комп'ютер. Грати можна з телефона, а робити — ні: там немає куди писати код. Це чесна межа, і ми її не приховуємо.
  • Пів години на першу зміну в грі. На свою гру — скільки захочеш.
  • Уміти розпакувати архів. Тут наша межа: ANT учить робити ігри, а не користуватися комп'ютером. У маршруті розпакування все-таки розписане по пунктах, але якщо не вмієш — хай дорослий покаже один раз, наживо швидше.
  • Більше нічого. Ні реєстрації, ні встановлення програм. Гра, коли вже завантажена, працює й без інтернету.
Забрати гру собі один файл · розпакувати й відкрити

Далі три кроки

  1. Розпакуй теку й відкрий index.html подвійним кліком. Це вже твоя копія гри — грай скільки хочеш, зламати нічого не можна.
  2. Відкрий код. Тут два шляхи, і обидва робочі — вони одразу під цими кроками.
  3. Відкрий МАРШРУТ.html подвійним кліком: він відкриється в браузері, як звичайна сторінка. Далі йди по ньому згори вниз. Вісім кроків, після кожного гра змінюється так, що це видно — інакше крок не зарахований.

Два способи відкрити код

Редактор просто тут. Код і гра поруч в одному вікні: змінила, натиснула «Зберегти» — і гра перезапустилась сама. Встановлювати нічого не треба.

Відкрити редактор Chrome або Edge · без встановлення · тека лишається в тебе

Редактор нічого нам не надсилає: він відкриває твою теку прямо на диску й пише в той самий файл — твого коду ми не бачимо. Але сам він сторінка, тож поки ти в ньому працюєш, інтернет потрібен.

Або «Блокнот» — він уже стоїть на кожному комп'ютері, і інтернет для нього не потрібен зовсім. Крок нуль маршруту розписує цей шлях по пунктах. Але дві пастки нижче чекають саме тут.

Дві пастки, про які варто знати наперед

Обидві виглядають як поломка, і жодна нею не є. У маршруті вони розписані по пунктах — тут коротко, щоб не зустріти їх зненацька.

Працювати треба в розпакованій теці, а не в архіві. Windows дає заглянути в .zip, і той виглядає як звичайна тека — гра звідти навіть запуститься. Але зміни у файлах усередині архіву зникнуть, і зникнуть не одразу. У редакторі ця пастка принаймні не мовчить: він скаже або що гри тут немає, або що зберегти не вийшло — робота не зникне непомітно.

По game.js подвійним кліком клацати не треба. Windows подумає, що це програма, спробує її запустити й покаже віконце Syntax error. Нічого не зламалося. Код відкривають так: запустити «Блокнот» і перетягнути файл у його вікно мишею. У редакторі цього немає взагалі: файлів у Провіднику ти не торкаєшся.

Перший розділ маршруту — крок нуль: від «знайти завантажений файл» до «змінила код, і гра послухалась». Він закінчується перевіркою, яку видно на екрані, — щоб не починати наосліп. Написаний він під «Блокнот»; якщо працюєш у редакторі, читай там тільки пункти про розпакування.

Що буде в кінці

Своя гра, у якій є початок, середина й кінець. У неї можна дати пограти — і в тебе буде така сама сторінка, як та, з якої ти сюди прийшов, з одним числом: скільки людей пройшли твою гру до кінця.

Не скільки часу в ній провели. Скільки пройшли.

Чесно про сьогодні

Останній крок — викласти гру в інтернет — поки що робить дорослий, однією командою. Кнопки «опублікувати» ще немає, вона буде. Усе інше ти робиш сам.

А редактор зовсім новий, і ти можеш виявитися першою, хто його відкрив. Якщо він поведеться дивно — це наша помилка, і нам треба про неї знати. «Блокнот» тим часом працює завжди.

Якщо застрягнеш

Скажи, на якому кроці — і що саме було незрозуміло. Місце, на якому зупинилася перша людина, для нас найцінніше: воно означає, що маршрут написаний погано, і його перепишуть. Це наша помилка, не твоя.