Looking for a JavaFx Tutorial

[Judas Styng]

I'm looking for a Javafx tutorial on how to make a sprite sheet animation. I understand how to make a moving sprite with the keyboard, but only a still image of a circle or rectangle. I need to know how to animate a sprite sheet like the Legend of Zelda or Pokemon.
I've already tried looking for tutorials online, but they only cover making a moving sprite not a moving sprite from a sprite sheet.

If it helps, this is my small code for a moving circle in Javafx. (I'm new here so sorry if I formatted it wrong.)

import javafx.animation.TranslateTransition;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.*;
import javafx.scene.control.Label;
import javafx.scene.input.*;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;
import javafx.util.Duration;

// public class with public scope
public class PlayerThing extends Application {
  // use private scope and final to prevent changes
  private static final int      KEYBOARD_MOVEMENT_DELTA = 5;
  private static final Duration TRANSLATE_DURATION      = Duration.seconds(0.25);
  // main method
  public static void main(String[] args) { launch(args); }
  // set the stage which is like the outline or frame of the app window
  @Override public void start(Stage stage) throws Exception {  // override the exception
    // declare circle as final to make it permanent 
	final Circle circle = createCircle();
    final Group group = new Group(createInstructions(), circle);
    final TranslateTransition transition = createTranslateTransition(circle);
    // set the scene as final which is like being permanent and the scene is what takes place in the stage
    final Scene scene = new Scene(group, 600, 400, Color.LIGHTGREY);
    moveCircleOnKeyPress(scene, circle);
    moveCircleOnMousePress(scene, circle, transition);
    
    stage.setScene(scene);
    stage.show();
  }

  private Label createInstructions() {
    Label instructions = new Label(
      // instructions so I don't forget and the user can understand	
      "Use the arrow keyboard to move\n" +
      "Click the mouse on a location to instantly move the circle there\n" +
      "Use Ctrl and click to move the circle slowly to that place\n"      
    );
    // set the color of the text to something easy to see or something pretty/sexy like chocolate
    instructions.setTextFill(Color.CHOCOLATE);
    return instructions;
  }
  // make, design and color the circle
  private Circle createCircle() {
	// finalize the circle dimensions and color as something exciting or bland or some other color. 
    final Circle circle = new Circle(200,150,9, Color.MAGENTA);
    // set opacity, how thick the image is. Its lack of transparency
    circle.setOpacity(0.7);
    return circle;
  }
  // set duration of scene, stage and sprite thing
  private TranslateTransition createTranslateTransition(final Circle circle) {
    final TranslateTransition transition = new TranslateTransition(TRANSLATE_DURATION, circle);
    transition.setOnFinished(new EventHandler<ActionEvent>() {
      @Override public void handle(ActionEvent t) {
        circle.setCenterX(circle.getTranslateX() + circle.getCenterX());
        circle.setCenterY(circle.getTranslateY() + circle.getCenterY());
        circle.setTranslateX(0);
        circle.setTranslateY(0);
      }
    });
    return transition;
  }

  private void moveCircleOnKeyPress(Scene scene, final Circle circle) {
    scene.setOnKeyPressed(new EventHandler<KeyEvent>() {
      @Override public void handle(KeyEvent event) {
        switch (event.getCode()) {
          case UP:    circle.setCenterY(circle.getCenterY() - KEYBOARD_MOVEMENT_DELTA); break;
          case RIGHT: circle.setCenterX(circle.getCenterX() + KEYBOARD_MOVEMENT_DELTA); break;
          case DOWN:  circle.setCenterY(circle.getCenterY() + KEYBOARD_MOVEMENT_DELTA); break;
          case LEFT:  circle.setCenterX(circle.getCenterX() - KEYBOARD_MOVEMENT_DELTA); break;
        }
      }
    });
  }

  private void moveCircleOnMousePress(Scene scene, final Circle circle, final TranslateTransition transition) {
    scene.setOnMousePressed(new EventHandler<MouseEvent>() {
      @Override public void handle(MouseEvent event) {
        if (!event.isControlDown()) {
          circle.setCenterX(event.getSceneX());
          circle.setCenterY(event.getSceneY());
        } else {
          transition.setToX(event.getSceneX() - circle.getCenterX());
          transition.setToY(event.getSceneY() - circle.getCenterY());
          transition.playFromStart();
        }  
      }
    });
  }
}

[Campbell Ritchie]

Welcome to the Ranch

Lt's add your question to the JavaFX forum.