スクラッチでオンラインゲームを作る⑫　一人用の鬼ごっこをMMO化してみよう！

スクラッチプログラミングに挑戦している皆さん、どうも！スクラッチコーチです。

前回(ぜんかい)は自作(じさく)ゲームのサンプルとしてシンプルな鬼(おに)ごっこを作(つく)った！これをオンラインゲームエンジンを使(つか)ってMMO化(ばか)していく手順(てじゅん)をやっていこうと思(おも)う。ここで手順(てじゅん)を押(お)さえておけば、次(つぎ)はキミ自身(じしん)のゲームをMMO化(か)することも可能(かのう)だ。そんな大(おお)いなる一歩(ぽ)を一緒(いっしょ)に行(い)こう！

今回(こんかい)の目標(もくひょう)「オンライン鬼(おに)ごっこを作(つく)る」

前回(ぜんかい)作(つく)った鬼(おに)ごっこの仕様(しよう)を改(あらた)めて確認(かくにん)しておくね。

• プレイヤーは緑(みどり)
• エネミーは赤(あか)
• プレイヤーはエネミーから逃(に)げれば逃(に)げるほどポイントが貯(た)まり、体(からだ)のサイズが大(おお)きくなっていく。
• プレイヤーはエネミーに触(ふ)れるとポイントがリセットされて、体(からだ)のサイズが元(もと)に戻(もど)る。
• エネミーは不規則(ふきそく)に動(うご)きつつも、ときどきプレイヤーめがけて急襲(きゅうしゅう)してくる。

こういう一人用(ひとりよう)の鬼(おに)ごっこゲームを作(つく)った。これをMMO化(ばか)していくにあたって、以下(いか)の要件(ようけん)を加(くわ)えていこうと思(おも)う。

• 別(べつ)プレイヤー用(よう)のフレンドというスプライトを作(つく)る（オンラインゲームエンジンを使(つか)う）
• フレンドは水色(みずいろ)
• エネミーは各(かく)プレイヤーごとにローカル表示(ひょうじ)される。つまり今回(こんかい)はエネミーはオンライン化(か)の対象(たいしょう)外(がい)。
• フレンドも逃(に)げる時間(じかん)が長(なが)いほど体(からだ)のサイズが大(おお)きくなる。

ゲーム内容(ないよう)自体(じたい)はシンプルさを重視(じゅうし)しているから、まぁこんなところかな。

オンラインゲームエンジンをバックパック化(か)する

いきなり本題(ほんだい)だよ。さっそくMMO化(か)を進(すす)めていく。まずは、鬼(おに)ごっこではなくて、オンラインゲームエンジンの作品(さくひん)を開(ひら)こう。プロジェクトをいじるので、プロジェクトのコピーを作(つく)っておくことをおすすめする。

自(より)プレイヤーを選(えら)ぶ

そしてスプライト「自(より)プレイヤー」を選(えら)ぼう。

不要(ふよう)なブロックを削除(さくじょ)する

めっちゃ消(け)すｗ

最終的(さいしゅうてき)には↓こんな感(かん)じ。

クラウドプレイヤーにコピペする

このブロック群(ぐん)をスプライト「クラウドプレイヤー」にまるっとコピーする。ドラッグアンドドロップでスプライトにまるっと持(も)っていこう。

スプライト「クラウドプレイヤー」側(がわ)にブロック群(ぐん)がコピーできたか確認(かくにん)しておこう！

• なぜ使(つか)われないブロック群(ぐん)を追加(ついか)したの？

  u003cpu003eクラウドプレイヤーでは使(つか)わないのだけど、あとで鬼(おに)ごっこ側(がわ)で使(つか)うんだよね。だけど２個(こ)バックパック作(つく)るとMMO化(か)するのに必要(ひつよう)なバックパックが増(ふ)えて管理(かんり)しづらい。そこで、必要(ひつよう)なブロックは全部(ぜんぶ)クラウドプレイヤーに詰(つ)め込(こ)んで、バックパックを１つにまとめておこうという発想(はっそう)なんだ。こういう一箇所(かしょ)で管理(かんり)する方法(ほうほう)は「一元(いちげん)《いちげん》管理(かんり)」と呼(よ)ばれてて、システムやゲーム開発(かいはつ)だけではなくビジネス全体(ぜんたい)で広(ひろ)く使(つか)われているぜぃ。u003c/pu003e

バックパック化(か)する

こんどはスプライト「クラウドプレイヤー」をまるごとバックパックに追加(ついか)するぞ。エディター下部(かぶ)の「バックパック」という部分(ぶぶん)をクリックして開(あ)けてから、スプライトをドラッグアンドドロップだ。

これで一区切(ひとくぎ)り！オンランゲームエンジンをバックパック化(か)することに成功(せいこう)したぞ！

オンラインゲームエンジンを移植(いしょく)する

さぁ、いよいよ鬼(おに)ごっこのオンラインゲーム化(か)に挑戦(ちょうせん)だ！オラ、ワクワクすっぞ！まずは鬼(おに)ごっこプロジェクトを開(ひら)こう！中(なか)を見(み)るでエディタを表示(ひょうじ)しておく。

