コントロールされたオブジェクトがキャンバスの境界線に入ったときにゲームの背景を変更するにはどうすればよいですか？

Question

私はコードを書くのがやや新しいです。私は現在、制御されたキャラクタが移動するためのキャンバスを作成するコードを持っています。これまでのところ、私はキャラクターがキャンバスの右の枠に入ると、そのキャラクターをキャンバスの左に移動させます。しかし、私はキャラクターが新しいエリアに入ったことを示す、背景の変更もしたい。これをどうやってやりますか？背景は現在CSSを使用して作成されています。

Answer 1

まず、キャンバスを変数にする必要があります。それはIDを持っている場合、あなたはそれを使用することができます。

var canvas = document.getElementById("YOUR_CANVAS_ID_HERE"); 

次にキャンバスの背景色を設定するには、このコードを使用する：あなたが必要とするすべてである必要があり

canvas.style.backgroundColor = "red"; 

を！