Сценарії та інтерактивні елементи в завданнях [wiki.qeng.org]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
{{indexmenu_n>10}}
====== Сценарії та інтерактивні елементи в завданнях ======

===== Динамічна інформація про гравця/команду =====

Движок підтримує спеціальні плейсхолдери, які автоматично замінюються на актуальні значення:
  * **''!username!''** — логін поточного гравця.
  * **''!name!''** — ім'я поточного гравця.
  * **''!teamname!''** — назва команди.
  * **''!game_id!''** — ID поточної гри.
  * **''!task_id!''** — ID поточного завдання.
  * **''!task_n!''** — порядковий номер завдання в грі.
  * **''!bonus!''** — сумарна вартість всіх набраних бонусів (балів) команди.
  * **''!task_bonus!''** — сума бонусів, набраних командою на поточному завданні.

[[https://qeng.org/game.php?jump_to&gid=3493&task_id=42717|Приклад у грі]]

===== Відображення сумарного бонусу в штурмовій грі =====
Описано детально на [[ua:authors_main:task_editor:level_styling#відображення_сумарного_бонусу_в_штурмовій_грі|сторінці стилізації рівнів]].

===== Кнопки для автоматичного введення відповідей =====

Якщо гравцеві потрібно запропонувати натиснути на кнопку замість ручного введення коду, перемкніть редактор завдання в режим вихідного коду (**"Джерело"**) та вставте один із варіантів:
<code HTML>
<!-- Звичайне введення коду -->
<button type="button" class="btn btn-default btn-block shadow" onclick="enter('Код який треба ввести')">Ввести код</button>

<!-- Введення без відображення результату на екрані -->
<button type="button" class="btn btn-default btn-block shadow" onclick="enter_silent('Код який треба ввести')">Ввести код без відображення результату</button>

<!-- Введення з підтвердженням дії (діалогове вікно) -->
<button type="button" class="btn btn-default btn-block shadow confirm" onclick="enter('Код який треба ввести')">Ввести код з підтвердженням</button>

<!-- Введення з підтвердженням та приховуванням результату -->
<button type="button" class="btn btn-default btn-block shadow confirm" onclick="enter_silent('Код який треба ввести')">Ввести код з підтвердженням і без відображення результату</button>
</code>

[[https://qeng.org/game.php?jump_to&gid=3493&task_id=42718|Приклад у грі]]

===== Динамічне заміщення контенту (Replacer) =====

Ви можете замінювати шматки тексту або медіа на поточному рівні на вміст інших ігрових елементів (правильно введених кодів, підказок, що відкрилися, або бонусів) в міру проходження:
<code HTML>
<span class='replacer' data-find='чим замінювати'>Будь-який текст до заміни</span>
</code>
або
<code HTML>
<div class='replacer' data-find='чим замінювати'>Будь-який текст до заміни</div>
</code>

Параметр **''data-find''** вказує, що саме потрібно скопіювати на місце цього тега:
  * **''#b3 .bonus-hint''** — вміст (опис) 3-го бонусу.
  * **''#b3 .bonus-description''** — формулювання завдання 2-го (або 3-го) бонусу.
  * **''#c4 .right-answer''** — правильно введений гравцями 4-й код (показує саму введену відповідь).
  * **''#hb2''** — текст 2-ї підказки (або штрафної підказки).

<note important>
**Важливо:** Між номером елемента (наприклад, ''#c4'') та його класом (наприклад, ''.right-answer'') обов'язково має стояти **пробіл**.
* Невірно: ''#c4.right-answer''
* Вірно: ''#c4 .right-answer''
</note>

[[https://qeng.org/game.php?jump_to&gid=3493&task_id=52024|Пример у грі]] | [[https://qeng.org/game.php?jump_to&gid=3493&task_id=52022|Інший приклад у грі]]

===== Скрипти в завданнях та бонусах =====
Готові шаблони та приклади JavaScript-сценаріїв для рівнів можна подивитися на сторінці: [[ua:authors_main:task_editor:advanced:author_scripts:author_scripts_examples|Типові скрипти]].