JavaFX TranslateTransition (animation.transition)

view plainprint?

1. import javafx.animation.transition.TranslateTransition;  
2.   
3. var node = Rectangle {  
4.     x: 100,  
5.     y: 40  
6.     width: 100,  
7.     height: 100  
8.     arcHeight: 50  
9.     arcWidth: 50  
10.     fill: Color.VIOLET  
11. }  
12.   
13. var transTransition = TranslateTransition {  
14.     duration : 2s  
15.     node : node  
16.     fromY : 0  
17.     toY : 200  
18.     repeatCount : 4  
19.     autoReverse : true  
20. }  
21.   
22. transTransition.play();  

import javafx.animation.transition.TranslateTransition;

var node = Rectangle {
    x: 100,
    y: 40
    width: 100,
    height: 100
    arcHeight: 50
    arcWidth: 50
    fill: Color.VIOLET
}

var transTransition = TranslateTransition {
    duration : 2s
    node : node
    fromY : 0
    toY : 200
    repeatCount : 4
    autoReverse : true
}

transTransition.play();

byX : x (startX + x まで移動)
byY : y (startY + y まで移動)
fromX : x (x から移動)
fromY : y (y から移動)
toX : x (x へ移動)
toY : y (y へ移動)

autoReverse : true/false
currentRate : 1/-1
duration : time (移動にかける時間)
interpolate : Interpolator.EASEBOTH (始点と終点付近で減速・加速する)
repeatCount : count (繰り返しの回数)