ユーザインターフェース用のパーツを扱います。
| メソッド名 | 処理内容 | 備考 |
|---|---|---|
| createElement | 指定されたタグの HTMLエレメントを生成 | |
| createButton | ボタンを生成 | |
| createSlider | スライダーを生成 | |
| createInput | 入力ボックスを生成 | |
| createCheckbox | チェックボックスを生成 | |
| createRadio | ラジオボタンを生成 | |
| createSelect | ドロップダウンメニュー(選択リスト)を生成 | |
| createDiv | ブロックレベル要素を生成 | |
| createImg | イメージ要素を生成 | |
| createCapture | ビデオキャプチャを生成 | |
| createColorPicker | カラー入力用のピッカーを生成 | |
| createFileInput | ファイル選択用のダイアログを生成 | |
| select | CSSセレクタに一致する HTMLエレメントを取得 | |
| selectAll | CSSセレクタに一致する HTMLエレメントの配列を取得 |
| プロパティ名 | 内容 | 備考 |
|---|---|---|
| elt | 要素の基礎となる HTMLエレメント |
| 属性操作 | ||
| メソッド名 | 処理内容 | 備考 |
|---|---|---|
| position | 要素の表示位置を設定または取得 | |
| size | 要素のサイズを設定または取得 | |
| style | 要素のスタイルを設定または取得 | |
| html | 要素の innerHTMLの内容を設定または取得 | |
| value | 要素の値を設定または取得 | |
| show | 要素を表示 | |
| hide | 要素を非表示 | |
| remove | 要素を削除 | |
| イベント処理 | ||
| メソッド名 | 処理内容 | 備考 |
| mouseClicked | 要素上でマウスの左ボタンがクリックされたときに実行する処理を登録 | |
| doubleClicked | 要素上でマウスの左ボタンがダブルクリックされたときに実行する処理を登録 | |
| mousePressed | 要素上でマウスボタンが押されたときに実行する処理を登録 | |
| mouseReleased | 要素上でマウスボタンが離されたときに実行する処理を登録 | |
| mouseMoved | 要素上でマウスボタンが移動したときに実行する処理を登録 | |
| mouseOver | 要素上にマウスポインタが乗ったときに実行する処理を登録 | |
| mouseOut | 要素上からマウスポインタが離れたときに実行する処理を登録 | |
| mouseWheel | 要素上でマウスホイールイベントが検出されたときに実行する処理を登録 | |
| dragOver | ファイルが要素上にドラッグされたときに実行する処理を登録 | |
| dragLeave | ドラッグされたファイルが要素上から離れたときに実行する処理を登録 | |
| drop | ファイルが要素上にドロップされたときに実行する処理を登録 | |
p5.jsリファレンス(参考情報) p5.Element