数値と変数-応用6

問題

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

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

実行例