バックパックからクラウドプレイヤーを追加(ついか)する

さっきバックパック化(か)したクラウドプレイヤーを取(と)り出(だ)して、スプライトのところにドラッグアンドドロップしよう。

よし、いい調子(ちょうし)だ！

ニセモノのクラウド変数(へんすう)を消(け)す

変数(へんすう)のところを見(み)てみよう。おお、クラウド変数(へんすう)がバシッと追加(ついか)されてる！と思(おも)いきや、実(じつ)はこれニセモノなんです……。（でも、まだ消(け)さないでね）

ニセモノだという証拠(しょうこ)もあります。この作品(さくひん)のプロジェクトページを見(み)てみると……あるはずの「クラウド変数(へんすう)」宣言(せんげん)がないんです。

これは由々(ゆゆ)しき事態(じたい)ですな。消(け)しましょう。あ！待(ま)って！消(け)さないで！ｗ実(じつ)は消(け)し方(かた)にもコツがある。そのままサクッと消(け)すと変数(へんすう)を使(つか)っている場所(ばしょ)も消(き)えてしまって大変(たいへん)なことになってしまうのだ。

恐怖(きょうふ)しかない！もはや作(つく)り直(なお)しといっても過言(かごん)ではないレベルで手間(てま)だね。

ステージ「背景(はいけい)」を選(えら)ぶ

こんなときはいったん落(お)ち着(つ)いてステージをクリックしよう。

ステージ内(ない)でクラウド変数(へんすう)を消(け)す

ステージが選択(せんたく)された状態(じょうたい)で、さっきのニセ変数(へんすう)たちを一掃(いっそう)しよう。

最終的(さいしゅうてき)には↓こんな感(かん)じでスッキリする。

あ！まだクラウドプレイヤーは開(ひら)かないでね。ステージのままだよ。いまクラウドプレイヤーを開(ひら)くと、またニセ変数(へんすう)が復活(ふっかつ)しちゃうからね。

クラウド変数(へんすう)を作(つく)り直(なお)す

いま消(け)したクラウド変数(へんすう)を1から8まで作(つく)り直(なお)そう。

クラウド変数(へんすう)にチェックを入(い)れ忘(わす)れないでね！８回(かい)も繰(く)り返(かえ)してると１回(かい)くらい忘(わす)れちゃうこともある。

クラウドプレイヤーを確認(かくにん)する

よし、あらためてクラウド変数(へんすう)を８個(こ)作(つく)り直(なお)したあとなら、クラウドプレイヤーを確認(かくにん)してもニセ変数(へんすう)は復活(ふっかつ)しないぞ。見(み)てみよう。

おっけい！

バックパックからメイン処理(しょり)を取(と)り出(だ)す

スプライト「クラウドプレイヤー」には使(つか)われてないブロック群(ぐん)を追加(ついか)しておいたよね。あれを鬼(おに)ごっこのメインループ内(ない)に追加(ついか)しようと思(おも)う。ドラッグアンドドロップで追加(ついか)しよう。

クラウドプレイヤー側(がわ)ではこのブロック群(ぐん)は使(つか)わないから削除(さくじょ)しちゃっていいよ。

鬼(おに)ごっこ独自(どくじ)のデータをクラウド変数(へんすう)に追加(ついか)する

おし、ここから本番(ほんばん)だ！いまのクラウドプレイヤーは（プレイヤーUID以外(いがい)に）X座標(ざひょう)とY座標(ざひょう)という位置(いち)情報(じょうほう)だけを共有(きょうゆう)するシンプルな作(つく)りになっているよね。でも鬼(おに)ごっこには位置(いち)情報(じょうほう)以外(いがい)にもポイントという独自(どくじ)のデータもあって、これもクラウド変数(へんすう)で共有(きょうゆう)しなくてはならない。

プレイヤーのメインループにクラウド処理(しょり)を追加(ついか)する

まずは今(いま)しがたコピーしたブロック群(ぐん)を、プレイヤーのメインループ内(ない)に組(く)み込(こ)もう。すでに「ずっと」ループはあるから、それ以外(いがい)のブロックをバラバラに追加(ついか)していくよ。

「クラウド - セットアップ」を追加(ついか)する

メッセージ「クラウド - セットアップ を送(おく)って待(ま)つ」は、最初(さいしょ)のところに追加(ついか)するぞ。

↓こんな感(かん)じになる。

座標(ざひょう)情報(じょうほう)を追加(ついか)する

X座標(ざひょう)とY座標(ざひょう)を送信(そうしん)用(よう)データに追加(ついか)するブロックも追加(ついか)する～。

↓こんな感(かん)じになる。

X座標(ざひょう)とY座標(ざひょう)に変数(へんすう)「スピードX」と「スピードY」が加(くわ)えられた後(あと)に追加(ついか)すればOKだよ。

「クラウド - ティック」を追加(ついか)する

