条件分岐

記事一覧 0001
  • 条件分岐-発展2

    Monday, January 01, 0001 in 発展

    問題 条件分岐-応用6 の発展問題です. マウスの位置に応じて色が変わる線を描画する機能を実装してください。 マウスをドラッグすると、キャンバスの中央からマウス位置へ向かう線が描画され、その色はマウス位置に応じて変わります。 ヒントを見る mousePressed: マウスがクリック/ドラッグされているかを判定 stroke(h, s, b): HSB色空間で色を設定 atan2(y, x): 2点を結ぶ直線の角度を計算 degrees(): ラジアンを度数法に変換 abs(x): 絶対値を計算 …

    続きを読む

  • 条件分岐-発展1

    Monday, January 01, 0001 in 発展

    問題 条件分岐-応用8 の応用例です. 複数の条件を組み合わせた if-else 文とマウス座標判定を使用して以下を実装してください: スケッチウィンドウ上のランダムな位置に小さな矩形領域(20x30)を配置してください マウスがその矩形領域と重なる範囲に応じて、以下のように矩形を描画してください: マウスが矩形領域内(X座標とY座標の両方)にある場合:元の矩形のみを描画してください マウスが矩形領域と同じX座標範囲にある場合(Y座標は異なる):ウィンドウ全体の高さまで広がった矩形を描画してくだ …

    続きを読む

  • 条件分岐-応用8

    Monday, January 01, 0001 in 応用

    問題 スケッチウィンドウ上のランダムな位置に小さな矩形領域(20x30)を配置してください. マウスが矩形領域内にある場合,矩形を描画してください. ヒントを見る random(最小値, 最大値): 指定範囲内のランダムな値を返します && 演算子:複数の条件が両方とも満たされているかを判定します 複合条件の書き方例:(条件1 && 条件2) で条件1と条件2が両方true rect(x, y, 幅, 高さ): 矩形を描画します 実行例

    続きを読む

  • 条件分岐-応用6

    Monday, January 01, 0001 in 応用

    問題 マウスをドラッグするとスケッチウィンドウに線を描画するお絵かき機能を実装してください。 mousePressed の条件判定と一つ前のフレームのマウス座標を使用します。 ヒントを見る mousePressed: マウスがクリック/ドラッグされているかを判定する組み込み変数(真偽値) pmouseX, pmouseY: 一つ前フレームのマウスのX座標、Y座標 line(x1, y1, x2, y2): 2点を結ぶ線を描画 毎フレーム前フレームの座標から現在の座標へ線を引くことで、軌跡が生まれ …

    続きを読む

  • 条件分岐-応用2

    Monday, January 01, 0001 in 応用

    問題 ネストされた if 文による条件判定を実装してください: 幅400×高さ300のスケッチウィンドウを作成してください サイズ: 100×80で,中央に位置する矩形を描いてください. カーソルが矩形内にある場合は矩形を赤色に,そうでない場合は白色に塗りつぶしてください. ヒントを見る size(幅, 高さ): キャンバスのサイズを設定 ネストされた if で複雑な条件判定ができます mouseXとmouseYに分けて考えてみましょう 実行例

    続きを読む

  • 条件分岐-応用1

    Monday, January 01, 0001 in 応用

    問題 複数の条件式を組み合わせた分岐を実装してください: マウスがキャンバスの右下4分の1の領域(横も縦も半分より大きい場所)にあるかを判定してください 条件が真の場合、右下の領域を黒い矩形で塗りつぶしてください マウスを右下に移動すると、その領域が黒くなることを確認してください ヒントを見る size(幅, 高さ): キャンバスのサイズを設定 background(赤, 緑, 青): 背景色を設定(RGB値) && 演算子で複数の条件を「かつ」で組み合わせられます 実行例

    続きを読む

  • 条件分岐-基礎7

    Monday, January 01, 0001 in 基礎

    問題 条件分岐-基礎6の発展問題です. 以下を実装してください: スケッチウィンドウ内を移動する円を実装してください。 円がウィンドウの左端もしくは右端に到達したら方向を反転させてください。 グローバル変数を使用して、円の位置、大きさ、移動方向を管理してください ヒントを見る size(幅, 高さ): キャンバスのサイズを設定 background(赤, 緑, 青): 背景色を設定 ellipse(x, y, width, height): 円を描画 if で条件を判定できます width でキ …

    続きを読む

  • 条件分岐-基礎6

    Monday, January 01, 0001 in 基礎

    問題 数値と変数-基礎7 の応用例です. 変数と条件分岐を使用して、以下を実装してください: スケッチウィンドウ内を移動する円を実装してください。 円がウィンドウの右端に到達したら方向を反転させてください. ウィンドウや円のサイズは自由に設定してください. ヒントを見る size(幅, 高さ): キャンバスのサイズを設定 background(赤, 緑, 青): 背景色を設定 ellipse(x, y, width, height): 円を描画 if で条件を判定できます 実行例

    続きを読む

  • 条件分岐-基礎5

    Monday, January 01, 0001 in 基礎

    問題 複数の else if を使った段階的な条件判定を実装してください: ランダムな点数を 0~99 の範囲で生成してください 点数に基づいて成績を判定し、以下のルールで 点数と成績をconsole に出力してください: 90点以上:「S」 80点以上 90点未満:「A」 70点以上 80点未満:「B」 60点以上 70点未満:「C」 60点未満:「D」 5回実行して、異なる点数と成績が出力されることを確認してください ヒントを見る int(random(0, 100)) で 0~99 のラン …

    続きを読む

  • 条件分岐-基礎4

    Monday, January 01, 0001 in 基礎

    問題 if-else if-else 文とマウス座標判定を使用して、以下を実装してください: マウスのX座標がスケッチウィンドウをどの領域にあるかを判定してください マウスが左1/3の範囲にある場合:白い背景を描画してください マウスが中央1/3の範囲にある場合:グレーの背景を描画してください マウスが右1/3の範囲にある場合:黒い背景を描画してください マウスを左右に移動すると、スケッチウィンドウの背景色が白/グレー/黒に変わることを確認してください ヒントを見る size(幅, 高さ): ス …

    続きを読む