Документация / Animation / [anim]
Animation [anim]

Анимация

С помощью этого тега вы можете анимировать изображение, кнопку или даже содержимое слоя. Вы должны обратиться к элементу, который хотите анимировать, используя имя, которое вы ему задали при создании с помощью тегов [ptext] или [button]. Когда вы задаете слой, анимация будет применяться ко всем элементам в этом слое. Этот тег не ожидает завершения анимации. Если вы используете тег [wa], вы можете дождаться завершения всех выполняемых анимаций. Вы можете задать позицию анимации, используя значения от -100 до 100. (От текущего положения элемент может быть перемещен влево на 100 пикселей). Если вы задаете прозрачность, вы также можете сделать элемент исчезающим.

Параметры

ПараметрОбяз.По умолч.Описание
nameДа—используйте это свойство для поиска кнопки, слоя или изображения для анимации.
layerДа—если задано имя, этот параметр будет проигнорирован. В противном случае используется для задания переднего слоя.
leftДа—анимировать элемент по горизонтали до заданной позиции.
topДа—анимировать элемент по вертикали до заданной позиции.
widthДа—задать ширину.
heightДа—задать высоту.
opacityДа—задать значение от 0 до 255. Элемент будет анимирован до указанной прозрачности.
colorДа—задать цвет.
timeДа—время, затрачиваемое на анимацию. По умолчанию 2000 миллисекунд.
define the effect of the animation. examples are defined as followsДа—|easeOutCubic |easeInOutCubic |easeInQuart |easeOutQuart |easeInOutQuart |easeInQuint |
effectДа—|easeOutQuint |easeInOutQuint |easeInSine |easeOutSine |easeInOutSine |easeInExpo |easeOutExpo |easeInOutExpo |easeInCirc |easeOutCirc |easeInOutCirc |easeInElastic |easeOutElastic |easeInOutElastic |easeInBack |easeOutBack |easeInOutBack |easeInBounce |easeOutBounce |easeInOutBounce

Примеры

Example
[ptext layer=1 page=fore text="example text" size=30 x=0 y=0 color=red vertical=true]

[image layer=0 left=100 top=100 storage = yuko1.png page=fore visible=true name=yuko,chara ]
[image layer=1 left=300 top=100 storage = haruko1.png page=fore visible=true name=haruko ]

;set the name attribute animate
[anim name="haruko" left="=100" time=10000 effect=easeInCirc opacity=0 ]

;set the layer and animate
[anim layer=1 left="=100" effect=easeInCirc opacity=0 ]

;pause all animations
[wa]

Animations over