Ігри

Ігри

У розділі "Ігри" можна зіграти в такі комп'ютерні браузерні ігри:

1. HexGL
2. Tetris
3. Hextris
4. 2048
5. Grid Garden
6. Сапер (Minesweeper)

Рис. 1 — Вигляд сторінки "Ігри"

1. HexGL

Рис. 2 — Гра "HexGL"*

Про що гра

Ти керуєш антигравітаційним болідом, який мчить футуристичними трасами на великій швидкості.

Мета: проїхати трасу якомога швидше, не врізаючись у стіни та не втрачаючи контроль.

▶ Як почати гру 1. Відкрийте гру HexGL у розділі Ігри.

1. Дочекайтесь завантаження сцени.

2. Оберіть трасу та болід (якщо доступно).

3. Натисніть Start / Play, щоб розпочати заїзд.

🎮 Керування (за замовчуванням)

⬆ Стрілка вгору — прискорення

⬇ Стрілка вниз — гальмування

⬅ / ➡ Стрілки вліво / вправо — повороти

Пробіл — додаткове гальмування / стабілізація на поворотах

За потреби керування можна змінити в налаштуваннях гри.

2. Tetris

Рис. 3 — Гра "Tetris"*

Тетріс — це класична логічна гра, що запускається прямо в браузері.

Гравець керує падаючими фігурами різної форми та має складати їх у суцільні горизонтальні лінії. Заповнені лінії зникають, звільняючи місце для нових фігур.

Мета гри — набирати якомога більше очок, не допускаючи заповнення ігрового поля до верху.

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

3. Hextris

Рис. 4 — Гра "Hextris"*

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

Про що гра

У центрі екрана розташований шестикутник. З різних боків до нього рухаються кольорові блоки. Ваше завдання — обертати шестикутник, щоб складати блоки одного кольору разом.

Коли шість або більше блоків одного кольору з’єднуються, вони зникають, звільняючи місце. З часом швидкість гри зростає.

Як грати в браузері

1. Відкрийте гру Hextris у розділі Ігри.

2. Натисніть Start, щоб розпочати гру.

3. Керуйте обертанням центрального шестикутника:

← / → — обертати вліво або вправо

або використовуйте мишу / сенсорний екран (якщо підтримується)

1. Групуйте блоки одного кольору, щоб вони зникали.

2. Гра завершується, коли блоки досягають центру і більше немає місця.

Мета гри
Набрати якомога більше очок, утримуючи поле чистим якнайдовше.

Корисні поради 1. Плануйте наперед — іноді краще почекати з обертанням.

1. Не концентруйтесь лише на одному кольорі.

2. Чим довше ви граєте, тим швидшою стає гра — зберігайте ритм.

4. 2048

Рис. 5 — Гра "2048"*

2048 — це логічна браузерна гра-головоломка з простими правилами й високим рівнем «затягування».

Мета гри — отримати плитку з числом 2048, поєднуючи однакові числа на полі.

Гра відбувається на квадратному полі 4×4. На старті з’являються дві плитки з числом 2 або 4. Кожен хід зсуває всі плитки в один бік, а однакові числа, що зіштовхуються, об’єднуються в одне з сумою їх значень (2+2=4, 4+4=8 тощо). Після кожного ходу на вільному місці з’являється нова плитка.

Як грати

1. Використовуй клавіші зі стрілками (↑ ↓ ← →) або свайпи на тачпаді.

2. За один хід усі плитки рухаються в обраному напрямку.

3. Якщо дві плитки з однаковим числом стикаються — вони зливаються в одну.

4. Кожна плитка може об’єднатися лише один раз за хід.

5. Гра завершується, коли поле заповнене і жоден хід більше неможливий.

Результат і стратегія:

Ціль — досягти плитки 2048, але гру можна продовжувати й після цього для вищого рахунку.

Ключ до успіху — планування ходів, утримання найбільшого числа в одному куті та мінімізація хаотичних рухів.

5. Grid Garden

Рис. 6 — Гра "Grid Garden"*

Grid Garden — це навчальна гра-браузерна головоломка, яка допомагає опанувати CSS-селектори через інтерактивне завдання з поливом грядки.

Мета гри — «виростити» всі рослини на полі, правильно застосовуючи CSS-синтаксис для вибору клітинок.

Гра відбувається на сітці (grid), де кожна клітинка — це ділянка ґрунту. На деяких клітинках ростуть морква, капуста чи буряк, а деякі клітинки потрібно пропустити.

Як грати в браузері:

1. Кожен рівень надає завдання з виділенням елементів через CSS-селектори.

2. У полі для коду потрібно написати CSS-вираз, який буде застосований до клітинок: наприклад, nth-child, class, id або інші селектори.

3. Після введення коду натискаєш «Water», і виділені клітинки «поливаються».

4. Завдання виконане, якщо всі потрібні клітинки политі, а ті, що не треба, залишилися сухими.

5. Рівні поступово ускладнюються: додаються нові селектори, комбінації та виклики логіки.

6. Сапер (Minesweeper)

Рис. 6 — Гра "Minesweeper"*

Minesweeper — класична логічна гра-головоломка для браузера, де мета — відкрити всі клітинки поля, не натрапивши на міни. Гра тренує уважність, логіку та стратегічне мислення.

Гра відбувається на сітці (зазвичай 8×8, 16×16 або більша). Деякі клітинки містять міни, інші — порожні або з числами.

Як грати:

1. Ліва кнопка миші — відкриває клітинку.

2. Права кнопка миші — ставить прапорець на підозрілу міну.

3. Якщо відкрита клітинка містить число — воно показує, скільки мін розташовано в сусідніх клітинках (по горизонталі, вертикалі та діагоналі).

4. Використовуй ці підказки, щоб логічно визначити, де можуть бути міни.

Гра закінчується:

Програш — відкрив клітинку з міною.

Перемога — всі безпечні клітинки відкриті.

Стратегія: 1. Починай з кутів або центрів для більшої інформації.

1. Використовуй логіку чисел і прапорців, щоб не відкривати міни.

2. Деякі ходи вимагають ризику, особливо на початку гри, коли інформації мало.