このメッセージも続(つづ)けて追加(ついか)してしまってOK。今回(こんかい)は続(つづ)けて追加(ついか)するけど、追加(ついか)場所(ばしょ)の判断(はんだん)基準(きじゅん)としてはリスト「★送信(そうしん)用(よう)データ」に追加(ついか)予定(よてい)のデータをすべて追加(ついか)した後(あと)に、このメッセージを送(おく)る感(かん)じだよ。だからもしキミの自作(じさく)ゲームでは複雑(ふくざつ)な計算(けいさん)をしてから送信(そうしん)用(よう)データを作(つく)り込(こ)む(む)なら、その処理(しょり)が全(すべ)て終(お)わって送信(そうしん)用(よう)データが整(ととの)ってからメッセージ「クラウド - ティック」を送(おく)るようにしよう。

独自(どくじ)データ「ポイント」を共有(きょうゆう)する

さぁ、これだよね。ポイント。ポイントも送(おく)らないとね。鬼(おに)ごっこ独自(どくじ)データを送信(そうしん)用(よう)データに追加(ついか)するぞ。これが成功(せいこう)すれば自作(じさく)ゲームのMMO化(か)が近(ちか)づくぞ。

送信(そうしん)する

そのままスプライト「プレイヤー」にて送信(そうしん)用(よう)データにポイントを追加(ついか)しよう。

ゆーてもコレだけかい！ｗまぁポイントの計算(けいさん)はすでに終(お)わってるしね。追加(ついか)するだけならこれだけだわな。

受信(じゅしん)する

ただ送信(そうしん)も重要(じゅうよう)だけど、受信(じゅしん)も大切(たいせつ)だよね。

クラウドプレイヤーを選(えら)ぶ

クローンティックを見(み)つける

だいぶブロックが多(おお)いから見(み)つけにくいけど、ブロック定義(ていぎ)「クローンティック」を見(み)つけよう。

↑こういうブロック群(ぐん)。

デコード処理(しょり)を追加(ついか)する

XとY以外(いがい)にもポイントが送信(そうしん)されてくるので、最後尾(さいこうび)にデコード処理(しょり)を追加(ついか)する。

大(おお)きさを変(か)える処理(しょり)を追加(ついか)する

変数(へんすう)「値(ね)」にはポイントが入(はい)っている手(て)はずなので、コレを使(つか)ってクラウドプレイヤーの大(おお)きさも変(か)えよう。

いえす、これでデータ的(てき)なことは整(ととの)った！ためしに２つ並(なら)べて動(うご)かしてみよう。

あとは見(み)た目(め)を変(か)えたい！

フレンドに変(か)える

クラウドプレイヤーのスプライト名(めい)をフレンドに変(か)えようか。

コスチューム

めちゃカンタンに四角(しかく)い水色(みずいろ)作(つく)るｗせめて目(め)もつけるか……。

描(えが)くのが苦手(にがて)な人(ひと)はここからダウンロードしてファイルをコスチュームにアップロードしてくれ。フレンドのコスチュームもともといるスクラッチキャットのコスチュームは削除(さくじょ)してOK。

テスト

よし、これでテストぉ！うん、動(うご)きは問題(もんだい)ない。けどフレンドと自分(じぶん)の重(かさ)なり方(かた)が微妙(びみょう)。

自分(じぶん)を前(まえ)に出(だ)すようにしようかな。

自分(じぶん)を最前面(さいぜんめん)にする

プレイヤーを選択(せんたく)してから最前面(さいぜんめん)になるようにブロックを追加(ついか)するよ。

これでオーケー！

フレンドも時間(じかん)が経(た)つと大(おお)きくなるようになってるね！やったぜ！

まとめ

今回(こんかい)はソロプレイ用(よう)の鬼(おに)ごっこを、途中(とちゅう)からMMO化(か)するというチャレンジに挑戦(ちょうせん)したぜ。ココまで作(つく)り上(あ)げてきたオンラインゲームエンジンを実践的(じっせんてき)にカスタマイズする方法(ほうほう)のキホンがわかったと思(おも)う。大切(たいせつ)なのは結局(けっきょく)のところ以下(いか)のようになるかな！

• バックパック化(か)したクラウドプレイヤーを自作品(じさくひん)に追加(ついか)する
• メインループに
  • メッセージ「クラウド - セットアップ」を加(くわ)える
  • メッセージ「クラウド - ティック」を加(くわ)える
  • 自作品(じさくひん)特有(とくゆう)のデータをリスト「★送信(そうしん)用(よう)データ」に追加(ついか)する
• クラウドプレイヤーのブロック定義(ていぎ)「クローンティック」にて、自作品(じさくひん)特有(とくゆう)のデータをデコードして処理(しょり)する

大(おお)まかなカスタマイズの流(なが)れはこんな感(かん)じだね。バックパック化(か)は今回(こんかい)やったから次(つぎ)からはすでにバックパック化(か)してあるクラウドプレイヤーを使(つか)えばいいだけだから、そこは楽(らく)だね！複雑(ふくざつ)なプロジェクトのオンライン化(か)手順(てじゅん)を知(し)りたい人(ひと)はグリフパッチさんの動画(どうが)をチェックしてみてくれ！