Сцены — это функционал, который позволяет создавать множество независимых макетов в рамках одного проекта и осуществлять переход между ними при помощи кнопок. С помощью сцен можно создавать сложные интерактивные сценарии, на подобии многостраничных сайтов или мобильных приложений.

<video fetchpriority="high" style="width: 100%; height: auto; display: block;" autoplay="" loop="" muted="" playsinline="" data-src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-01.mp4" src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-01.mp4"></video>

<video fetchpriority="high" style="width: 100%; height: auto; display: block;" autoplay="" loop="" muted="" playsinline="" data-src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-01.mp4" src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-01.mp4"></video>

Управление сценами

kb-screen-layout-scene-02.avif

  1. Копирование сцены. Чтобы скопировать текущую сцену выберите пункт Duplicate в выпадающем меню списка сцен (настройки макета > боковое меню).

  2. Создание новой сцены. За создание новой сцены отвечает иконка Create new scene в панели инструментов под рабочей областью.

  3. Список всех сцен. Посмотреть список всех сцен можно в боковой панели настроек макета или по нажатию кнопки Scene под рабочей областью.

    <aside> 💡 Переключаться между сценами можно так же с помощью сочетаний горячих клавиш ⌥ (Alt) ← и ⌥ (Alt) →

    </aside>

  4. Удаление сцены. Удаление сцены осуществляется с помощью Delete в выпадающем меню в списке сцен.

  5. Переименование сцен. Переименовывать сцены можно, выбрав пункт Rename в выпадающем меню списка сцен в правой боковой панели настроек.

  6. Очерёдность сцен. Чтобы поменять очерёдность воспроизведения сцен, просто потяните за ручку слева от названия нужной сцены в списке сцен.

Открытие сцены по кнопке

<video fetchpriority="high" style="width: 100%; height: auto; display: block;" autoplay="" loop="" muted="" playsinline="" data-src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-03.mp4" src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-03.mp4"></video>

<video fetchpriority="high" style="width: 100%; height: auto; display: block;" autoplay="" loop="" muted="" playsinline="" data-src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-03.mp4" src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-03.mp4"></video>

Чтобы открыть сцену по нажатию на кнопку, нажмите вкладку Scenes в дополнительном боковом меню выбора целевого контента и выберите сцену, которая должна открыться по нажатию на эту кнопку.

Копирование объектов между сценами

<video fetchpriority="high" style="width: 100%; height: auto; display: block;" autoplay="" loop="" muted="" playsinline="" data-src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-04.mp4" src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-04.mp4"></video>

<video fetchpriority="high" style="width: 100%; height: auto; display: block;" autoplay="" loop="" muted="" playsinline="" data-src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-04.mp4" src="https://storage.lookit.hk/landing/media/kb-screen-layout-scenes-04.mp4"></video>

Вы можете копировать отдельные виджеты или слои со всем содержимым и вставлять их в текущую или другую сцену. Чтобы скопировать виджет или слой, выделите нужный объект и выберите Copy (горячие клавиши ⌘ (Ctrl) C ) в выпадающем меню списка слоев. Чтобы вставить объект воспользуйтесь сочетанием горячих клавиш ⌘ (Ctrl) V или выберите в выпадающем меню слоя кнопку Paste.

Авторотация сцен

kb-screen-layout-scene-05.avif

Можно настроить авторотацию сцен, чтобы они автоматически сменяли друг друга по истечении определённого периода времени.

  1. Активаируйте переключатель Autoplay под списком сцен в настройках макета