Debug Mode

Во время разработки шаблона удобно видеть контуры фигур. Особенно актуально для невидимых фигур, таких как Grid, Row и Column. Для включения этого режима есть два способа.

В шаблоне в разделе variables добавьте поле "debug": {"enabled": true}.
В меню View/Debug Shapes.

В этом режиме каждая фигура будет отрисовывать свой bounding box цветной рамкой.

Примечание

Bounding Box фигуры label может быть весьма странной. Это связанно с особенностью рендера текста. Не волнуйтесь, с ней всё ОК.

В параметрах поля debug доступны следующие опции:

enabled: Разрешает или запрещает debug mode
color: Цвет рамки
width: Толщина рамки
offset: Смещение рамки вовнутрь фигуры
parent_border_color: Цвет рамки родительского объекта
parent_border_width: Толщина рамки родительского объекта. Толщина 0 просто её отключает.
parent_offset: Смещение рамки родительского объекта.
rotation_pivot: Отображение центра поворота.
rotation_pivot_color: Цвет центра поворота
rotation_pivot_size: Размер центра поворота
canvas_bound: Отображение рамки исходного канваса текущей фигуры
canvas_bound_color: Цвет канваса текущей фигуры
canvas_bound_width: Тощина рамки канваса текущей фигуры

TimeLine

Для дебага изменяемых значений в шаблоне или настройки анимации ожно использовать простой встроенный таймлайн. Для отображения таймлайна во вьювере укажите перменных указать поле _timeline с настройками таймлайна. В шаблоне его значение будет доступно через переменную $timeline_value.

{
  "templates": [
    {
      "name": "timeline_example",
      "defaults": {
      },
      "variables": {
        "_timeline": {"start": 0, "end": 200}
      },
      "shapes": [
      {
        "type": "label", "text": "Timeline Value: $timeline_value",
        "font_size": "6u", "align_h": "center", "y": "20u",
        "backdrop": "black"
      }
  ]
}

Значение $timeline_value можно использовать в экспрешенах фигур, переменных и в дефолтных переменных.

Примечание

Пример смотрите в шаблоне examples/timeline.json