В принципе, у меня наработки есть, их я выложила по ссылке на Google Drive, столкнулась с тем, что если я javascript'ом позиционирую и изменяю размеры обновленной картинки, то motion tween плавное не изменяется, а резко дёргается под конец. Я именно этот файл и выкладывала, то, в котором уже есть скриптовые наработки.
Решить эту задачу actionscript'ом у меня вообще не вышло.
Описание ролика, как он должен выглядеть:
Есть 2 картинки, высота и ширина которых одинакова, но ширина не совпадает с высотой. Размер сцены 1080x1080 px.
- Сначала мы показываем 1ю картинку всю целиком — высота картинки = высоте сцены.
- Потом мы её плавно увеличиваем так, чтобы ее ширина соответствовала ширине сцены.
- Далее скролим её до конца, чтобы нижние её края соответствовали нижним краям сцены.
- Теперь у первой картинки плавно меняем альфа на ноль, она исчезает.
- Параллельно позиционируем вторую картинку совмещая её верхние края с верхними краями сцены. Альфа второй картинки = 0.
- Постепенно показываем вторую картинку — выходит, что одна картинка исчезает, а вторая появляется.
- После полного появления второй картинки на сцене двигаем её до совмещения нижних её краёв с нижними краями сцены.
- Последний этап: вторая картинка постепенно исчезает.
Таким образом у нас выходит 8 ключевых кадров (КК).
Цель:
Нужно постоянно генерировать такие ролики для разных картинок. Функционально это нужно для того, чтобы показать весь лист спереди и весь лист сзади. Картинки всегда будут экспортироваться с подгонкой по одной и той же высоте, а вот ширина у них всегда выходит разная, поэтому меняя исходники в анимации, выходит, что картинка-символ немного смещается относительно уже подогнанного под предыдущую картинку символа. Можно каждый раз проходиться и подгонять символ руками, что я и делаю сейчас, но занимает это довольно много времени, поэтому хотелось бы ускорить этот процесс.
Алгоритм изменения КК для Animation:
Алгоритм вообще нужен такой при условии работающего верно motion tween:
- По 1му КК: первые 4ре КК мы работаем только со слоем первой картинки. Изменяем первую картинку пропорционально, выставляя её высоту равной высоте сцены, а так же центрируем её внутри кадра.
- По 2му КК: позиционируем картинку так, чтобы её верхние края соответствовали верхним краям сцены. Честно говоря, я не очень понимаю как это в Adobe Animation сделать численно, я частенько делаю это руками, перемещая картинку физически, а не выставляя у нее координаты. Выставляем её ширину равной ширине сцены.
- По 3му КК: позиционируем картинку так, чтобы её нижние края соответствовали нижним краям сцены, а её ширина соответствовала ширине сцены.
- По 4му КК: позиционируем картинку так, чтобы её нижние края соответствовали нижним краям сцены, а её ширина соответствовала ширине сцены.
- По 5му КК, надо сказать, что 5й КК на временной шкале стоит раньше 4го, но относится к уже другому слою, слою второй картинки: позиционируем картинку так, чтобы её верхние края соответствовали верхним краям сцены, а её ширина соответствовала ширине сцены.
- По 6му КК: позиционируем вторую картинку так, чтобы её верхние края соответствовали верхним краям сцены, а её ширина соответствовала ширине сцены.
- По 7му КК: позиционируем вторую картинку так, чтобы её нижние края соответствовали нижним краям сцены, а её ширина соответствовала ширине сцены.
- По 8му КК: позиционируем вторую картинку так, чтобы её нижние края соответствовали нижним краям сцены, а её ширина соответствовала ширине сцены.
Позиционирование и изменение размера скриптами мне сделать удалось, но при этом нормально motion tween не работает: не изменяет символ плавно между ключевыми кадрами. Поэтому нужен человек с опытом, который может это закодить.
