Здравствуйте!
Я люблю играть в ролевую игру Мафия, а недавно с волной популярности у игры Among Us, узнал о ней и нашёл в ней идеальное времяпрепровождение.
Проведя в игре несколько десятков часов мне в голову пришла идея сделать для игры вспомогательный элемент. Так как я веб разработчик я решил создать карту в виде сайта. Если точнее карту на которой можно расставлять метки после каждого раунда и в случае необходимости вернуться к результатам предыдущих раундов, идея была простой, но с течением работы над ней в голову приходило всё больше идей по улучшению карты. Таким образом родились такие функции как:
- выбор цвета союзников;
- отметить подозреваемого (со значением которое показывает сколько раз вы подозревали игрока);
- отметить игрока изгнанным;
- отметить игрока убитым (в этом случае иконка обычного персонажа меняется на труп аналогичный игре);
Так же добавил возможность масштабировать карту, ведь какая же это карта без таких базовых функций.
После нескольких тестов, игры с картой, выявил один большой недостаток. После каждого начала новой игры нужно было обновлять страницу сайта, тем самым стирая все метки и следы предыдущей игры, но тогда и стирался выбор цвета для союзников и каждую игру приходилось всё выставлять по новой. Решение было простым, нужно было добавить кнопку которая стирала бы прогресс прошлой игры при этом оставляя выбор цветов. Сделано!
Мне этого всего не хватало. Я подумал, раз карта интерактивная значит на ней должны быть интерактивные элементы, а значит было бы логично добавить вентиляционные люки по которым перемещаются предатели, и так нажимая на один люк открываются все связанные с ним. Сделано!
В итоге у меня получилась хорошая функциональная карта, но в ней всё же чего то не хватало... Точно! Нужно воспроизвести точную сцену из игры конкретной карты, а именно добавить кораблю возможность лететь по космосу и анимировать его двигатели. Сделано!
И вот этот день когда я могу предоставить карту для всех желающих, всего за неделю у меня получилось сделать хорошую, позволю себе думать, интерактивную карту.
Так же чуть ниже я написал небольшое руководство как пользоваться картой.
Благодарю за внимание!
Ссылка на саму карту: http://among-us-map.web-developer-oleg.com
Руководство:
1. Начало игры
- Прежде всего вам нужно выбрать цвета игроков вашей команды, для этого перейдите в меню, раздел "настройки" и просто кликните на иконки цветов которые есть в вашей команде, для отмены выбора просто кликните по ним снова. Для закрытия меню снова кликните по соответствующей кнопке.
2. Ваше первое голосование.
- Для размещения метки на карте вам нужно кликнуть на кнопку "Персонажи", у вас откроется панелька слева где будут находиться выбранные вами ранее персонажи. Кликните на одного из персонажей, откроется подменю и первой кнопкой будет метка. Кликните на неё а потом на карту. Для отмены метки кликните на кнопку снова.
3. Убийство
- Если за этот раунд кто-то умер, просто кликните на 4-ю кнопку, иконка персонажа сразу измениться. Для отмены кликните снова.
3. Подозреваемые.
- Для отметки подозреваемых кликните на 2-ю кнопку, иконка персонажа изменит свой цвет на красноватый, а метка на карте получит соответствующего цвета свечение. Так же у этой кнопки есть счётчик того сколько раз вы выбрали подозреваемым этого персонажа.
4. Изгнание.
- Если у вас в команде изгнали одного из игроков, нажмите на 3-ю кнопку. Иконка персонажа станет серой. Для отмены кликните снова.
5. У вас начался следующий раунд.
- Вам нужно переключить раунд, для этого просто нажмите на кнопку "Раунды" у вас откроется окошко справа где вам нужно нажать на кнопку соответствующего раунда. Таким образом если вас интересуют данные прошлых раундов вы сможете быстро переключаться по ним и получать нужную вам информацию.
7. Конец игры.
- После окончания игры просто нажмите на кнопку "Обновить" и на карте сотрутся все метки, кроме выбранных вами персонажей. В случае замены персонажей не забудьте поменять цвета в настройках.
Поздравляю вы прошли обучение! (За исключением тех кто просто промотал до этого места)
Благодарю за интерес к сделанной мною карте!