Скрипт для интеграции тренировочного симулятора в GameCMS, позволяющий улучшить точность игровых навыков ваших пользователей.\

Внимание: Данный скрипт больше подойдет для шаблонов Solution

Исходная версия скрипта: https://dev-meta.ru/product/66
Модификация: Slove.
Версия: 0.2

Контроль версий:
0.1 - 20.05.2026
- Переработан интерфейс;
- Добавлена логика контроля звука;
- Добавлена логика сброса при выходе в главное меню;
- Вынесены стили в отдельный файл;
- Добавлено руководства пользователя.

0.2 - 30.05.2026
- Добавлена кнопка полноэкранного режима;
- Переработаны режимы, теперь их 3: 
*Легкий - Мишень стоит на месте. Подходит для новичков и разминки перед серьёзной тренировкой.
*Средний - Мишень движется по экрану и ускоряется с каждым уровнем. Нужна быстрая реакция.
*Сложный - Мишень движется и постоянно меняет размер — пульсирует от большого до маленького. На старших уровнях пульсация ускоряется.
- Переработано оформление руководства пользователя;
- Исправлена опечатка названия файла изображения в блоке с сайдбара.

Чтобы установить:
1. Загрузить папки templates и audio в корень сайта
2. Создать страницу в Редакторе страниц и вставить код из файла aim_trainer.html
3. В main.css добавить стили из файла main.css (именно добавить, не заменяйте содержимое)
4. Чтобы добавить блок в сайдбаре, переходим в редактор шиблонов (Путь: templates/SolutionPink/tpl/parts/sidebar.tpl) и добовляем следующий код

Код:
#####

<div class="block_t_u">
    <div class="aim__panel">
        <div class="tabs__panel__inner">
            <div class="flex_top_usr_i">
                <i class="bx bx-crosshair"></i>

                <div class="flex_top_usr">
                    <span class="name_top_usr">Тренировка точности</span>
                    <span class="desp_top_usr">Стань лучше</span>
                </div>
            </div>

            <div id="aim">
                <a href="/aimtraining"
                   class="aim-img"
                   style="background-image: url('../templates/SolutionPink/img/trainer.png');">

                    <div class="flex_aim">
                        <span class="text_viget">
                            Тренируй <br>
                            реакцию <br>
                            в браузере
                        </span>

                        <span class="description_aim">а потом</span>

                        <span class="text_viget">в ИГРЕ</span>
                    </div>

                </a>
            </div>

        </div>
    </div>
</div>

#####

В принципе на этом всё.

Так-же, смотрите файл PDF с инструкцией по установке по шагам.