数値と変数-応用5

問題

グローバル変数と条件分岐を使用して、以下を実装してください:

  • グローバル変数として以下を宣言してください:
    • circleX = 150, circleY = 150:円の座標
    • d = 100:円の直径
    • muki = 1:移動方向(1=右、-1=左)
  • setup() 関数内で:
    • 幅×高さのキャンバス でキャンバスを作成してください
  • draw() 関数内で毎フレーム:
    • 背景色を設定 で黒い背景を描画してください
    • 座標 (circleX, circleY) に直径 d の白い円を描画してください
    • 円がキャンバスの右端(circleX + d/2 > width)または左端(circleX - d/2 < 0)に到達したかチェックしてください
    • 到達した場合、muki = muki * -1 で方向を反転させてください
    • circleX = circleX + muki で circleX を移動させてください
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • if で条件を判定できます
  • || 演算子で「または」を表現できます
  • 円の端の位置は circleX + d/2circleX - d/2 で計算します

実行例