チャプター 5
Step 01
円がジャンプするかわりにキャラがジャンプする!
ここまで円をプログラミングでジャンプさせるコードを書いてきました。せっかくリアルにジャンプが表現できたので、たんなる円ではなくて、何かキャラクターがジャンプするようにできたら楽しいですよね。
そこで今回はp5エディタのプロジェクトにこれからゲームっぽくするための画像をいくつか用意しました。最後には自分の好きな絵を使うことができるようになりますが、いまはあらかじめ用意した画像を使ってください。スタート版のプロジェクトに入っている画像は次の通りです:
● ゼロ君(金髪の男の子)
● バナナ
● まくら
● 日のため
● ドリンク
● 宇宙の風景(背景用)
今回は円をゼロ君にかえてみます。まずは次の「スタート版」を開いて次のセクションに行ってください。
https://editor.p5js.org/ippunkan/sketches/Uj58WKpaF
次にすすむ
そこで今回はp5エディタのプロジェクトにこれからゲームっぽくするための画像をいくつか用意しました。最後には自分の好きな絵を使うことができるようになりますが、いまはあらかじめ用意した画像を使ってください。スタート版のプロジェクトに入っている画像は次の通りです:
● ゼロ君(金髪の男の子)
● バナナ
● まくら
● 日のため
● ドリンク
● 宇宙の風景(背景用)
今回は円をゼロ君にかえてみます。まずは次の「スタート版」を開いて次のセクションに行ってください。
https://editor.p5js.org/ippunkan/sketches/Uj58WKpaF