Документация / 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