条件分岐-応用4

問題

入れ子の if または && を使って、以下のボタンホバー機能を実装してください:

幅400×高さ300のスケッチウィンドウの中央に矩形(幅100×高さ80)を配置し、以下の動作を実装してください:

  • マウスが矩形の内側にある場合:矩形を赤色で塗りつぶしてください
  • マウスが矩形の外側にある場合:矩形を白色で塗りつぶしてください
ヒントを見る
  • fill(赤, 緑, 青): 塗りつぶし色を設定(RGB値)
  • rect(x, y, 幅, 高さ): 矩形を描画します
  • width/2, height/2: ウィンドウ中央の座標
  • 入れ子 if の例:if(条件1){ if(条件2){ ... } }else{ ... }
  • && を使った例:if( (条件1) && (条件2) && ...)

実行例


一方の書き方でできた人は、もう一方の書き方にも挑戦してみよう!

  • 入れ子の if で書いた人は、&& を使って1つの条件式にまとめてみよう
  • && で書いた人は、入れ子の if に書き直してみよう