繰り返し処理-基礎5

問題

ループを使用して、数値処理と視覚化を実装してください:

  • 幅×高さのキャンバス でキャンバスを作成してください
  • 背景色を設定 で白い背景を設定してください
  • for ループで i が 1 から 10 まで反復:
    • ループ内で計算結果を視覚化してください
    • 例:座標 (i40, 100) から (i40, 100 + i20) へ、高さ i20 の矩形を描画
    • または、各数値に対応する円の大きさを変えながら描画
  • console に各ループイテレーションの値を出力してください
  • キャンバスに段階的に変化する図形が描画されることを確認してください
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • ループ変数 i を使ってサイズや座標を計算できます
  • 数値の大小を図形のサイズで表現することで、視覚的に理解しやすくなります
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • forループの基本
  • ループ変数の利用
  • 繰り返しパターン

実行例