スクラッチでユーザ名入りスコアランキングの作り方（クラウド変数・クラウドリスト）

今回つくるゲーム

難易度

今回はスクラッチでユーザ名付きランキングの作り方について解説していきます。ゲームを作った時に、みんなでスコアを競い合うことができれば、さらに楽しくなります。ここではストップウォッチを使って10秒に近づけるほど高スコアになるゲーム「10秒チャレンジ」という簡単なゲームを使って、ランキングの使い方を解説していきます。高いスコアから順番にならべかえる「バルブソート」というテクニックや、クラウド上にデータを保存する「クラウド変数」、さらに、ローマ字を含めてクラウドに保存していく「クラウドリスト」について学んでいきます。

まずは、以下のゲームに参加してみてください。スタートを押して、１０秒経過したと思った時にストップを押してください。最高スコアは9999点になります

スコアがTOP５に入ればランキングにユーザ名が掲載されます

10秒チャレンジゲームを作る

まずは１０秒チャレンジゲームを作っていきます。
新規プロジェクトを作成し、Button2のスプライトを選んでください。

次に、Button2のコスチュームにスタート、ストップとテキストを書き込みます。

そして、コードのタブに移り、以下のようにコードを組みます

少しスコアの算出式がややこしいですが、以下のように10秒に近くなればなるほど高いスコアになるような算出式になっています。

例）
9.123秒で止めた　→   スコア：９１２３
10.123秒で止めた　→ スコア：９８７７

以下のように、スタートとストップを押してスコアが出れば成功です。

スコアランキングを作る

次に、スコアランキングを作っていきます。

ユーザ名付きスコアリストの作成

最初にはユーザ名付きスコアリストを作成していきます。まず、トップ５というリストを作成し、スコアとユーザ名を組み合わせてリストの中に入れていきます。

この状態で、何回かゲームをするとトップ５のリストに以下のようにデータが溜まっていきます。
この時点ではユーザ名は自分だけですし、スコア順にも並んでいません。そして６回目以降はリストに加えられません。

スコアを高い順番（降順）に並び替え

ではここからスコアを高い順番（降順）に並び替えていきます。リストの数字を大きなものから順番にならべかえるのは「バルブソート」というテクニックを使います。バルブソートに関して詳しくは以下を参考にしてください

scratch_JAPAN_wiki データの並び替え

今回はスコアとユーザ名が一緒になってしまっているので、スコアだけを取り出す作業が必要になります。バルブソートのコードをベースに改良していきます。

これで、スコアが高い順番に並び替えられます。

実はこのままではスコアが２桁や３桁の時は対応できなかったり、10000点（10秒ぴったり）のときも対応できません。複雑になるのでここでは書きませんが条件分岐を追加していくことで対応可能です。

順位を判定

最後に、順位を判定して、５位以内に入ると吹き出しで知らせてくれる機能も入れておきましょう。

クラウドリストを作る

ここまでは、自分だけでゲームをプレイしていましたが、他の人とスコアを競い合えるようにしましょう。他の人が変数を更新していくためにはクラウド変数を使います。クラウド変数の使い方についてはこちらに簡易的なものは紹介しています。

しかし、クラウド変数は数字しか扱えませんので今回のようにユーザ名などのローマ字や記号はクラウド上に保存できないので、一度すべて数字に変換してクラウド上に保存していくことになります。

まず、例えば 9335 : kanett という文字列をクラウドに保存することを考えてみましょう。下の図のように、ローマ字や記号を数字に変換する対応表を作成し、その対応表に準じて符号化すると、

9335 : kanett  →   3529293170110114052020

のように変換できます。このことを符号化と呼び、逆に符号をスコアに戻すことを復号化と呼びます。

この考え方をさらに進化させると、以下のようにリストを符号化・復号化できるようになります。
このことをスクラッチの世界ではクラウドリストと呼びます。

このクラウドリストのコードは実に様々な人が書いてくれていますが、この記事では以下のmirukumaさんのクラウドリストのコードを参考にさせていただきました。

教育用クラウドリスト

以下のように符号化・復号化を定義していきます。

実際にクラウドリストが機能しているかどうか、プロジェクトページの「クラウド変数（データを見る）」のボタンを押してください。

すると、以下のようにデータが更新されているのがわかります。

すべてのコード

以上でユーザ名入りスコアランキングの作り方は終了です。以下がすべてのコードになります。

ユーザ名入りスコアランキング

今回使った「バブルソート」「符号化」「復号化」などのコードはいつでも部品として使えるようにしておきましょう。このような定型のコードは様々なスクラッチャーの人たちが作ってくれているのでより良いものを探して活用させてもらうと良いでしょう。自由に他の人のコードが見れて活用することができるのがスクラッチのとても良いところです。もちろん今回のコードも自由に活用してください。