LoginSignup
2
0

More than 1 year has passed since last update.

KCC用Scratchでスクロールの手順書

Last updated at Posted at 2021-12-03

手順

1.ステージ作成

image.png
image.png
スクロールX,Yを作ってステージ自体は隠す

2.ステージのクローンを作る

image.png
まずはX,Y=0で原点に作る。
クローンの位置x,yはこのスプライトのみにチェックを入れる
image.png
こんどは2個目のステージも作る。

3.クローンを動かす

image.png
クローンが作られたら表示する
image.png
ずっと座標を(クローンの位置-スクロール)にする
image.png
冗長になるので定義を作って引数x,yに計算式を入れる

スクロールできるようにする

image.png
ステージ側と実際に動くプレイヤーは分けたいのでプレイヤーのスプライトにプログラムを書いていく。
image.png
単純に矢印キーでスクロールxを増減させる
image.png
上下移動も同じようにスクロールyを増減させる
image.png
大体完成

ステージが引っかかっているのを直す

方法その1-黒枠で囲って隠す(簡単)

image.png
これが一番簡単だと思います。
正直、次に紹介するプログラムは難しいので、あえて次のプログラムを紹介せず、KCCの子どもたちに考えてもらう的な感じにするのもいいかもしれません。

(アクションゲームで地面にめりこむバグの治し方を積極的に発表している子を見てそう思いました)

方法その2(難しい)

image.png
よくみてみると右の方に次のステージが写ってしまっているので隠す。
image.png
これで画面外にステージが引っ掛からなくなる

これ以外にプログラムは思いつきませんでした…というのも、これが一番出来がいいプログラムだからです。
他のプログラムはなんとか子どもでもわかるように説明できるかもしれませんが、こればかりはScratchの性質かつうまく自分が説明できなかったので詳しく書いておきます。

画面外のステージを隠すプログラムの仕組みを解説

image.png
image.png
ステージのプログラムを改造してわかりやすくなるようにクローンの計算したX座標、クローンの実際のX座標という変数を追加。
さらにわかりやすくするためにステージは一個だけ生成することにします。
image.png
クローンを隠す処理は外しておきます。外さないと座標がバグります。
image.png
まず最初に旗を押すとこうなる
image.png
右矢印キーを押すと値が変わって、クローンの実際のX座標とクローンの計算したX座標の値も変わる。
image.png
どんどん右矢印キーを押していく。ステージが端までいくまでずっと押す。
image.png
自分の書いたステージは600*400のサイズでしたが、ここで止まりました。変数をみてみると、クローンの実際のX座標は-527で止まっていて、クローンの計算したX座標は-560まで増えています。

クローンの計算したX座標は(クローンの位置x-スクロールx)で求めており、スクロールxが変化する限りずっと変化しますが、クローンのX座標の範囲には制限があるので差が出ます。なので、二つの値が同じじゃなかったら隠すという処理をすればステージをうまく隠したり表示することができます。
image.png
このプログラムで二つの値が同じかどうか評価しています。同じならば表示して、どちらか片方でも違うと隠すようにしています。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0