【後編】Scratchでなめらかなスクロールを作ろう

2022/06/15 scratch

ゲーム経験者の誰もが通る道、それは２Dプラットフォームアクション。

というわけで、今回は2Dプラットフォームを作る上で欠かせない、「背景のスクロールアクション」について説明します。

長いですが、写経で頑張りましょう！コピペ厳禁！

後編は背景画像のスクロール機能の実装からスタートです！前編はこちら！

【前編】Scratchでなめらかなスクロールを作ろう

もくじ 閉じる

Contents

1 完成品
2 背景画像のスクロール実装
3 スクロール実装のポイント
4 床のみ画像のスクロールの実装
5 修正・アレンジポイント

完成品

背景画像のスクロール実装

こんな感じのスクロールを目指します

まず、今回作るスクロールの仕組みについて考えます。

2枚の背景を左右に動かすことでスクロールを実現します。
画面に映る背景は、最大2枚です。
最初に1枚目と2枚目の背景を設置しておきます。
1枚目の背景が左に動くと、2枚目の背景が表示されます。
1枚目の背景が表示されなくなったらすぐさま3枚目の位置へ移動し、コスチュームを3枚目に変えます。

この処理を、プレーヤーの変数【位置】を使って判定していきます

変数の設定（「このスプライトのみ」の変数【ステージ】は、メイン背景と、床のみの背景どちらのスプライトにも設定しておきます）

「メイン背景」全体のプログラム

スクロール実装のポイント

本体とクローンを1つ出すことで、2枚のスプライトを使います
位置を0ではなく10にしておくことで、最初から2枚目を表示した状態にします。
あくまで背景なので、常に最背面に設定します
左右の矢印キーを押すことで、変数【位置】を変更します
【位置】が0より小さい場合はそれ以上左に進まないようにしています。
【位置】が背景の大きさ(今回は 480 × 7 + 97 – 480 = 2977 – 480)よりも右側に行かないように設定しています。
この時、一番最後の背景の幅が480よりも小さい場合は、１画面分左に寄せないと、背景がはみ出してしまうので注意が必要です。
【位置】の値によって、本体・クローンそれぞれのスプライトの【ステージ】の値を変更しています。この変数【ステージ】を別々に管理することで、コスチュームや座標の調整をしています。
ここ、大事です！
難しい場合は自分で紙とペンを用意して考えてみてください。
コピペで完成してもあなたの作品にはなりません。
1枚目がもっとも左側の背景になるので、【位置】を指定してステージが1より小さくならないようにしています。
1. x座標を設定します。
2. コスチュームを設定します。
3. 1枚目のステージと、2枚目のステージ、それぞれの変数をお互いに使えるように、すべてのスプライト用の変数【1枚目のステージ】【2枚目のステージ】にそれぞれのステージの値を代入しています。