チャプター 5

Step 01

円がジャンプするかわりにキャラがジャンプする!

ここまで円をプログラミングでジャンプさせるコードを書いてきました。せっかくリアルにジャンプが表現できたので、たんなる円ではなくて、何かキャラクターがジャンプするようにできたら楽しいですよね。

そこで今回はp5エディタのプロジェクトにこれからゲームっぽくするための画像をいくつか用意しました。最後には自分の好きな絵を使うことができるようになりますが、いまはあらかじめ用意した画像を使ってください。スタート版のプロジェクトに入っている画像は次の通りです:

● ゼロ君(金髪の男の子)
● バナナ
● まくら
● 日のため
● ドリンク
● 宇宙の風景(背景用)

今回は円をゼロ君にかえてみます。まずは次の「スタート版」を開いて次のセクションに行ってください。

https://editor.p5js.org/ippunkan/sketches/Uj58WKpaF
次にすすむ