JavaFX Sequential Transition

This transition is used to apply the list of animations on a node in sequential order (one by one). Sequential Transition is important in designing a game which animates its entities in sequential order.

In JavaFX, the class javafx.animation.SequentialTransition is used to represent sequential transition. We need to pass the list of multiple transition objects into the constructor of this class. These animations will be applied on the node in the sequential order (in the order, they are passed into the constructor).

Properties

The class contains only one property which is described in the following table along with its setter method.

Property	Description	Setter Method
node	It is an object type property of the class Node. It represent the node onto which the transition is to be applied.	setNode(Node node)

Constructors

There are four constructors in the class.

public SequentialTransition() : creates an instance of SequentialTransition with the default parameters.
public SequentialTransition(Animation? children) : creates an instance of SequentialTransition with the list of animations.
public SequentialTransition(Node node) : creates an instance of sequentialTransition with specified node onto which the sequential transition will be applied.
public SequentialTransition(Node node, Animation? children) : creates an instance of SequentialTransition with the specified node and the list of animations.

Example

In the following example, we have created a polygon and applied various transitions on it in sequential order.

package application;
import javafx.animation.FadeTransition;
import javafx.animation.PauseTransition;
import javafx.animation.RotateTransition;
import javafx.animation.ScaleTransition;
import javafx.animation.SequentialTransition;
import javafx.animation.TranslateTransition;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Polygon;
import javafx.stage.Stage;
import javafx.util.Duration;
public class SequentialTransitionExample extends Application{

	@Override
	public void start(Stage primaryStage) throws Exception {
		// TODO Auto-generated method stub

Polygon poly = new Polygon();
		
		 //Setting points for the polyogn 
		 poly.getPoints().addAll(new Double[] {320.0,270.0,270.0,220.0,270.0,270.0,320.0,120.0,370.0,270.0,370.0,220.0});
		
		 //Setting Color and Stroke properties for the polygon  
		 poly.setFill(Color.LIMEGREEN);
		 poly.setStroke(Color.BLACK);
	 
		 //Setting durations for the transitions
	     Duration dur1 = Duration.millis(1000);
	     Duration dur2 = Duration.millis(500);
	 
	     
	     //Setting the pause transition
	     PauseTransition pause = new PauseTransition(Duration.millis(1000));
	     
	     //Setting the fade transition 
	     FadeTransition fade = new FadeTransition(dur2);
	     fade.setFromValue(1.0f);
	     fade.setToValue(0.3f);
	     fade.setCycleCount(2);
	     fade.setAutoReverse(true);
	     
	     //Setting Translate transition
	     TranslateTransition translate = new TranslateTransition(dur1);
	     translate.setToX(-150f);
	     translate.setCycleCount(2);
	     translate.setAutoReverse(true);
	     
	     //Setting Rotate Transition 
	     RotateTransition rotate = new RotateTransition(dur2);
	     rotate.setByAngle(180f);
	     rotate.setCycleCount(4);
	     rotate.setAutoReverse(true);
	     
	     //Setting Scale Transition 
	     ScaleTransition scale = new ScaleTransition(dur1);
	     scale.setByX(1.5f);
	     scale.setByY(1.2f);
	     scale.setCycleCount(2);
	     scale.setAutoReverse(true);
	     
	     //Instantiating Sequential Transition class by passing the list of transitions into its constructor
	     SequentialTransition seqT = new SequentialTransition (poly,rotate, pause, fade, translate,  scale);
	     
	     //playing the transition 
	     seqT.play();
	 	 
	     //Configuring the group and scene 
	     Group root = new Group();
		 root.getChildren().addAll(poly);
		 Scene scene = new Scene(root,490,450,Color.WHEAT);
		 primaryStage.setScene(scene);
		 primaryStage.setTitle("Sequential Transition Example");
		 primaryStage.show();
	}
	public static void main(String[] args) {
		launch(args);
	}

}

Output: