問題

記事一覧 0001
  • 条件分岐-応用4

    Monday, January 01, 0001 in 応用

    問題 入れ子の if または && を使って、以下のボタンホバー機能を実装してください: 幅400×高さ300のスケッチウィンドウの中央に矩形(幅100×高さ80)を配置し、以下の動作を実装してください: マウスが矩形の内側にある場合:矩形を赤色で塗りつぶしてください マウスが矩形の外側にある場合:矩形を白色で塗りつぶしてください ヒントを見る fill(赤, 緑, 青): 塗りつぶし色を設定(RGB値) rect(x, y, 幅, 高さ): 矩形を描画します width/2, …

    続きを読む

  • 条件分岐-基礎9

    Monday, January 01, 0001 in 基礎

    問題 &&(AND演算子)を使って複数の条件を同時に判定し、以下を実装してください: 幅400×高さ400のスケッチウィンドウで、以下の動作を実装してください: マウスのX座標がウィンドウ右半分 かつ Y座標がウィンドウ下半分にある場合のみ、右下の領域に黒い矩形を描画してください それ以外の場合は白い背景のみを表示してください マウスを各象限に移動させて、右下にいるときだけ矩形が表示されることを確認してください ヒントを見る && 演算子:複数の条件が両方とも満た …

    続きを読む

  • 条件分岐-基礎7

    Monday, January 01, 0001 in 基礎

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

    続きを読む

  • 条件分岐-基礎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(幅, 高さ): ス …

    続きを読む

  • 条件分岐-基礎3

    Monday, January 01, 0001 in 基礎

    問題 if-else 文とマウス座標判定を使用して、以下を実装してください: マウスのX座標がスケッチウィンドウの左半分にあるかを判定してください マウスが左半分の場合:白い背景を描画してください マウスが右半分の場合:黒い背景を描画してください マウスを左右に移動すると、スケッチウィンドウの背景色が白/黒に変わることを確認してください ヒントを見る size(幅, 高さ): スケッチウィンドウのサイズを設定 background(赤, 緑, 青): 背景色を設定(RGB値) if-else で …

    続きを読む

  • 条件分岐-基礎2

    Monday, January 01, 0001 in 基礎

    問題 if 文を使ってマウスをクリックしたときだけ以下の線を描画する機能を実装してください。 キャンバスの中央とマウス位置を結ぶ白い線. ヒントを見る mousePressed: マウスがクリック/ドラッグされているかを判定する組み込み変数(真偽値) line(x1, y1, x2, y2): 2点を結ぶ線を描画 stroke(赤, 緑, 青): 線の色を設定 実行例

    続きを読む

  • 条件分岐-基礎1

    Monday, January 01, 0001 in 基礎

    問題 数値と変数-応用3 の応用問題です. マウスがクリックされている間、ランダムな色と大きさの円を描画してください。 ヒントを見る 以下の関数・変数を使用できます: mousePressed: マウスがクリックされているかを判定する変数(true/false) random(最小値, 最大値): 指定範囲のランダムな値を取得 fill(赤, 緑, 青, 透明度): 描画色と透明度を設定 ellipse(x, y, 幅, 高さ): 円・楕円を描画 実行例

    続きを読む

  • 数値と変数-応用3

    Monday, January 01, 0001 in 応用

    問題 setup() と draw() 関数を使用して、以下を実装してください: ランダムな位置にランダムな色と透明度の円を毎フレーム描画してください。複数の変数を管理して実装してください。 制約: グローバル変数を使用して、色、位置、サイズなどを管理してください draw() 関数で毎フレーム実行するコードを書いてください ヒントを見る size(幅, 高さ): キャンバスのサイズを設定 background(赤, 緑, 青): 背景色を設定 random(最大値): 0から最大値までのランダ …

    続きを読む

  • 数値と変数-応用2

    Monday, January 01, 0001 in 応用

    問題(練習問題4-5) 以下を実装してください: 幅と高さを自由に変更してスケッチウィンドウを作成してください. スケッチウィンドウの幅と高さが変更されても対応できるように以下の図形を描画してください. 緑色の背景 左上端から右下端への黒色の線分 右上端から左下端への黒色の線分 グレー(RGB: 175, 175, 175)で,スケッチウィンドウ中央を中心とする楕円 円の横幅と縦幅はそれぞれスケッチウィンドウの幅の半分にしてください. ヒントを見る size(幅, 高さ): スケッチウィンドウの …

    続きを読む