Table of Contents

Стилизация уровней

Используя CSS и JavaScript, вы можете изменять интерфейс конкретных заданий или всей игры в целом.

Отображение суммарного бонуса в штурмовой игре

Если движок игры — штурмовой, вы можете отображать общее количество накопленных командой бонусов (баллов) прямо в верхней панели экрана.

Пример отображения баллов

Для реализации:

  1. В поле “Общий HTML заголовок игры” (в настройках игры) добавьте скрипт инициализации панели:
<script>
$(document).ready(function () {
  $(".btn-toolbar").append( "<div class='m-auto'><span style='font-size:1.5em'> &#128181; :&nbsp;<span class='total_bonus'></span><span></div>" );
  show_money();
});
</script>
  1. В скрипт каждого конкретного задания (в поле скрипта уровня), где должны отображаться баллы, добавьте вызов:
show_money();

Отображение уровней в штурмовой игре в строчку

Чтобы доступные уровни в штурмовой игре отображались не в выпадающем списке (drop-down), а в горизонтальный ряд кнопок, вставьте в “Общий HTML заголовок игры”: 

<script>
$(document).ready(function(){
  restyleStormLevels({"type":0});
});
</script>

Скрытие пройденных уровней в штурмовой игре

Чтобы пройденные уровни полностью пропадали из списка доступных, добавьте в “Общий HTML заголовок игры” стили скрытия блоков: 

<style type="text/css">
#complete_levels_out {
  display: none;
}
.bonus-tasks {
  display: none;
}
</style>

Дополнительная информация

Примеры интерактивных JS-скриптов и более сложные манипуляции описаны на странице Сценарии и интерактивные элементы.