- [RU] Необходимо реализовать игру 5 в ряд (Гомоку) на бесконечном поле для 2х игроков.
Игра ведется на одном устройстве.
Описание: Два игрока, по очереди, вводят свои имена. Интерфейс предоставляет для них открытое (бесконечном поле, которое по ходу игры может расширятся) клеточное поле. Каждый игрок последовательно, друг за другом осуществляет ход (устанавливает в любой, не занятой клетке крестик или нолик). Игра ведется до тех пор, пока какой-либо из игроков не выстроит подряд 5 крестиков или ноликов (допускаются горизонтальные, вертикальные и диагональные линии).
Итогом игры должно быть сообщение о победе того или иного игрока. Должна иметься возможность начать игру заново (счет сбрасывается).
Требования к выполнению задачи: Задача должна быть решена с использованием следующих технологий: HTML, CSS, Javascript (можно использовать все последние фичи JS, главное обеспечить их кроссбраузерность).
Разрешается использование фреймворков Angular, Vue, React, Bootstrap, Materialize и пр. Код программы с необходимыми комментариями. Обеспечить выполнение программы на IE10, Chrome, Firefox. Вывод графики должен быть реализован средствами CSS и JavaScript, минимальное использование растровых картинок. Интерфейс должен быть приятен. Результаты опубликовать на Гитхабе. Написать readme по необходимому ПО и как запустить приложение. Уточнение - 100x100, 1000x1000 и т. д. — не бесконечные поля.
- [ENG] The task is creating the game 5 in a row (Gomoku) on an infinite field for 2 players.
The game is played on one device.
Description: Two players, in turn, enter their names. The interface provides them an open infinite field, which can expand as the game progresses. Each player consistently, one by one, makes a move (sets a cross or zero in any non-occupied cell). The game is played until any of the players will build 5 crosses or zeros in a row (horizontal, vertical and diagonal lines are allowed).
At the end of the game should be a message about the victory of a player. It must be possible to restart the game (the score is reset).
Task requirements: The task should be solved using the following technologies: HTML, CSS, Javascript (you can use all the latest JS features, the main thing is to ensure their cross-browser compatibility).
Allowed to use frameworks Angular, Vue, React, Bootstrap, Materialize, etc. Program code must be with the necessary comments. Program must work on IE10, Chrome, Firefox. Graphics output should be implemented using CSS and JavaScript, minimal use of raster images. The interface should be nice. Writing a “readme” for the required software and how to run the application. Additional notes - 100x100, 1000x1000, etc. - not infinite fields.
- [UA] Необхідно реалізувати гру 5 в ряд (Гомоку) на нескінченному полі для 2х гравців.
Гра ведеться на одному пристрої.
Опис: Два гравці, по черзі, вводять свої імена. Інтерфейс надає для них відкрите (нескінченне поле, яке по ходу гри може розширюватися) клітинне поле. Кожен гравець послідовно, один за одним здійснює хід (встановлює в будь-який, не зайнятою клітці хрестик або нулик). Гра ведеться до тих пір, поки будь хто з гравців не збудує поспіль 5 хрестиків або нуликів (допускаються горизонтальні, вертикальні і діагональні лінії).
Підсумком гри повинно бути повідомлення про перемогу того чи іншого гравця. Повинна бути можливість почати гру заново (рахунок скидається).
Вимоги до виконання завдання: Завдання має бути вирішена з використанням наступних технологій: HTML, CSS, Javascript (можна використовувати всі останні новинки JS, головне забезпечити їх кроссбраузерність).
Дозволяється використання фреймворків Angular, Vue, React, Bootstrap, Materialize тощо. Код програми з необхідними коментарями. Забезпечити виконання програми на IE10, Chrome, Firefox. Висновок графіки повинен бути реалізований засобами CSS і JavaScript, мінімальне використання растрових картинок. Інтерфейс повинен бути приємний. Результати опублікувати на Github. Написати readme по необхідному ПО і питання запуску програми. Уточнення - 100x100, 1000x1000 і т. Д. - не нескінченні поля.
This project was generated with React
Run npm install to installation App
Run npm start for a dev server. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.
Run npm run build to build the project. The build artifacts will be stored in the build/ directory.