API

Скрипты для расширенного контроля над анимацией.

Если вам необходимо контролировать анимации на различные события, то API создан для этой цели.

Подключение

<script src="https://playmeup.com.ua/application/client-1.0.js"></script>

Вставьте скрипт перед тегом </body>

Подключите анимацию

<iframe src="..." id="ваш id"></iframe>

Подключите анимацию в нужном вам месте и задайте окну id="ваш id"

Инициализация

var App = new Client({window: 'ваш id'});

События

Загрузка анимации

App.Window.addEventListener('onload', function(e){
    ...
})

Видна ли анимация в окне браузера

App.Visible.addEventListener('change', function(e){
    //e.visible - true/false
    ...
})

Плеер

Анимацией можно управлять вручную, воспроизведение, пауза, перемотка и т.д.

//воспроизвести
App.Player.play();

//пауза
App.Player.pause();

//повторить анимацию
App.Player.reset();

//предыдущая точка
App.Player.prevPoint();

//следующая точка
App.Player.nextPoint();

//конкретная точка
App.Player.toPoint(2);

Рендер

//включить рендер
App.Window.call('uipi','render',true);

//отключить рендер
App.Window.call('uipi','render',true);

Mouse

Создает дублирующие события мыши, если анимация находится под слоями HTML.

new App.Mouse();

Пример

var App = new Client({window: 'ваш-id'});

App.Window.addEventListener('onload', function(e){

    //если анимация находится под слоями HTML
    new App.Mouse();
})

App.Visible.addEventListener('change', function(e){

    //для экономии ресурсов отключаем рендер,
    //если анимация находится за пределами видимой области
    App.Window.call('uipi','render',e.visible)
})