WobbleTransition.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 wobble effect on the given node
 * 
 * Port of Wobble from Animate.css http://daneden.me/animate by Dan Eden which
 * was originally authored by Nick Pettit - https://github.com/nickpettit/glide
 * 
 * {@literal @}keyframes wobble { 0% { transform: translateX(0%); } 15% {
 * transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%)
 * rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% {
 * transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%)
 * rotate(-1deg); } 100% { transform: translateX(0%); } }
 * 
 * @author Jasper Potts
 */
public class WobbleTransition extends CachedTimelineTransition {

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

		super(
				node,
				TimelineBuilder
						.create()
						.keyFrames(
								new KeyFrame(Duration.millis(0),
										new KeyValue(node.translateXProperty(),
												0, WEB_EASE), new KeyValue(
												node.rotateProperty(), 0,
												WEB_EASE)),
								new KeyFrame(
										Duration.millis(150),
										new KeyValue(
												node.translateXProperty(),
												-0.25
														* node.getBoundsInParent()
																.getWidth(),
												WEB_EASE),
										new KeyValue(node.rotateProperty(), -5,
												WEB_EASE)),
								new KeyFrame(Duration.millis(300),
										new KeyValue(node.translateXProperty(),
												0.2 * node.getBoundsInParent()
														.getWidth(), WEB_EASE),
										new KeyValue(node.rotateProperty(), 3,
												WEB_EASE)),
								new KeyFrame(
										Duration.millis(450),
										new KeyValue(
												node.translateXProperty(),
												-0.15
														* node.getBoundsInParent()
																.getWidth(),
												WEB_EASE),
										new KeyValue(node.rotateProperty(), -3,
												WEB_EASE)),
								new KeyFrame(Duration.millis(600),
										new KeyValue(node.translateXProperty(),
												0.1 * node.getBoundsInParent()
														.getWidth(), WEB_EASE),
										new KeyValue(node.rotateProperty(), 2,
												WEB_EASE)),
								new KeyFrame(
										Duration.millis(750),
										new KeyValue(
												node.translateXProperty(),
												-0.05
														* node.getBoundsInParent()
																.getWidth(),
												WEB_EASE),
										new KeyValue(node.rotateProperty(), -1,
												WEB_EASE)),
								new KeyFrame(Duration.millis(1000),
										new KeyValue(node.translateXProperty(),
												0, WEB_EASE), new KeyValue(node
												.rotateProperty(), 0, WEB_EASE)))
						.build());
		setCycleDuration(Duration.seconds(1));
		setDelay(Duration.seconds(0.2));
	}
}