Building a GUI with G4P
We can use the G4P (GUI 4 Processing) library to add graphical user interface elements
to our Processing programs.
Introductory Video
Work through these tutorials to build yourself a "toolbox" of standard GUI components.
Introduction to GUI with G4P
Installing G4P
Adding Labels, Text Fields, Buttons and Event Handlers
More GUI Design Work
Showing and hiding components
Setting a tab order
Handling ENTER in text field
Using Other Components in G4P
Check Boxes
Radio Button Groups
Sliders (Horizontal and Vertical)
Dialogs
Drop Lists
GUI Design Considerations - (or, how to stop losing marks when you submit a GUI)
There are many more demo sketches in the Examples for G4P, but they can be daunting for beginners. Feel free to explore them as well.
to our Processing programs.
Introductory Video
Work through these tutorials to build yourself a "toolbox" of standard GUI components.
Introduction to GUI with G4P
Installing G4P
Adding Labels, Text Fields, Buttons and Event Handlers
More GUI Design Work
Showing and hiding components
Setting a tab order
Handling ENTER in text field
Using Other Components in G4P
Check Boxes
Radio Button Groups
Sliders (Horizontal and Vertical)
Dialogs
Drop Lists
GUI Design Considerations - (or, how to stop losing marks when you submit a GUI)
There are many more demo sketches in the Examples for G4P, but they can be daunting for beginners. Feel free to explore them as well.