今回つくるゲーム
難易度
今回はマリオパーティーで人気のくるりんクロック風のゲームを作っていきます。短針の上に乗ったキャラクターが回ってくる長針をジャンプして避けます。時間が経つたびに短針と長針の回る向きや速度がどんどん変化して難易度が上がっていきます。くるくる回る時計をどのように3次元的に表現できるかがこのゲーム作りのポイントとなります。
まずは実際にゲームをプレイしてみてください。スペースキーでジャンプです。レベル15までいけばクリアです。
はじめに
まず、以下をリミックスしてください
こちらにはゲームを作るのに必要な素材が揃っています。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-18.33.40-1024x562.png?resize=1024%2C562&ssl=1)
スプライトのコスチュームを自由自在に作るには曲線の描き方に慣れる必要があります。コスチュームを1から作りたい人はこちらも参考にしてください。
時計を組み立てる
まず、時計を組み立てましょう。時計は以下の要素で構成されています。5つのパーツを順番に組み合わせていくことで時計が完成します。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-20.07.16.png?resize=953%2C534&ssl=1)
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-20.07.29.png?resize=851%2C473&ssl=1)
今回時計を3次元的に表現したいので、針は画面の上に行くほど短くなり、手前に来るほど長くなります。しかし、それを表現するのはとても大変なので、短針を時計盤下の下側に、長針を時計盤上の下側に隠すことで対応しています。
このように順番に並べるために以下のようにコードを書きます。わかりやすいように針は回転させましょう。
※背景は自動的に最背面になるので、スプライトを並べる時の最背面は短針になります。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-18.54.57.png?resize=382%2C301&ssl=1)
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-18.49.13.png?resize=294%2C149&ssl=1)
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-18.55.17.png?resize=382%2C320&ssl=1)
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-18.49.44.png?resize=294%2C148&ssl=1)
この状態で緑の旗を押してみましょう。
以下のように短針と長針が円の中を回っているように見えると成功です。
プレイヤーの動きを作る
短針の上にプレイヤーを乗せる
まず、短針の上にプレイヤーをのせていきます。短針がくるくる回ると、プレイヤーもあわせてくるくる回らなければなりません。空間が3次元になっているので、遠近法で以下のルールとなります。
1.短針が12時に行くと、中心からの距離が一番短くなり6時に行くと中心からの距離が一番長くなる 2.短針が12時に行くと、プレイヤーは一番小さく見え、6時に行くと一番大きく見える
中心から一番短い距離を80、一番小さいサイズ50%をとして、三角関数を用いて以下のコードになります。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-18.59.24.png?resize=840%2C412&ssl=1)
例えば、針が60度(2時)の位置にあるときは以下のような考え方になります。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-20.41.20-1.png?resize=719%2C530&ssl=1)
緑の旗を押してみてください。うまくプレイヤーが3次元をまわる短針の上に乗っているように見えれば成功です。
プレイヤーをジャンプさせる。
次にプレイヤーを短針の上でジャンプさせていきます。
プレイヤーのコードに以下を追加します。コスチュームをジャンプに変更した後の時間が滞空時間になり、この秒数が短いと難易度が上がります。またコスチュームを待機に戻した後に0.5秒待って連続ジャンプができないようにします。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-19.15.04-2.png?resize=764%2C408&ssl=1)
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/08/ビンゴおじさんアイコン2.png?resize=92%2C92)
連続ジャンプができてしまうとスペースを押しっぱなしにしておけばクリアできてしまうので注意!
ゲームオーバーを作る
次に、ゲームオーバーを設定していきます。プレイヤーが長針にぶつかるとゲームオーバーになりますが、プレイヤーのまま当たり判定を行ってしまうと下図のように耳がちょっと触れたり、ヒゲが触れたりするだけでゲームオーバーとなってしまいます。それではゲームとしては成立しません。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-20.59.19-1024x766.png?resize=407%2C304&ssl=1)
と、いうことで、当たり判定用のスプライトを用意します。ターゲットと名付けられた赤い四角いブロックです。ターゲットはキャラクターの足元に小さく設定されるようになっているので、下図のように多少長針が顔にかかっても、ターゲットに触れていなければセーフです。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-21.18.31.png?resize=410%2C310&ssl=1)
ターゲットのスプライトに以下のコードを書いていきます。位置と大きさについてはプレイヤーと同じ考え方です。ターゲットが長針に触れた時に、プレイヤーがジャンプしていなかったら(コスチュームが待機なら)ゲームオーバーとなります。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-19.21.14.png?resize=847%2C652&ssl=1)
次に、プレイヤーのコードにもゲームオーバーを追加していきます。ゲームオーバーになるとプレイヤーが上に飛んでいきます。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-19.24.47.png?resize=837%2C614&ssl=1)
ゲームを管理する
ここまできたら、ゲームを管理していきます。ゲームの構成は以下のようになります。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-23.44.31.png?resize=941%2C515&ssl=1)
これをゲーム管理のスプライトにコードとして書き込んでいきます。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-19.38.15-1.png?resize=852%2C634&ssl=1)
続いて短針と長針のコードを以下のように変更します。短針・長針の動きを1セットでステージとしていきます。このステージを最終的には15ステージ用意していきます。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-19.38.39.png?resize=852%2C447&ssl=1)
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/02/スクリーンショット-2022-02-28-19.38.45.png?resize=852%2C447&ssl=1)
これで、実際にプレーしてみてください。以下のようにクリア、ゲームオーバーが再現できると成功です。
ステージを量産する
ここまでできたらゲームは完成したも同然です。あとはステージを重ねていくだけです。今回は以下のように設定しましたが、回転の向きと大きさ、長さを組み合わせて難易度の調整をしてみてください。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/03/スクリーンショット-2022-02-28-19.42.49.png?resize=850%2C654&ssl=1)
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/03/スクリーンショット-2022-02-28-19.44.04.png?resize=850%2C654&ssl=1)
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/03/スクリーンショット-2022-02-28-19.45.56-1.png?resize=850%2C654&ssl=1)
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/03/スクリーンショット-2022-02-28-19.47.25.png?resize=850%2C654&ssl=1)
すべてのコード
これで完成です。すべてのコードはこちらからも確認できます。