# About the GUI Example

### Learning Objectives
This example shows you how to use a GUI to interact dynamically with sketch parameters. It also includes the use of listeners to check for changes.

### Expected Behavior

When you open the app, you should see a screen with a hexagon and a number of sliders. Click and move the sliders to change the hexagon.

Try changing the `circle res` slider to create a circle. Try clicking the `fill` toggle.

Pressing the `h` key will hide and show the panel; spacebar sets color to white.

![Gif of the GUI in use](./guiExample.gif)

### Classes Used in This File

A GUI is rendered from a number of oFxGui classes:

	ofxFloatSlider
	ofxColorSlider
	ofxVec2Slider
	ofxIntSlider
	ofxToggle
	ofxButton
	ofxLabel
	ofxPanel

This example also uses:

	ofSoundPlayer