https://github.com/mattewkl/hackaton-team-1-backup

https://github.com/mattewkl/hackaton-team-1-backup

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mattewkl/hackaton-team-1-backup
• Owner: mattewkl
• License: apache-2.0
• Created: 2023-11-12T10:20:11.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-12T14:10:01.000Z (about 1 year ago)
• Last Synced: 2024-04-05T22:35:09.663Z (7 months ago)
• Language: JavaScript
• Size: 2.51 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Hackaton team #1

### Members

- [Матвей](https://t.me/bgmdmt)

- [Алёна](https://t.me/alysaf)

- [Олег (слегка)](https://t.me/freedastro)

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

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

- HTML 

- CSS

- Canvas

- P5JS

- JavaScript

#### Концепция

Наша команда реализовала игру "Семейный лабиринт". Здесь старт и финиш не на привычных точках, а в центе. Так мы хотели показать, что в самом начале, кажется, что взять в семью ребенка - это легко (поэтому родитель и ребенок генерируются близко, почти в центре), но на самом деле это не такая простая задача - найти путь к сердцу ребенка и стать членом его семьи. Его появление в семье - радостное событие, поэтому в конце игры путь до ребенка становится цветочной тропой.  

#### Какие фичи реализованы

- генерация рандомных лабиринтов на каждую игру;

- инструкция к игре (как в нее играть);

- управление "родителем" с клавиатуры стрелочками;

- реализован алгоритм самой игры: "родитель" не может проходить сквозь стены лабиринта;

- возможность сбросить игру к начальному значению (без потери конфигурации лабиринта);

- возможность "завершить" раунд и увидеть визуализацию правильного пути (дальше - рестарт партии с новым лабиринтом);

- экран поздравления с окончанием игры;

#### Дополнительные фичи из списка расширений

- возможность выбрать уровень сложности лабиринта (например, с варьирующимся размером);

- красивый дизайн и анимации(ЧЕЛОВЕЧКИ ДВИГАЮТ НОЖКАМИ УБЕДИТЕСЬ САМИ);

- статистика после прохождения, отражающая время количесво шагов и за сколько шагов можно было пройти игру; 

### Описание процесса игры со скриншотами

#### Старт

Главный экран игры: ![ссылка](./markdown_imgs/img_1.jpg)

Выбор сложности: ![ссылка](./markdown_imgs/img_2.jpg)

Старт игры: ![ссылка](./markdown_imgs/img_3.jpg)

#### Процесс игры

Родитель и ребенок на старте: ![ссылка](./markdown_imgs/img_4.jpg)

Можно поменять сложность даже после начала игры, если вы вдруг поняли, что вам сейчас слишком сложно: ![ссылка](./markdown_imgs/img_5.jpg)

Можно перезапустить ту же самую игру в любой момент с тем же лабиринтом, если вы запутались: ![ссылка](./markdown_imgs/img_6.jpg)

... или просто начать игру заново с генерацией нового лабиринта: ![ссылка](./markdown_imgs/img_7.jpg)

перед перезапуском игры цветами выкладывается верный путь до ребенка: ![ссылка](./markdown_imgs/img_8.jpg)

#### Конец игры

В конце игры при успешном прохождении Выводится поздравление, немного информации про НКО и статистика по прохождению⭐️: ![ссылка](./markdown_imgs/img_9.jpg)

Тут также можно начать игру заново с новым сгенерированным лабиринтом. При нажатии на "нажать заново" вы снова попадаете на главный экран с возможностью выбора сложности и стартом игры: ![ссылка](./markdown_imgs/img_10.jpg)

### Инструкция, как развернуть проект локально

Инструкция к нашему счастью делается на раз-два

- раз - клонируете

- два - запускаете index.html

Не нужно устанавливать NPM, ничего подтягивать, ничего править в конфигах, просто клонируете и играете.

### ВАЖНО 

Работа шла в репозитории https://github.com/SafAlyona/hackathon-team1 но в связи с часовыми поясами деплой делался в этом репозитории, чтобы мы могли точно проверить и все сделать. Так что так все и осталось. 

### Ссылка на деплой (см.ниже)

https://mattewkl.github.io/hackaton-team-1-backup