Как смешать видеоклипы на основной временной шкале с html5 canvas в Adobe Animate CC 2019

Question

У меня есть существующий файл с видеоклипами, которые мне нужно использовать.Я создал новый фон в редакторе сценариев с помощью createjs и добавил анимацию.

Проблема в том, что после создания сценария createjs он занимает всю сцену, а фрагменты ролика с основной временной шкалы не отображаются, илидобавлен на сцену?

Я предполагаю, что основная временная шкала и холст html5 полностью отделены.

Есть ли способ получить видеоклипы из основной временной шкалы для отображения на холсте createjs?

Answer 1

Вы просто добавляете анимационный HTML-код в ваш существующий контент?

Шаблон, который экспортирует Animate, ожидает, что он владеет холстом и настраивает собственный цикл тикера, этапа и обновления.

Вы можете отбросить большую часть этого кода и просто добавить свойexportRoot к существующей сцене.Это просто мувиклип, который представляет основную временную шкалу в Animate.Его можно комбинировать с любым, что только вы хотите, при условии, что есть только одна стадия (поскольку стадии очищают холст).

var stage = new createjs.Stage("canvas");
stage.addChild(exportRoot); // Animate
stage.addChild(new createjs.Bitmap("path/to/bitmap")); // Custom
createjs.Ticker.on("tick", stage);

Обходной путь - отключить автоочистку на последней обновленной стадии (контент, который рисуется сверху), так что он рисует второй этап без очистки первого.Я бы не рекомендовал это, так как стадии также обрабатывают свои собственные события мыши, поэтому там может быть некоторое столкновение.

Надеюсь, это поможет.Если вы можете предоставить немного больше информации, я могу помочь в дальнейшем.Cheers,