アクションゲームなどに使える横スクロールの作り方について掲載しています。ぜひ参考にしてください。
横スクロールを作る
背景のスプライトを追加する
横スクロールを作るためには、背景をスプライトとして追加することが大切です。
その背景を動かしていくことで、横スクロールを作ることができます。
まずは2つほど背景を追加しましょう。
平らな地面だと横スクロールしているかわかりにくいので、少しでこぼこしている地面がおすすめです。
ただし、必ず端の高さをどの背景もそろえてください。
端の高さがそろっていないと、背景がつながって見えなくなってしまいます。
変数を追加する
次に、背景の移動の基準となる「x」という変数を追加してください。
この変数がないと、横スクロールは成り立ちません。
背景をプログラミングする
次に、変数xを基準として背景をプログラミングしましょう。
基本は下のようなコードで位置を設定します。
背景2は、x座標をx＋460にしなければなりません。
なぜかというと、一つ一つの背景を460ずつずらして表示することによって、2つの背景がつながって見えるからです。
矢印キーで動かす
背景の設定ができたら、矢印キーの入力を検知したときに背景が動くようにしましょう。
以下のコードで、矢印キーが押されたときに変数xが変動して背景が動くようにしましょう。
気を付けなければならないのは、キャラクターが進みたい方向と逆の方向に背景を動かさないと、キャラクターが変な方向に動いているように見えてしまうことです。
なので、必ず逆の方向に背景を動かすようにしましょう。
アレンジする
ここまでで横スクロールは完成ですが、以下のようなアレンジを加えることができます。
背景の数を増やして長くする
横スクロールをゲームに活用したいときは、背景の数を必要に応じて長くするといいと思います。
背景の数を増やすときは、その背景のx座標を、
の式で求めることができます。
縦スクロールにする
この横スクロールと同じような方法で、縦スクロールを作ることもできます。
注意しなければならないことは、1画面のy座標は合計で360なので、横スクロールと同じ風にすると、隙間ができてしまうことです。
縦スクロールはシューティングゲームなどに活用できます。
横スクロールや縦スクロールは、様々なゲームに使うことができるので、ぜひ作ってみてください。
