Uploaded September 2018 | Updated September 2026, 3 weeks ago

---

JavaFX scene changing / transition animation with slide in effect. This tutorial talk about implementing slide transition animation for javafx scenes. This is done with the help of KeyFrame animation.

Read more about JavaFX Animation: genuinecoder.com/javafx-animation-tutorial

The new scene will be first added to the current root at end of window. Then using KeyFrame animation, we gradually decrement either the translateX property or translateY property to create the slide animation.

The sliding transition can be created from any direction. The direction can be controlled by setting translateX and translateY property.

Code is available in GitHub: github.com/afsalashyana/JavaFX-Tutorial-Codes/tree/master/JavaFX%20Scene%20Transition

- Genuine Coder
genuinecoder.com