Нужно сделать семестральное задание по предмету "Вебовые технологии" в университете.
Нужно сделать веб-приложение (в виде игры) на JavaScript либо с помощью любых фреймворков JS. Задача состоит в том, чтобы напрограммирвоать веб-приложение (игру) в виде PWA, в которой будет использоваться технология перетаскивания (drag and drop). В игру можно будет играть на компьютере и на мобильном устройстве в браузере. При использовании мобильного телефона используются некоторые из встроенных датчиков (например, акселерометр, гироскоп, отслеживание ориентации). На компьютере эти сенсоры использоваться не будут. Пользователь должен играть на телефоне, и должна отображаться нормальная мобильная версия.
Также созданная страница будет отвечать следующим требованиям:
(1) Вся страница будет адаптивной, включая используемую графику. В игру можно будет играть и на мобильном телефоне или планшете.
(2) Проходить игру можно будет несколько раз подряд, так как задача, которую нужно решить, будет меняться. Ожидается определение не менее 5 разных заданий (задач) и также не менее двух разных сложностей (поэтому игра должна содержать не менее 10 заданий). Если хотите, определите больше задач для большего количества типов сложности.
(3) Определение проблем (задач ) и их решения будут записаны в виде xml или json файлом.Из файла будет понятно, какая сложность сейчас. Это означает, что добавление еще одного задания в этот файл будет означать, что в игру можно будет играть, не повторяя задания несколько раз подряд. Задачи, которые записаны в файлы xml или json, теперь будут отображаться пользователю случайным образом, то есть точно в том порядке, в котором они были введены. Они должны быть как минимум присвоены правильной степени сложности.
(4) Если предположить, что в распоряжении пользователя есть 5 заданий с определенной сложностью и, например, на третьем задании он решает прервать игру, он выключит компьютер и вернется через определенное время к игре, включит снова компьютер и зайдет на сайт, так 2 прежних задания игры, которые он уже играл ему не отобраяться , пока он не сыграет хотя бы 2 задания данной сложности. Затем задания могут быть повторены.
(5) Каждое задание будет выполнимым, это позволит отображать подсказки и решения
(6) На веб-сайте должно быть описание игры и инструкции по решению данного задания. Не забывайте, что в игре могут быть некоторые инструкции, действительные только для мобильных устройств. Эта часть страницы также должна быть оптимизирована для печати с мобильного устройства (при печати не печатать игровую зону, сбросить меню...)
(7) Не забудьте добавить детали в игру. В игре также должен быть фавикон (значок вебсайта).
