メイクコード アーケード を使ってゲームを作ります。第三弾です。
過去に行ったことは説明を短くしていきます。
手順が分からないときは前のページを再読しましょう。
これから作るゲーム
これから作るゲームは前回と少し似ています。
ですが、細かいところで違いがあります。
この違いを認識することでゲーム制作スキルが上がっていきます。
上から降ってくるケーキをプレイヤーが食べるゲームです。
食べると言っても、ケーキに触れるだけです。
制限時間内にできるだけ沢山のケーキに触れることが目的です。
ケーキを１つ取るとスコアが1点入ります。
なお、プレイヤーの移動は左右のみに制限します。
新しくプロジェクトを作成しよう
さっそく 新しいプロジェクト をクリックしましょう。
アカウント登録している人はサインインしてから行いましょう。
プロジェクトの名前を入力して 作成 ボタンをクリックします。
背景に絵を入れたいと思います。
シーン の中の 背景画像を○に設定 をドラッグします。
最初だけ の中に配置します。
次に絵を選びます。
エディタが開いたらギャラリーをクリックします。
森のような画像を選びます。
エディタに戻ったら 完了 をクリック。
これで背景が表示されます。
この作業は、ギャラリーから選んだ絵をエディタ上にロードしています。
そして、エディタ上の絵が実際に使用されます。
ですからエディタで、選んだ絵に対して加筆することも可能です。
プレイヤーを表示しよう
プレイヤーを表示させましょう。
スプライト の中の黄色で指定したブロックをドラッグします。
最初だけ の中に配置します。
絵を選びます。
エディタが開いたらギャラリーから絵を選びましょう。
私は次の絵を選びました。
なお、サイズが 16x16 ならば他の絵でもかまいません。
エディタに戻ったら 完了 をクリック。
これでスプライトが表示されます。
プライヤーを動かそう
プレイヤーキャラを操作できるようにします。
コントローラー の中の mySpriteをボタンで動かす をドラッグします。
最初だけ の中に配置します。
プレイヤーの移動を左右のみにしたいと思います。
下図のところをクリックします。
速度 vx 300 vy 0 に変更します。
vx は横移動の大きさを指定し、vy は縦の移動を指定します。
vy を 0 にすると、縦の移動ができなくなります。
画面外へ飛び出さないようにします。
スプライト の中の set mySprite stay in screen をドラッグします。
下の方にあります。スクロールして探してください。
最初だけ の中に配置します。
配置したら画面外へ出ないことを確認しましょう。
プレイヤーの初期位置を変えよう
プレイヤーを表示すると画面の中央に出てきます。
これはスプライトの初期座標が画面の中心 x:80 y:60 になっているからです。
ちなみに画面のサイズは、幅 160 高さ 120 です。
プレイヤーの初期位置を画面の下部に変更します。
スプライト の中の mySprite の位置を x0 y0 にする をドラッグします。
下の方にあります。スクロールして探してください。
プレイヤーの座標を x:0 y:97 に変更します。
この座標は、背景の絵を見ながら適当に選びました。
シミュレーターを確認しましょう。
画面下部にプレイヤーが表示されます。
ここで意識してもらいたいのが、実際には x:0 y:97 の座標に表示された訳ではないことです。
プレイヤーは set mySprite stay in screen によって画面外へ出ることがありません。
つまり x:0 の座標より右側へ（画面内へ）押し戻されています。
試しに set mySprite stay in screen を オフ にしてみましょう。
確認するとプレイヤーが画面からはみ出ているのが分かります。
確認後 set mySprite stay in screen を オン に戻しましょう。
… 次回に続きます。