数値と変数-応用7

問題

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

  • グローバル変数として以下を宣言してください:
    • circleX = 150, circleY = 150:円の座標
    • d = 100:円の直径
    • muki = 1:移動方向(1=右、-1=左)
  • setup() 関数内で:
    • 幅×高さのキャンバス でキャンバスを作成してください
  • draw() 関数内で毎フレーム:
    • 背景色を設定 で黒い背景を描画してください
    • 座標 (circleX, circleY) に直径 d の白い円を描画してください
    • 円がキャンバスの右端または左端に到達したかチェックしてください
    • 到達した場合、方向を反転させてください
    • circleX = circleX + muki で circleX を移動させてください
ヒントを見る
  • size(幅, 高さ): キャンバスのサイズを設定
  • background(赤, 緑, 青): 背景色を設定(RGB値)
  • 複数の変数を組み合わせて動的な図形処理ができます
  • 条件判定と変数の更新を組み合わせてアニメーションを実現します

実行例