Данная мини-игра была сделана специально для конкурса от ragemp.pro
-
Убедитесь, что у вас установлен Node.js и npm (Node Package Manager).
-
В корневой папке проекта выполните команду для установки зависимостей:
npm install
Приложение HotWire представляет собой интерактивную игру на React, где пользователь соединяет провода между контактами разных цветов. Игра включает в себя следующие особенности:
-
Взаимодействие с проводами: пользователь может соединять провода между контактами левой и правой стороны игрового поля.
-
Выбор цветов: каждый контакт представляет цвета, и пользователь должен соединить провода таким образом, чтобы цвета совпадали.
-
Игровое поле: представляет собой область, в которой пользователь производит соединение проводов.
-
Визуализация: провода визуализируются на игровом поле в виде кривых линий разных цветов.
-
События: приложение реагирует на события, такие как завершение игры и нажатие клавиши Esc.
- Запуск:
Запустите приложение с помощью следующей команды:
npm start
После выполнения этой команды приложение будет доступно по адресу http://localhost:3000 в вашем веб-браузере.
- Игровой процесс:
-
Используйте левую кнопку мыши (ЛКМ), чтобы соединять провода между контактами разных цветов.
-
Используйте правую кнопку мыши (ПКМ), чтобы отменить выборр текущего провода.
-
Нажмите клавишу Esc для выхода из игры.
- Завершение игры:
При успешном соединении всех контактов цвета, игра завершится. Если вы хотите начать заново, нажмите на кнопку "Начать заново" после завершения игры.
В данной работе был использован rage-rpc
'router:setComponent', 'hotWire'
Вы так же можете проверить работоспособность ивента вызвав его в консоли браузера
callHandler('router:setComponent', 'hotWire') ||
callHandler('router:setComponent', null)
(hotWire:exit)
(hotWire:gameFinished)
Этот проект лицензирован в соответствии с лицензией MIT - подробности см. в файле LICENSE.
- Nikа Kondr (discord: nkondr)
Дизайн взят с ресурса ragemp.pro