ピクセルアートでステージ作り

[levels]というスプライトの中に、各レベルに応じたステージを
各コスチュームに描いてあります。
ステージはこんな感じです。

このステージのいいところは
「ピクセルアート」といって、画像のサイズがとても小さいところ。

元画像はこれくらいのサイズです。
ステージの画像をつくるのは、かなり手間のかかる作業なんですが
このくらいのサイズなら、ラクに作ることができますね。


実際に画像を作るときは、コスチューム編集画面の右下にある
虫めがねマーク（+）を押すと拡大できます。
好みの大きさになるまで何度かクリックしてみて下さいね。

あとは、実際にステージを描いてみましょう。

一番上の「ペンツール」で線が描けます。
上から６番目の「バケツツール」で塗りつぶし
上から７番目の「消しゴム」で描いている線を消すことができます。


線の太さは、コスチューム編集画面の左下にある
「線の幅」のスライダーを使って変えられます。

今回は、小さい画像を編集するので、一番細い線を選びましょう。

ステージのスクリプト

ステージを描いたら、ステージのスクリプトを見てみましょう。

ステージを表示するブロックはこんな感じです。
小さい画像なので、大きさを300％（３倍）にしていますね。

あとは、ステージをクリアしたとき（キャラクターが黄色に触れた）ときに
変数「Lvl（レベル」を１ずつ変えることで
表示するステージを変えるようにプログラミングされていますね。

また、今回のゲームは「キャラクター」ではなく「ステージ」が動くように
プログラミングされていますので、
キーを押されたときやキャラクターとの当たり判定も
ステージがわで行っています。

当たり判定や、キー判定は、以前紹介したものと同じなので
この記事をみてね

今回のゲームはステージを動かすので、キャラクターを動かす時とちがって
ジャンプしたときにｙ座標がマイナスされるようになっているので注意です。 

アレンジがおわったら

リミックスのボタンを押して、保存して
あなただけの、オリジナルステージを公開してみて下さいね。

---

この記事がよかった！という方は「B!」ボタンや