【Scratch3.0】クラウドを活用して「いつ・どこで・誰が・何をした」ゲームを作る

Last updated at 2019-10-10Posted at 2019-10-10

はじめに

拡張機能を使ってScratch3.0にクラウドデータベースを連携しました

クラウドデータベースとして、ニフクラ mobile backendを使用しています。GUIはGitHubに公開していますので、ご自由にお使いください。ここで作るゲームにも使用します。

###クラウドデータベースを連携したScratch3.0▼

使い方（クイックスタート）▼

Scratch3.0からmobile backendが使えるブロックを追加してみました - Qiita

事前準備

一つ前の章の「使い方（クイックスタート）」に記載のブログを参考にして、環境の準備をしてください。
- ニフクラ mobile backend のアカウント作成（無料:SNSIDの場合）
- ブラウザ環境Google Chromeの準備
Google Chrome を開いて、以下２つのタブを開いておきましょう。
- ニフクラ mobile backend にログイン後の管理画面
- クラウドデータベースを連携したScratch3.0
事前に以下を実施してあると理解が早いと思います。
- Scratch3.0からmobile backendが使えるブロックを追加してみました - Qiita

「いつ・どこで・誰が・何をした」ゲームを作る

準備ができたら早速作りましょう！

完成イメージ

クラウドデータベース上に準備した「いつ・どこで・誰が・何をした」のデータを、ランダムに呼び出してスプライト（キャラクター。ここではタカノくん¹を使用しています。）にしゃべらせるゲームを作ります。

作業手順

1. クラウドデータベース側作業

mobile backend にログインして管理画面を開く
アプリを新規作成する
- APIキー（アプリケーションキー、クライアントキー）が作成されます
ダッシュボード＞データストアにクラス「Scratch」を作成する
- データは以下のように準備します
  - フィールド「When」「where」「who」「what」を追加
  - ダブルクリックして値を入力します
  - レコード５つ分作成すればOKです
- 時間がない方は下のJSONファイルをインポートすることで同じデータの入ったクラスを作成できます
  - https://natsumo.github.io/demoData.json からJSONファイルをDLする
  - JSONファイルを mobile backend のデータストアにインポートする

参考

JSONファイルの中身はこんな感じです。

demoData.json

{
  "results":[
    {
      "what":"縄跳び",
      "when":"昨日",
      "where":"会社",
      "who":"Scratchくん"
    },
    {
      "what":"引っ越し",
      "when":"今日",
      "where":"自宅",
      "who":"ニフクラさん"
    },
    {
      "what":"逆立ち",
      "when":"３年前",
      "where":"トイレ",
      "who":"NCMBさん"
    },
    {
      "what":"フルマラソン",
      "when":"生まれてすぐ",
      "where":"新宿",
      "who":"タカノくん"
    },
    {
      "what":"木登り",
      "when":"20才の誕生日",
      "where":"学校",
      "who":"見知らぬ人"
    }
  ]
}