Требуется разработать веб-страницу с простой игрой на угадывание чисел. Игра включает таймер обратного отсчета, воспроизведение видео и управление участниками. Необходимо реализовать функционал, включая автоматическую генерацию статусов игроков, обработку ввода и отображение результатов. Использовать рекомендуется JavaScript, Node.js или React.js.
Веб сторінку з грою
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Нужно создать простую игру на вылет с загадыванием/угадыванием цифр.
Подготовительный этап игры
Перед пользователем появляется окно с надписью "Игра начнётся в 00:00 (тут должно быть время которое можно
менять в коде, для примера можем поставить 21:00). Часовой пояс берём GMT+3 (Киев). Под этим
окном должен отображаться таймер с обратным отсчётом 00:00:00
(часы:минуты:секунды). Под таймером нужно сделать окно для воспроизведения
видео из папки Video в корневой папке на хостинге. Под окном для
воспроизведения видео, делаем неактивную кнопку серого цвета "Принять
участие" за 5 минут до установленого времени начала игры кнопка должна стать зелёной и при её нажатии игрок даёт согласие на участие в игре.
За 5 секунд до установленого времени начала игры/раунда игры, игроку присваивается значение
номера пары (условие: суммарное количество игроков в парах, которые могут принять участие в игре должно соответствовать значениям геометрической прогресии с коэффициентом 2, где первый элемент 2 (2,4,8,16,32 и т.д), Например если у нас 19 игроков решило принять участие в игре, только 16 из них будут иметь возможность сыграть, а игроки с 17 по 19 не смогут принять участие в игре м получат сообщение типа «Вы не сможете принять участие
в игре, попробуйте в следующий раз».
Первый раунд/этап игры (длительность 1 минута)
Начинает проигрывается минутное видео в окне воспроизведения видео
Далее под кнопкой "Принять участие" в левом нижнем углу делаем три поля :
- в первом поле отображается Login пользователя из таблицы;
- во втором отображается следующий текст: "ваш статус в даном раунде (и далее либо Загадывающий либо Разгадывающий)", в зависимости от
того какое значение пользователя, которое присвается рандомно;
- в третьем поле пишем текст "Ваш выбор" и добавляем поле ввода, в котором пользователь может
указать число 0 или 1, при попытке ввода других значений выдаем сообщение с
ошибкой (если игрок Загадывающий у него включается 30 секундный таймер с
обратным отсчётом, начинает работать с первой секунды раунда, в течении этого времени игрок должен вписать
в поле ввода 0 или 1; если игрок Разгадывающий у него включается 30 секндный таймер с обратным отсчётом
начинает работать после 30 секунды раунда, в течении этого времени игрок должен
вписать в поле ввода 0 или 1).
Делаем три поля в правом углу экрана, в которой указываем информацию о другом учаснике пары
игрока (противнике):
-в первом поле отображается Login пользователя;
-зеркальный статус противника в даном раунде "Загадывающий" либо "Разгадывающий";
-"Выбор противника" отображается (0 или 1) после 60 секунды раунда.
Второй этап игры
Если Разгадывающий ввёл в поле ввода такое же число, как и Загадывающий - он выиграл и получает сообщение на экране "Вы выиграли и переходите в следующий раунд", его
значение Загадывающий получает сообщение на экране "Вы проиграли";
Если Разгадывающий ввёл в поле ввода отличное число от введёного Загадывающим - он проиграл и получает сообщение на экране "Вы проиграли;
Загадывающий получает сообщение на экране;
Первый раунд игры закончен, в следующий раунд переходят игроки у которые выиграли в первом раунде и цикл повторяется заново.
Игра повторяется до тех пор пока не останется один игрок с значением, перед ним всплывает сообщение "Вы выиграли
игру и получаете приз ". Этот Игрок записывается в таблицу Winners базы данных.
Дополнительные параметры игры:
- в начале второго раунда игроку уже не нужно нажимать кнопку "Принять участие", он должен сразу
видеть информацию о своем статусе в новом раунде в полях левого нижнегно угла монитора и информацию о противнике в правом нижнем углу экрана.
- один раунд игры длится 1 минуту, во время игры в поле для видео транслируется медиафайл из папки Video
(для первого раунда название медиафайла - Video1, для второго - название
медиафайла - Video2 и т.д.);
- на протяжении раунда каждому игроку даётся по 30 сек чтобы сделать свой выбор 1 или 0 в поле "Ваш
выбор", там тоже нужно сделать таймер с обратным отсчётом . Если кто-либо из игрок ничего не введёт на протяжении отаедённого времени - 30 секунд, выбор (0 или 1) присваивается для него рандомно, но после этого в поле с его логином появляется приписка "_Bot");
- между раундами перерыв 5 секунд, в течении которых игроки видят результат раунда игры: сообщение на экране "Вы выиграли и переходите в следующий раунд" или "Вы проиграли".
В правом верхнем углу экрана также нужно создать личный кабинет пользователя, где он может добавить дополнительную информацию о себе (напр. данные банковской карты для получения приза), которая не обязательна при регистрации (для регистрации достаточно только номер телефона, логин, пароль, для входа: номер телефона, пароль)
P.S.: Для разработки предпочтительней использовать JS, Jquery, Node JS или React JS (также можете предлагать свои варианты). Требования к дизайну минимальны, так как дизайн/стили будет добавлен в рамках отдельного задания, сейчас в первую очередь нужно реализовать функционал для тестирования.
Заявки фрилансеров
Похожие заказы
- Сайты «под ключ»2 заявкиЗакрыт2 года назад
Необхідно створити клон веб-сторінки з можливістю редагування тексту, фотографій та файлів. Важливо реалізувати функцію, яка дозволяє повернутися на офіційний сайт при натисканні на кнопку 'повернутись на сайт'.
Сайты «под ключ»11 заявокЗакрыт2 года назадТребуется разработка сайта на подобие yakov.partners. Проект включает создание 4 страниц с изменением контента. Ожидается качественный дизайн и функциональность.
Сайты «под ключ»22 заявкиЗакрыт2 года назадТребуется разработка лендинга на платформе Тильда или подобной, основываясь на готовом прототипе. Необходим опыт создания сайтов для элитного сегмента услуг с высокой ценовой категорией. Ожидается быстрое и качественное выполнение задачи.
Сайты «под ключ»23 заявкиЗакрыт2 года назадТребуется разработать техническое задание и реализовать сайт рекламного агентства, специализирующегося на интернет-продвижении. Необходимы валидные HTML, CSS и JS без движков. Идеален тандем дизайнера и верстальщика для создания цепляющего дизайна, способного привлечь клиентов.
Сайты «под ключ»17 заявокЗакрыт2 года назадТребуется разработка сайта для игр Русское лото и Домино с учетом мобильной оптимизации. Необходимо реализовать функционал ставок, логирование, а также поддержку нескольких языков. Игры должны включать автоматизацию и возможность покупки карт. Предусмотреть реализацию ботов для статистики и игры.
Сайты «под ключ»12 заявокЗакрыт2 года назадНеобходимо разработать сайт «под ключ» для помощи бездомным животным. Проект включает функции идентификации животных, такие как имя, информация и контакты. Ожидается создание интуитивно понятного интерфейса для пользователей и возможность легко добавлять данные о животных.
Сайты «под ключ»10 заявокЗакрыт2 года назад- $50
Требуется разработать сайт для сбора донатов с использованием готового дизайна из Figma. Предоставлены прототип и незавершенные файлы от верстальщика. Необходима полная реализация проекта для десктопа и мобильных устройств.
Сайты «под ключ»3 заявкиЗакрыт2 года назад