Uploaded March 2022 | Updated September 2026, 2 weeks ago

---

JavaFX scene changing / transition animation with circular reveal effect. This tutorial discusses how to reveal the second JavaFX scene with a circular reveal effect on top of the first scene.

We will make use of JavaFX Circle shape to initially set up the shape of the 2nd scene. Then we will increase the radius with a TimeLine animation.

JavaFX Animation Tutorials: youtube.com/playlist?list=PLhs1urmduZ2-4hFJxb2dgfWwcinNqEz0c
GitHub Link: github.com/afsalashyana/JavaFX-Tutorial-Codes/tree/master/JavaFX%20Circular%20Scene%20Transition
Blog: genuinecoder.com

Tags: #JavaFX

Introduction: (00:00)
Project overview: (00:26)
Coding the animation: (02:04)
Conclusion: (12:06)