関数-応用3

問題

関数を使った再利用可能なコードを実装してください：

• setup() 関数で：
  • 幅×高さのキャンバス でキャンバスを作成してください
• draw() 関数で毎フレーム：
  • 背景色を設定 で白い背景を描画してください
• 自作関数として複数の描画関数を定義してください：
  • void drawButton(float x, float y, float w, float h, String label) でボタンを描画
  • void drawBar(float x, float y, float w, float h, float value) でプログレスバーを描画
• draw() 関数で以下の関数呼び出しを実行してください：
  • 複数のボタンとプログレスバーを異なる位置で描画
• キャンバスに複数のUI要素が描画されることを確認してください

• パラメータを工夫することで、汎用的な関数を作成できます
• 同じ処理を何度も書かず、関数として定義して再利用することで、コードの保守性が向上します

• 複数関数の定義と呼び出し
• 関数の組み合わせ
• スコープ管理

実行例