Стилізація рівнів

Використовуючи 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-скриптів та складніші маніпуляції описані на сторінці Сценарії та інтерактивні елементи.