BounceInDownTransition.java

package src.com.fxexperience.javafx.animation;

import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.TimelineBuilder;
import javafx.scene.Node;
import javafx.util.Duration;

/**
 * Animate a bounce in down big effect on a node
 * 
 * Port of BounceInDownBig from Animate.css http://daneden.me/animate by Dan
 * Eden
 * 
 * {@literal @}keyframes bounceInDown { 0% { opacity: 0; -webkit-transform:
 * translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px);
 * } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform:
 * translateY(0); } }
 * 
 * @author Jasper Potts
 */
public class BounceInDownTransition extends CachedTimelineTransition {

	/**
	 * Create new BounceInDownBigTransition
	 * 
	 * @param node
	 *            The node to affect
	 */
	public BounceInDownTransition(final Node node) {

		super(node, null);
		setCycleDuration(Duration.seconds(1));
		setDelay(Duration.seconds(0.2));
	}

	@Override
	protected void starting() {

		double startY = -node.localToScene(0, 0).getY()
				- node.getBoundsInParent().getHeight();
		timeline = TimelineBuilder
				.create()
				.keyFrames(
						new KeyFrame(Duration.millis(0), new KeyValue(
								node.opacityProperty(), 0, WEB_EASE),
								new KeyValue(node.translateYProperty(), startY,
										WEB_EASE)),
						new KeyFrame(Duration.millis(600), new KeyValue(node
								.opacityProperty(), 1, WEB_EASE), new KeyValue(
								node.translateYProperty(), 30, WEB_EASE)),
						new KeyFrame(Duration.millis(800), new KeyValue(node
								.translateYProperty(), -10, WEB_EASE)),
						new KeyFrame(Duration.millis(1000), new KeyValue(node
								.translateYProperty(), 0, WEB_EASE))).build();
		super.starting();
	}
}