GUI(Graphical User Interface)要素は、ユーザーがコンピューターやデバイスと対話するために使用される視覚的なコントロールである。JavaScriptでは一般にDOM(Document Object Model)を使ってGUI要素を定義することができる。
p5.jsはDOMを使わずに簡易にGUI要素を定義することができる。しかし、使用できるGUI要素は種類が限られている。この章で説明するGUI要素は以下である。GUI要素とは異なるが、別ウインドウを開いて入出力応答を行うダイアログボックスについても説明する。ダイアログボックスはp5.jsのものではなく通常のJavaScriptの関数である。
- ボタン
- 入力ボックス
- ラベル
- ラジオボタン
- チェックボックス
- スライダー
- セレクトメニュー(ドロップダウンリスト)
- ダイアログボックス