Creating the Project & Window Layout

In this series, I will be using Eclipse. First make a new eclipse project by selecting: File > New > Project and then select JavaFx Project, press Next, name it something, then press Finished

Before we can add anything like buttons, sliders, or the square itself, we need to set up the main window and the layout that holds everything inside.

In JavaFX, the window is called a Stage, and everything you see inside it (buttons, shapes, text, etc.) lives inside a Scene. That scene is built on top of a root layout container, usually something like a VBox or HBox.

In our case, we’re going to use a VBox (vertical box layout) as the root container so we can stack everything vertically, like the: