Подскажите нюанс работы с Adobe Animate HTML5 Сanvas?
Доступными средствами программирования в Adobe Animate в документе HTML5 Сanvas я сделал интерактивный ролик. Анимация ракеты запускается по клику на кнопке, анимация зацикливается после появления, просто перебрасыванием каретки с нужного кадра назад в нужное место на таймлайне в кадр "loop". Посмотреть
По нажатию на другую кнопку, срабатывает переход в кадр "away" и всё, дело сделано.
После публикации, после танцев с бубном всё работает как и предполагалось. Теперь вопрос.
Как я могу вызывать эти две функции в Canvas, не нажимая на кнопки в объекте Canvas? А нажимаю на кнопки вне его самого. Т.е. просто навесить как у меня функции на кнопки вне Canvas и по нажатию на них запустить соответствующую функцию в Canvas, которая там имеется?
Как понимаю, используется при публикации create.js и я не смог чего то внятного по ней найти. Там хрен пойми как оно инкапсулируется и создаёт прототип. Раз события там существуют, значит можно как то к ним прорваться, но несколько часов поисков решения ничего не дали. А надо именно управлять с помощью элементов извне Canvas, в идеале что то ему и передавать в параметрах функции. Буду благодарен за помощь.
Вот фидл: jsfiddle link
// stage content:
(lib.canva = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{});
// timeline functions:
this.frame_0 = function() {
this.stop();
this.buttonGo.addEventListener("click", go.bind(this));
this.buttonAway.addEventListener("click", away.bind(this));
function go() {
this.main.animation.gotoAndPlay("go");
}
function away() {
this.main.animation.gotoAndPlay("away");
}
}
Прошу прощение за огромный код в фидлле, так описывается анимация моя. Файл js я вставил просто в тег первый, чтоб была возможность показать онлайн код, а не подключать со стороны файл.
Интерес представляет только по сути код снизу всего, тот что я скопировал выше. Это те 2 функции, которые нужны, которые так и описаны в Adobe Animate кодом.
Как мне прописать, обратиться к ним и запустить их средствами простого JS по клику на кнопки которые над Canvas к примеру?
Для удобства вот архив на проект, если кто решит помочь, так удобней посмотреть, просто запусти index.html