数値と変数-基礎5

問題

setup()draw() 関数を使用して、以下を実装してください:

  • setup() 関数内で:
    • 幅×高さのキャンバス でキャンバスを作成してください
  • draw() 関数内で:
    • 背景色を設定 でグレー色の背景を毎フレーム描画してください
    • マウスX座標から 100 を引いた位置に赤い円(直径 100)を描画してください
    • マウスX座標に 100 を加えた位置に緑い円(直径 100)を描画してください
    • 両方の円とも、マウスY座標を中心のy座標として使用してください
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • setup() はスケッチの開始時に1回実行されます
  • draw() は毎フレーム繰り返し実行されます
  • mouseXmouseY でマウスの座標を取得できます

実行例