Вход  •  Регистрация

Веб-интерфейс для игры "Countdown"

Сообщение » 07.01.2024, 20:19

Решил создать панель управления игрой "Countdown", которая будет работать в браузере. Возможно, выглядит немного сыро, однако делал для себя, так что пойдёт)
Сделал для проведения адаптации этой игры. Всё реализовано на HTML, некоторые функции сделаны через JavaScript, оформление через CSS

При открытии файла index.html появляется подобие главной страницы с возможностью выбора менюшек. Они отсортированы по категориям, для перехода к ним привязаны соответствующие кнопки. При нажатии на кнопку содержимое открывается в новой вкладке

Звуковые события - вообще не запаривался, просто создал описание через <p> и добавил файлы через <audio>
---
Правила игры - скопировал описание и таблицу о схеме игры с форума ГШ
---
Счётное табло - два <input> для ввода имён игроков или названий команд, внизу квадратики с отображением счёта и кнопки для управления
---
Раунд с буквами - подобие игрового табло с набором букв. При нажатии на кнопки в ячейках появляются буквы, затем запускается таймер, к которому привязана музыкальная тема. Таймер можно поставить на паузу (полезно для финального раунда). По окончании таймера отображается текст "Время!". Проверять наборы букв я решил через отдельный сайт (переход по кнопке). Сброс табло - обновление (соответствующая кнопка)
---
Раунд с числами - всё то же самое, что и в Раунде с буквами, но добавился верхний квадрат для цели раунда и кнопка для генерации цели
---
Головоломка - изначально скрытое табло с буквами может редактироваться (ищите в консоли <div id="square_hidden">). Готовить задание необходимо заранее, кнопки на странице вам в этом помогут. Просто разместите буквы в квадраты через консоль, при запуске таймера табло покажется с вашими изменениями. Как пример там перемешанное слово "сковорода", взятое с статьи в ГШ-Вики


Повторюсь - делал всё это для себя, потому дизайн может быть сыроват. Решил выложить для того, чтобы проводить эту игру стало проще, ведь запустить локальный файл в браузере - это лучше, чем искать всё вручную. Надеюсь, что вам понравится!

Скачать можно по ссылке - https://drive.google.com/drive/folders/ ... sp=sharing

Оффтопик :
UPD: обо всех обновлениях при необходимости буду сообщать здесь
Последний раз редактировалось KSam 07.01.2024, 20:28, всего редактировалось 2 раз(а).
Аватара пользователя
KSam
 
Репутация: +2/-1
Сообщения: 63

Сообщение » 09.01.2024, 20:00

По мере возникновения новых мыслей добавляю новые функции в веб-интерфейс, потому сообщаю о первым и новом обновлении

1. Добавлен счётчик "№ раунда" на Счётное табло (вдруг кому-нибудь понадобится, лично у меня возникла такая надобность)
2. В Правилах игры чемпион и претендент изменены на "Игрока № 1" и "Игрока № 2" (внизу, под таблицей, добавлено пояснение)
3. В Головоломке (Conundrum) при появлении загаданного слова также появляются две кнопки "Ответ игрока № 1" и "Ответ игрока № 2". При нажатии на кнопку таймер ставится на паузу, после нажатия кнопка становится неактивной (до перезагрузки страницы)
4. Маленькие изменения по коду в целом


Обновлённая версия доступна по ссылке - https://drive.google.com/drive/folders/ ... sp=sharing
Благодарю за внимание!
Аватара пользователя
KSam
 
Репутация: +2/-1
Сообщения: 63


Вернуться в Креатив