package src.com.fxexperience.javafx.animation; import javafx.animation.KeyFrame; import javafx.animation.KeyValue; import javafx.animation.TimelineBuilder; import javafx.scene.Camera; import javafx.scene.Node; import javafx.scene.PerspectiveCamera; import javafx.scene.transform.Rotate; import javafx.util.Duration; /** * Animate a flip in y effect on the given node * * Port of FlipInY from Animate.css http://daneden.me/animate by Dan Eden * * {@literal @}keyframes flipInY { 0% { transform: perspective(400px) * rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) * rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% * { transform: perspective(400px) rotateY(0deg); opacity: 1; } } * * @author Jasper Potts */ public class FlipInYTransition extends CachedTimelineTransition { private Camera oldCamera; /** * Create new FlipInYTransition * * @param node * The node to affect */ public FlipInYTransition(final Node node) { super(node, TimelineBuilder .create() .keyFrames( new KeyFrame(Duration.millis(0), new KeyValue( node.rotateProperty(), -90, WEB_EASE), new KeyValue(node.opacityProperty(), 0, WEB_EASE)), new KeyFrame(Duration.millis(400), new KeyValue(node .rotateProperty(), 10, WEB_EASE)), new KeyFrame(Duration.millis(700), new KeyValue(node .rotateProperty(), -10, WEB_EASE)), new KeyFrame(Duration.millis(1000), new KeyValue(node .rotateProperty(), 0, WEB_EASE), new KeyValue( node.opacityProperty(), 1, WEB_EASE))).build()); setCycleDuration(Duration.seconds(1)); setDelay(Duration.seconds(0.2)); } @Override protected void starting() { super.starting(); node.setRotationAxis(Rotate.Y_AXIS); oldCamera = node.getScene().getCamera(); node.getScene().setCamera(new PerspectiveCamera()); } @Override protected void stopping() { super.stopping(); node.setRotate(0); node.setRotationAxis(Rotate.Z_AXIS); node.getScene().setCamera(oldCamera); } }