問題
-
繰り返し処理-基礎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座標 …
-
繰り返し処理-基礎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): 直線を描画 実行例
-
条件分岐-発展2
Monday, January 01, 0001 in 発展
Categories:
問題 条件分岐-応用6 の発展問題です． マウスの位置に応じて色が変わる線を描画する機能を実装してください。 マウスをドラッグすると、キャンバスの中央からマウス位置へ向かう線が描画され、その色はマウス位置に応じて変わります。 ヒントを見る mousePressed: マウスがクリック/ドラッグされているかを判定 stroke(h, s, b): HSB色空間で色を設定 atan2(y, x): 2点を結ぶ直線の角度を計算 degrees(): ラジアンを度数法に変換 abs(x): 絶対値を計算 …
-
条件分岐-発展1
Monday, January 01, 0001 in 発展
Categories:
問題 条件分岐-応用8 の応用例です． 複数の条件を組み合わせた if-else 文とマウス座標判定を使用して以下を実装してください： スケッチウィンドウ上のランダムな位置に小さな矩形領域（20x30）を配置してください マウスがその矩形領域と重なる範囲に応じて、以下のように矩形を描画してください： マウスが矩形領域内（X座標とY座標の両方）にある場合：元の矩形のみを描画してください マウスが矩形領域と同じX座標範囲にある場合（Y座標は異なる）：ウィンドウ全体の高さまで広がった矩形を描画してくだ …
-
条件分岐-応用6
Monday, January 01, 0001 in 応用
Categories:
問題 マウスをドラッグするとスケッチウィンドウに線を描画するお絵かき機能を実装してください。 mousePressed の条件判定と一つ前のフレームのマウス座標を使用します。 ヒントを見る mousePressed: マウスがクリック/ドラッグされているかを判定する組み込み変数（真偽値） pmouseX, pmouseY: 一つ前フレームのマウスのX座標、Y座標 line(x1, y1, x2, y2): 2点を結ぶ線を描画 毎フレーム前フレームの座標から現在の座標へ線を引くことで、軌跡が生まれ …
-
条件分岐-応用1
Monday, January 01, 0001 in 応用
Categories:
問題 複数の条件式を組み合わせた分岐を実装してください： マウスがキャンバスの右下４分の１の領域(横も縦も半分より大きい場所)にあるかを判定してください 条件が真の場合、右下の領域を黒い矩形で塗りつぶしてください マウスを右下に移動すると、その領域が黒くなることを確認してください ヒントを見る size(幅, 高さ): キャンバスのサイズを設定 background(赤, 緑, 青): 背景色を設定（RGB値） && 演算子で複数の条件を「かつ」で組み合わせられます 実行例