今回つくるゲーム
難易度
今回は、クラウド変数を活用してスクコアランキングを作る方法を学んでいきます。クラウド変数を活用することで、自分の作ったゲームで他の人とスコアを競い合えるようになりますので是非活用できるようになってください。今回は以前にブログで紹介したもぐらたたきゲームを題材にスコアランキングを作っていきます。
準備
まず、もぐらたたきゲームをはじめから作りたい人はこちらからチャレンジしてみてください
もぐらたたきゲームの作り方（初級）
スコアランキングの作り方だけを学習したい人はこちらをリミックスしてください
ビンゴおじさんたたき＿ランキング（素材）
（もぐらたたきゲームを中級−２まで作った人も、新しい素材が必要なのでリミックスして開始してください。）
すでにもぐらたたきゲームが完成している状態で、もぐらたたきゲーム（中級−２）から”ランキング”のスプライトが追加されています。
リミックスの方法が分からないという方はこちらの記事を参考にしてください。
全体の流れを変える
ゲームの流れの中にランキングの表示を挟み込んでいきます。
これまでのゲームは以下のような流れで作られていました。
ここに次のようにランキング画面を挟み込んでいきます。
これまでは「ゲーム終了」のメッセージが送られるとリスタートに行ってましたが、ランキング表示にまず遷移して、「リスタート表示」のメッセージでリスタートに行きます。
これをコードで書いていきましょう。
まずは「ゲーム終了」のメッセージを受け取ってランキング表示をするようにしましょう。
ランキング表示のスプライトに以下のコードを書きます。このときスコアと残り時間は隠しておきましょう。また、旗が押された時と、ゲームスタートを受け取った時にはこのスプライトを隠すようにしましょう。
次にリスタートのスプライトに以下のコードを書いていきます。”ゲーム終了を受け取った時”の部分を”リスタート表示を受け取った時”に変更し、また、いままでは真ん中にドンと表示していましたが、表彰台の下に小さく表示したいので座標と大きさを指定します。
これで、まず全体の流れを修正できました。
実際にゲームをしてみて、下の動画のような流れができれば成功です。
クラウド変数の概要
それではここから本題のクラウド変数の使い方に入っていきます。
今回はランキング１位、２位、３位を表示するようにしますが、みんながどんどんプレーしてスコアを更新していくので、この１位、２位、３位のスコアはそれにともないどんどん変化していきます。それを一箇所で管理するのがクラウド変数です。
下図のようにクラウド変数の中に１位、２位、３位のスコアが格納されていて、例えばAくんが８０点を出すと、１位のスコアは９０のまま変わりませんが、２位が８０になり３位が７０になります。このときAくんはランキング２位にランクインしたことになります
またBさんがその後に１００点を出すと、１位が１００になり、２位が９０、３位が８０となります。
もちろんBさんはこの時点でランキング１位です。
また、１位と同じ点数をとったCくんはその時点で１位にランキングされ、１位と２位のスコアが同じになります。そしてDさんはAくんと同じ８０点をとりましたが、この時点ではランク外になってしまいます。
クラウド変数を使おう
おおよそ概要がつかめたら、コードを書いていきます。まず１位・２位・３位のクラウド変数を作ります。いつもの変数を作る時と同じように、下図のようにコードの中にある”変数を作る”から入っていき、新しい変数名を指定していきます。今回は”１位”です。そしてその下の方にクラウド変数（サーバーに保存）というチェックボックスがあるので、そちらにチェックを入れてOKします。
そうすると、変数のところに雲のマークの１位という変数ができたと思います。この雲のマークがクラウド変数になります。同様に２位・３位も作ります。
このクラウド変数がどこに格納されているのか確認しましょう。プロジェクトページに移動すると、画面の下にクラウド変数（データを見る）というボタンが追加されていると思います。
そしてこのボタンを押すと、下図のようにデータが現れます。まだ何の値も入っていないのですべて０になっています。
では、プログラムに戻ってこのクラウド変数を使ってコードを書いていきます。ランキングのスプライトに以下のコードを書いていきます。まずは大きな流れとして順位の変数は旗が押された時とゲームスタートを受け取った時には隠し、ゲーム終了後、ランキング更新が終了後に表示します。
次にランキング更新を定義していきます。とても複雑に見えますがやっていることは単純で、スコアが暫定の１位と同じか高ければ、そのプレイヤーのスコアはランキング１位になります。
そして、２位の点数が３位に下がり、１位の点数が２位に下がり、このプレイヤーのスコアが１位になります。間違いなく順番にスコアを入れ替えていくためにそれぞれの指示の間に0.1秒間隔を入れています。（この順番が大切で、下から順番に変えていかないとおかしなことになってしまいます）
同様に、２位、３位もやっていき、どれでもなければランク外ということになります。
正しく動くか検証しよう
では、クラウド変数が正しく機能するか検証していきます。
緑の旗を押して、スタートボタンを押し、プレーしてみてください。検証用なのでまずは２回たたいて１０点獲得しましょう。
すると、まずは１位に１０が入り、ランキング１位になったことがわかります。
見た目を整えていきます。１位・２位・３位の位置をそれぞれ表彰台の上にもってきて、右クリックを押して大きな表示に変更します。
では続けて何回かプレーして検証します、５点、１５点の順番でスコアを出すと、以下のようにロジック通りに点数が反映されていっているのがわかります。
さらに、もう一度１５点を出すと、こちらも正しく、１位・２位ともに１５点となります。
ここで、もういちどプロジェクトページに行ってクラウド変数のデータを見てみましょう。下図のようにどんどんデータが更新されていってるのが分かります。
ためしに違うユーザからアクセスしてプレーしてみます。すると、下図のようにbingoojisanの他にkanettというユーザもスコアを更新していることがわかります。このようにしてみんなでスコアを更新していきます。
効果音を入れよう
最後に、ランクインした場合とランクインしなかった場合で効果音を出し分けます。
ランクインという変数を作って、デフォルトを１にして、ランクインしなかった場合に０にします。
そしてランクインが１の場合と０の場合で効果音を分けます。
以上で終了です。今回使ったコードはどんなゲームにも使えるので、使いまわしてみてください。
今回作ったコードはこちらからも確認できます。
