質問: canvasタグを使って、横800、縦500のキャンバスを作ったとします。 そこに画像を読み込んで、→、←、↑、↓ボタンを作ったとします。 その画像をそれらのボタンを作って動かす時 例えば、一番左にきた時に、その画像をはみ出ないように(if文)で処理することは可能なのでしょうか?画像を跳ね返すというよりは、はみ出さないようにするイメージです。 可能であれば、例えばの方法を教えて欲しいです。
回答: 処理の流れは、おおよそ、 ・ キーコード(あるいは矢印ボタンの押下)を読み取る ・ 入力結果を加減算して、画像の新しい位置を計算する ・ 画像を動かす となります。 これに画像を動かしてもいい範囲制限がつくので、 ・ キーコード(あるいは矢印ボタンの押下)を読み取る ・ 入力結果を加減算して、画像の新しい位置を計算する ・ 新しい位置がキャンバスからはみ出す場合、増減を0にする。 ・ 画像を動かす といった実装になるでしょう。