Как вставить иконку прямо в текст в Construct 3⁠⁠

Добрый день!

Меня зовут Руслан Богданов.
С 2016 года делаю игры в редакторе Construct 3.

1. На днях мне стрельнуло посмотреть, как устроена механика Визуальной новеллы в Браузере примеров в Construct 3.

И можно ли сделать такую новеллу в бесплатной версии редактора.

На тот момент там было всего 2 примера.

В обоих количество событий превышает бесплатный лимит в 25 штук. Но подозреваю, что можно исхитриться и сделать-таки свою новеллу в бесплатной версии.

Возможно когда-нибудь попробую провести такой эксперимент.

2. В первой новелле мне попалась интересная фича — вставка иконки прямо в текст.

Начал ковырять, как это сделано, но сначала ничего не понял.

Вот этот кадр из проекта игры. В меню активный пункт выделен иконкой «палец»:

Сначала подумал, что это просто отдельная иконка, но нет. Она не выделяется отдельно.

Исходник этой иконки лежит в макете с ассетами игры.

3. Если заглянуть внутрь иконки, то увидим, что у неё есть 2 кадра одинакового размера:

1) Кадр с «пальцем».

2) Пустой кадр.

Здесь нужно сразу обратить внимание на параметр Tag у каждого кадра (в панельке справа).

У стрелки это Arrow а у пустого кадра Empty.

Именно по этим тегам определяется, какой кадр иконки будет вставлен в строку.

4. Далее, нужно прицепить эту иконку к нужной текстовой строке. Это делается в настройках строки (в левой колонке).

Здесь в нижней части панельки есть параметр Icon set. Там и выбирается, какая иконка будет прицеплена.

5. И остаётся последнее — с помощью Тега указать в тексте строки, что за иконку мы хотим туда вставить.

По умолчанию для первого пункта у нас задана стрелка.

А для второго — пустая иконка того же размера (чтобы текст не съехал влево).

Вот такая загогулина.