Посібник гравця — Історія як гра

Загальний опис

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

Навігація сайтом

Відкрийте файл index.html безпосередньо у браузері або запустіть локальний сервер командою python3 -m http.server 8000
Головна сторінка містить картки з 9 історичними періодами — кожна картка веде до відповідних ігор
Навігація назад через кнопку "Додому" у верхній панелі кожної гри
На повноекранних іграх використовується плаваюча кнопка повернення

Ігри за періодами

Вступ

Хронобій (washhand-1) — три ворога з різних періодів. Сортуйте події в хронологічному порядку, заряджайте зброю та атакуйте. Клавіатура: перетягування подій у слоти

Іст. Block Buster (new-makako-2) — арканоїд з історичними блоками

Компас (compas) — орієнтування на історичній карті

Пасянс (los-elviros-1) — класична карткова гра з 4 темами, кнопка «Скасувати» для відміни ходу

Стародавня історія

Стародавня історія (shiwafornia-2) — хронологічний шлях по стародавніх культурах. Селектор складності: Легкий / Середній / Складний

Вікторина (falling) — падаючі питання: Трипілля, скіфи, грецькі колонії. Набирайте відповіді, щоб зловити їх

Русь-Україна

Русь-Україна вікторина (new-orlan-1) — падаючі дати, ловіть правильні відповіді

Кара вікінга (masachuchi) — ловіть яблука відповідної категорії, 4 категорії, уникайте чужих

Хронологія (timeline) — розставте події Київської Русі у правильному порядку: від заснування Києва до битви на Калці

Велике князівство Литовське

ВКЛ вікторина (taxes-1) — падаючі дати

Козацька доба

Історична косинка v2 (solitaire-v2) — пасянс з козацькими подіями. 4 теми: гетьманська політика, військові кампанії, культурне життя, міжнародні відносини. Перетягуйте картки між колонками

Козацька вікторина (new-makako-1) — падаючі питання про козацьку добу. Набирайте числові відповіді (роки подій) на клавіатурі або цифровому блоці, щоб зловити питання до того, як вони впадуть. 3 життя, ціль — 50 правильних відповідей

Хронологія (timeline) — розставте козацькі події у правильному порядку: від заснування Січі до скасування Гетьманщини

Імперський період

Bobble Shooter (bobble-shooter) — стрільба кульками. 4 кольори = 4 категорії (культура, політика, економіка, військова справа). Ціль мишкою, клік для пострілу. 3+ однакові кульки вибухають

Оборона фортеці (tower-defense) — Three.js tower defense. Будуйте вежі для захисту фортеці від ворогів

Вікторина (falling) — падаючі питання: Шевченко, Франко, Леся Українка, заборони української мови

Українська революція

Українська революція (viraska) — Wordwall тести (потребує інтернету)

Хронологія (timeline) — розставте події від Центральної Ради до Ризького договору

Вікторина (falling) — падаючі питання про Українську революцію

Радянський період

Історичний пазл (puzzle-phenikis) — зберіть 3 пазли з портретами: Мазепа, Петлюра, Сагайдачний. Перетягуйте шматочки на правильні місця. Після кожного пазлу — освітній текст

Вікторина (falling) — падаючі питання: Голодомор, Друга світова, дисиденти

Незалежність

Характерне кафе (kafe-simulator) — симулятор кафе. Готуйте "страви" (історичні факти) для клієнтів. 5 позицій меню, 10 клієнтів. Стежте за терпінням клієнтів!

Вікторина (falling) — падаючі питання: незалежність, Конституція, Майдан

Хронологія (timeline) — розставте події від проголошення незалежності до безвізу з ЄС

Українська культура

Вежа культури (culture-tower) — будуйте вежу з культурних досягнень від Трипілля до сучасності. 15 рівнів із питаннями, правильна відповідь зміцнює блок

Культурна галерея (culture-gallery) — інтерактивна галерея мистецтва. Визначайте епоху та автора перетягуванням міток

Вікторина (falling) — питання про культурних діячів усіх епох

Хронологія (timeline) — розставте культурні досягнення у правильному порядку

Нові ігри в існуючих періодах

