繰り返し処理
繰り返し処理-応用4
Monday, January 01, 0001 in 応用
Categories:
問題 ループで複雑なパターンを描画してください： 幅×高さのキャンバス でキャンバスを作成してください 背景色を設定 で白い背景を設定してください 外側の for ループで i が 0 から 5 まで反復： 内側の for ループで j が 0 から 5 まで反復： if ((i + j) % 2 == 0) で色を分岐してください 座標 (i100, j100) に、幅・高さ 100 の矩形をチェッカーボード パターンで描画 キャンバスにチェッカーボード パターンが描画されることを確認してくだ …
繰り返し処理-応用3
Monday, January 01, 0001 in 応用
Categories:
問題 ループを使ったアニメーション処理を実装してください： setup() 関数で： 幅×高さのキャンバス でキャンバスを作成してください グローバル変数で int frame = 0 を管理してください draw() 関数で毎フレーム： 背景色を設定 で白い背景を描画してください for ループで複数の図形を描画し、frame 変数でアニメーション効果を与えてください 例：円の位置を sin() や cos() で計算して、波のように動かす frame をインクリメントしてアニメーションを進め …
繰り返し処理-応用2
Monday, January 01, 0001 in 応用
Categories:
問題 複数のループを組み合わせた処理を実装してください： 幅×高さのキャンバス でキャンバスを作成してください 背景色を設定 で白い背景を設定してください 外側の for ループで i が 0 から 4 まで反復： 内側の for ループで j が 0 から 4 まで反復： ループ内で座標 (i100 + 50, j100 + 50) に、サイズが (i+j)*10 の円を描画してください ネストされたループで、異なるサイズの円が2次元配置で描画されることを確認してください ヒントを見る …
繰り返し処理-応用1
Monday, January 01, 0001 in 応用
Categories:
問題 while ループを使った図形描画を実装してください： setup() 関数で： 幅×高さのキャンバス でキャンバスを作成してください 背景色を設定 で白い背景を設定してください draw() 関数：空のままにしてください mousePressed() 関数（マウスクリック時）で： 変数 d = 200 で最大直径を設定してください while (d > 0) ループで以下を繰り返してください： noFill() で塗りつぶしを無効にしてください マウス位置 (mouseX, …
繰り返し処理-基礎5
Monday, January 01, 0001 in 基礎
Categories:
問題 ループを使用して、数値処理と視覚化を実装してください： 幅×高さのキャンバス でキャンバスを作成してください 背景色を設定 で白い背景を設定してください for ループで i が 1 から 10 まで反復： ループ内で計算結果を視覚化してください 例：座標 (i40, 100) から (i40, 100 + i20) へ、高さ i20 の矩形を描画 または、各数値に対応する円の大きさを変えながら描画 console に各ループイテレーションの値を出力してください キャンバスに段階的に変化す …
繰り返し処理-基礎4
Monday, January 01, 0001 in 基礎
Categories:
問題 ループを使用して、複数の異なる図形を描画してください： 幅×高さのキャンバス でキャンバスを作成してください 背景色を設定 で黒い背景を設定してください for ループで i が 0 から 9 まで反復： ループ内で座標 (i*40, 100) に直径 30 の赤い円を描画してください for ループで i が 0 から 9 まで反復： ループ内で座標 (i*40, 200) に幅・高さ 30 の緑い矩形を描画してください for ループで i が 0 から 9 まで反復： ループ内で座標 …
繰り返し処理-基礎3
Monday, January 01, 0001 in 基礎
Categories:
問題 ループを使用して、パターンを描画してください： 幅×高さのキャンバス でキャンバスを作成してください 背景色を設定 で白い背景を設定してください for ループで i が 0 から 4 まで反復： ループ内で座標を計算して複数の矩形をグリッド状に描画してください x座標：i*100, y座標：100, 幅：80, 高さ：80 for ループで i が 0 から 4 まで反復： ループ内で座標を計算して複数の円をグリッド状に描画してください x座標：i*100, y座標：250, 直径：80 …
繰り返し処理-基礎2
Monday, January 01, 0001 in 基礎
Categories:
問題 forループを使用して、繰り返し処理を実装してください： 幅×高さのキャンバス でキャンバスを作成してください 背景色を設定 で白い背景を設定してください for ループで i が 0 から 19 まで反復： ループ内で x座標 i*20, y座標 100 から x座標 i*20, y座標 300 へ、厚さ 2 の線を描画してください 同様に異なるy座標で複数の線セットを描画してください キャンバスに縦線が複数描画されることを確認してください ヒントを見る size(幅, 高さ): キャン …
繰り返し処理-基礎1
Monday, January 01, 0001 in 基礎
Categories:
問題 400×400のキャンバスに、10ピクセル間隔の縦線を描画してください。 ヒントを見る 以下の関数・構文を使用できます： for(初期値; 条件; 更新): ループ処理を実行 stroke(赤, 緑, 青): 線の色を設定 line(x1, y1, x2, y2): 直線を描画 実行例