Загрузка данных


Создай законченную браузерную игру на чистом HTML, CSS и JavaScript.

МОЯ ИГРА

Название: Star Haaland 67
Уникальный ID игры: Space-67-haaland-space-676767
Адрес страницы: Адрес страницы: Brawl-blox-67-Mbappe-ctrl-x-c-v-s-Messi-Haaland-semen
Жанр: Головоломка
Описание игры: Вы попадате в лабиринт который нужно пройти
Цель игрока: Пройти лабиринт и выйти наружу
Начисление очков: Пройти лабиринт быстрее выделенного времени, собрать 3  секретные монетки в уровне, найти пасахалку
Условие победы: Пройти лабиринты за выделенное время
Условие поражения: Не пройти лабиринты за выделенное время
Управление на компьютере: управление на компьютере с помощью wsad, ← ↑ ↓ →
Управление на телефоне: Управление на телефоне пппооп

СОБСТВЕННЫЕ ДОСТИЖЕНИЯ

1. ID: proiti-labi-faster-than-my-time,  | Название: Пройти лабиринт быстрее выделенного времени  | Описание: Пройдите лабиринт быстрее заданного времени чтобы получить очки| Условие: Пройди уровень быстрее выделенного времени
2. ID: collect-3-secret-c-in-level | Название: собрать 3  секретные монетки в уровне | Описание: Пройдите лабиринт с 3 секретными монетками чтобы получить очки | Условие: Пройдите лабиринт с 3 секретными монетками чтобы получить достижение
3. ID: find-my-secret | Название: Найти все пасхалки  | Описание: Найдите все пасхалки спрятанные в лабиринте чтобы получить очки| Условие: Соберите и пройдите уровень с найденными 3 секретными монетками

ОБЯЗАТЕЛЬНЫЕ ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ

1. Игра будет вставлена в блок T123 «HTML-код» на странице Tilda.
2. Выведи один готовый фрагмент кода: HTML, CSS внутри style и JavaScript внутри script.
3. Не добавляй html, head и body.
4. Не используй внешние библиотеки, CDN, внешние шрифты, внешние скрипты, API и сетевые запросы.
5. Игра должна работать после вставки в Tilda и публикации страницы.
6. Создай уникальный корневой контейнер game- Space-67-haaland-space-676767.
7. Все CSS-стили начинай с селектора корневого контейнера.
8. Не создавай глобальные стили для body, html, *, button, canvas, div, p, h1 и других общих элементов.
9. Не изменяй элементы или стили Tilda.
10. Изолируй JavaScript внутри IIFE.
11. Не используй document.write, alert, prompt и confirm.
12. Не используй position: fixed для основного интерфейса.
13. Максимальная ширина игры — 900 px; на маленьком экране — 100%.
14. Не допускай горизонтальной прокрутки страницы.
15. Игра должна работать на компьютере и телефоне.
16. Для клавиатурной игры добавь экранные кнопки не меньше 50×50 px.
17. Не отключай прокрутку всей страницы Tilda.
18. Добавь стартовый экран с названием, правилами и кнопкой «Начать игру».
19. Добавь отображение текущего результата.
20. Добавь экран победы или поражения.
21. Добавь кнопку «Играть снова».
22. Добавь ссылку «Вернуться к играм» с адресом /games.
23. При перезапуске очищай таймеры, обработчики, игровые объекты, счёт и жизни.
24. Не допускай нескольких игровых циклов одновременно.
25. Не работай с localStorage напрямую.
26. Для прогресса используй только window.DAProgress.
27. При загрузке вызови DAProgress.registerGame с id, title, pageUrl и массивом собственных достижений.
28. При начале каждой попытки вызови DAProgress.startGame("Space-67-haaland-space-676767").
29. При завершении попытки вызови только один раз DAProgress.finishGame("Space-67-haaland-space-676767", { score: ИТОГОВЫЕ_ОЧКИ, won: true ИЛИ false }).
30. Для собственных достижений вызывай DAProgress.unlockAchievement("Space-67-haaland-space-676767", "proiti-labi-faster-than-my-time, ").
31. Лучший результат получай через DAProgress.getGameProgress("Space-67-haaland-space-676767").
32. Не программируй first-play, five-plays, first-win и new-record — их открывает DAProgress.
33. Добавь краткие комментарии на русском языке.
34. В ответе выведи только окончательный код для T123, без объяснений до и после.