Археологічні розкопки (Період 1) — canvas-гра: розкопуйте шари землі, знаходьте артефакти, класифікуйте за культурою (Трипілля, Скіфи, Грецькі колонії, Кам'яний вік)

Будівник міста (Період 3) — отримайте магдебурзьке право та розбудуйте місто, відповідаючи на історичні питання

Дипломат (Період 3) — текстовий квест при дворі Вітовта. 8 дипломатичних рішень на основі реальних подій

Самвидав (Період 7) — стелс-гра: друкуйте та розповсюджуйте заборонену літературу, уникаючи КДБ

Радіо Свобода (Період 7) — квіз-шоу у форматі радіоефіру. Налаштуйте частоту та відповідайте на питання слухачів

Хронологічна гра (timeline-sort)

Новий тип гри — хронологічне сортування. Гравець отримує перемішані картки подій і повинен розставити їх у правильному хронологічному порядку.

Перетягуйте картки мишкою або пальцем (на мобільних)
Клікайте на дві картки, щоб поміняти їх місцями (альтернативний спосіб)
Перевірити — показує зелені (правильно) та червоні (неправильно) картки
Підказка — підсвічує одну правильно розміщену подію (штраф -5 балів)
Скинути — перемішує картки заново
Після правильного порядку — модальне вікно з деталями кожної події
Кілька раундів в одній грі, рахунок накопичується

Секція α: Різдвяний особливий

Секретний розділ, прихований за паролем. Запитайте в Асистента

Секція β: Гра у грі

Інлайн міні-пазл на головній сторінці. З імовірністю 50% з'являється 3×3 пазл з одного з трьох наборів (Мазепа, Петлюра, Сагайдачний). Перетягуйте або клікайте деталі на правильні позиції. Після складання — портрет з привітанням. Кнопка «Нова гра» для повторної спроби.

AR-ігри

Квебек, Торонто, Юкон — ігри з доповненою реальністю. Потрібен смартфон з камерою та маркер

Карта де Боплана

Гійом Левассер де Боплан (1595–1685) — французький інженер та картограф, що працював на службі Речі Посполитої у 1630–1648 рр. Його карта «Delineatio Generalis» — одна з найдетальніших ранніх карт українських земель, що зафіксувала географію козацької України.

Інтерактивні маркери

Литовська спадщина — перехід до гри ВКЛ (Період 3)

Козацька хронологія — хронологічне сортування козацьких подій (Період 4)

Міжнародні договори — стартова сторінка гри про міжнародні відносини

Контролі

Zoom: кнопки +/-, коліщатко миші, пінч на мобільному
Переміщення: перетягування мишкою/пальцем, кнопки-стрілки
Повноекранний режим: кнопка ⤢ у верхньому правому куті
Інформаційна панель: кнопка ⓘ у верхньому лівому куті — історичні факти про Боплана

Помічник-восьминіг

Переміщуйте стрілками клавіатури
Клікайте для цікавих фактів
Кнопка "Цікавий факт" — випадковий факт
Кнопка "Танець" — анімація танцю

Секрети: переміщуйте восьминога Тенберію до 3 кутків екрану для пасхалок (вони відобрязться тільки 1 раз, не пропустіть!)
Пароль: L0v3 H1sT0r

Доступність

На кожній сторінці є плаваюча кнопка-шестеренка (внизу ліворуч) з налаштуваннями:

Тема: темна або світла
Розмір тексту: звичайний, збільшений (A+), великий (A++)
Менше анімацій: вимикає рухливі ефекти
Висока контрастність: підвищує читабельність

Налаштування зберігаються між сесіями.

Аналітика

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

На головній сторінці в секції Моя аналітика показано загальну статистику
Натисніть Детальніше для повної таблиці всіх сесій
Кнопки Завантажити JSON / Завантажити CSV дозволяють зберегти дані на комп'ютер
Кнопка Надіслати викладачу відкриває поштовий клієнт із готовим листом
Кнопка Очистити дані видаляє всю історію (з підтвердженням)

Дані не містять жодної особистої інформації
Експорт та надсилання — виключно ваша добровільна дія

Поради

Працює в будь-якому сучасному браузері
Можна грати офлайн (файл file://)
На мобільних пристроях використовуйте горизонтальну орієнтацію для кращого відображення