Уголки

Описание проекта

"Уголки" — это логическая головоломка, в которой игроку нужно собрать прямоугольник из разрозненных фигурок (уголков). Проект написан с использованием Vue.js и включает динамическое управление элементами на игровом поле. Графика разработана с помощью SVG, что позволяет удобно работать с элементами прямо в браузере.

Правила игры

Цель игры — собрать все блоки так, чтобы они образовали правильный прямоугольник, без пустых ячеек и выступов.

Управление:

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

Победа

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

Установка и запуск проекта

Проект доступен в серверной и CDN-версиях.

Запуск серверной версии

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

Предварительные требования

Для работы проекта требуется установленный Node.js и yarn.

Команды установки и запуска

1. Клонируйте репозиторий на ваш локальный компьютер:

   git clone https://github.com/lissizza/corners-polimino
2. Перейдите в папку проекта:

   cd corners-polimino
3. Установите все необходимые зависимости с помощью yarn:

   yarn install
4. Запустите проект в режиме разработки:

   yarn serve
5. Откройте браузер и перейдите по адресу http://localhost:8080 для игры.

Запуск CDN версии

Вы также можете запустить CDN-версию проекта, открыв файл corners-polimino.html в вашем браузере без необходимости установки зависимостей или запуска сервера.

Инструкции:

1. Скачайте или клонируйте репозиторий.
2. Перейдите в корневую папку проекта.
3. Откройте файл `corners-polimino.html` в вашем браузере двойным щелчком или через меню "Открыть файл".

Структура проекта

• src/App.vue — главный компонент приложения, в котором описана логика игрового поля и интерфейса.
• src/components/PuzzlePiece.vue — компонент, описывающий отдельный уголок.
• src/data/pieces.js — файл с начальными данными всех уголков, их формы и начальных позиций.
• public/images/congrats/ — папка с поздравительными GIF, которые показываются при победе.

Лицензия

Этот проект доступен под лицензией MIT. Вы можете свободно использовать, изменять и распространять его.

DISCLAIMER

Проект реализован с помощью ChatGPT в исследовательских целях.