スクラッチでオンラインゲームを作る⑪　まず一人用の鬼ごっこゲームを用意しよう

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

ここまでオンラインゲームのエンジン（＝テンプレート）を作(つく)ってきたけど、いよいよこのオンラインゲームエンジンを使(つか)って自分(じぶん)の作品(さくひん)をマルチプレイ可能(かのう)なオンラインゲームにしていこう！こんな感(かん)じ↓のオンラインゲームを作(つく)ってみるよ！

めっちゃシンプルなんだけど、赤(あか)いストップボタンが追(お)いかけてくるから逃(に)げまくる、っていう鬼(おに)ごっこゲームだ！最低限(さいていげん)のゲーム性(せい)として逃(に)げれば逃(に)げるほどポイントが貯(た)まって、ポイントの量(りょう)はプレイヤーの大(おお)きさに比例(ひれい)するようになってるんだ。つまり、大(おお)きいプレイヤーはそれだけ長(なが)い時間(じかん)ストップボタンから逃(に)げているっていうこと！まぁそれだけなんだけど、今回(こんかい)は自作(じさく)ゲームをオンライン化(か)する手順(てじゅん)を確認(かくにん)したいだけだからOKってことで！

今回(こんかい)の目標(もくひょう)「自作(じさく)の鬼(おに)ごっこゲームを作(つく)る」

とりあえずシンプルな鬼(おに)ごっこを作(つく)るよ。

登場(とうじょう)キャラ

• プレイヤーは緑色(みどりいろ)の四角(しかく)
• フレンドは水色(みずいろ)の四角(しかく)
• エネミーは赤(あか)いストップボタン

要件(ようけん)

• プレイヤーは上下(じょうげ)左右(さゆう)のキーを押(お)すと動(うご)く
• ゲームが始(はじ)まるとどんどんポイントが貯(た)まり、ポイントの数(かず)だけプレイヤーのサイズが大(おお)きくなる。
• プレイヤーは赤(あか)いストップボタンに当(あ)たるとポイントがリセットされる
• プレイヤーはフレンドに当(あ)たっても何(なに)も起(お)こらない

こういうゲームを作(つく)っていく。シンプルだね。ちなみにオンラインの要件(ようけん)はココには書(か)いてない。オンライン化(か)するところで改(あらた)めて追加(ついか)するね。っていうのも今回(こんかい)はすでにある自作(じさく)ゲームを、オンラインゲームエンジンを使(つか)って途中(とちゅう)からオンライン化(か)する、っていう制作(せいさく)手順(てじゅん)を経験(けいけん)したいからなんだ。みんなも自分(じぶん)で作(つく)ったゲームってあるかな？それをオンライン化(か)する役(やく)に立(た)つはずだから、一緒(いっしょ)に見(み)ていこう！

プロジェクトの用意(ようい)

あらかじめコスチュームを用意(ようい)したスタータープロジェクトを用意(ようい)してあるから利用(りよう)してね。https://scratch.mit.edu/projects/880162691/こいつをリミックスしてくれぃ！話(はなし)はそれからだ！

スタータープロジェクトの中(なか)には２つのスプライトが用意(ようい)されているぞー。

• プレイヤー
• エネミー

まぁただの四角(しかく)だけどｗ

プレイヤーを作(つく)る

じゃあまずプレイヤーから作(つく)っていく！このへんは主題(しゅだい)ではないので、いつもより駆(か)け足(あし)で作(つく)っていくつもり。

メインループを用意(ようい)する

緑(みどり)の旗(はた)を押(お)したら始(はじ)まる「ずっと」ループを置(お)こう。

よし、パーフェクトな幕開(まくあ)けだ。

右(みぎ)に移動(いどう)する

まずは右(みぎ)からいこう。変数(へんすう)「スピードX」を使(つか)うよ。

右向(みぎむ)き矢印(やじるし)キーが押(お)されたら加速(かそく)する

右(みぎ)が押(お)されたらスピードXにプラスの値(ね)を入(い)れるようにする。

スムーズに加速(かそく)させる仕掛(しか)けを作(つく)る

右向(みぎむ)き矢印(やじるし)キーが押(お)されている間(あいだ)はずっと加速(かそく)したいのでループも置(お)く。

↑この２つを使(つか)って

↑こうすることで「右向(みぎむ)き矢印(やじるし)キーが押(お)されてない」状態(じょうたい)を検知(けんち)する。さらに、

「まで繰(く)り返(かえ)す」の条件(じょうけん)式(しき)に使(つか)うと「右向(みぎむ)き矢印(やじるし)キーが押(お)されている間(あいだ)はずっと」という意味(いみ)になる。このループでさっきの変数(へんすう)に追加(ついか)した処理(しょり)を囲(かこ)ってみよう。

これで右(みぎ)キーが押(お)されている間(あいだ)はずっと変数(へんすう)「スピードX」の値(ね)は10になってくれる。

X座標(ざひょう)に反映(はんえい)する

これで右(みぎ)キーを押(お)すと右(みぎ)に移動(いどう)するようになった。でも試(ため)してみると、ずーーーっと右(みぎ)に移動(いどう)しちゃって止(と)まらないｗ

減速(げんそく)させる

しっかり減速(げんそく)するような処理(しょり)も作(つく)っていこう。これもスムーズな減速(げんそく)をカンタンに作(つく)る方法(ほうほう)でいく。

↑こんな感(かん)じでスピードXに0.8を掛(か)けることで、少(すこ)しずつ値(ね)を減(へ)らしてセットする。

これで右(みぎ)キーを押(お)したら進(すす)んで、キーを離(はな)すとスムーズに止(と)まるようになる！

左(ひだり)に移動(いどう)する

つぎは左(ひだり)だ。同(おな)じことの繰(く)り返(かえ)しだから、まるっとコピーしよう。

これを貼(は)り付(つ)けてから、各所(かくしょ)を左(ひだり)用(よう)に変(か)えていく。

３か所(しょ)変(か)えたので、合(あ)わせて作(つく)ってみてね！それだけで左右(さゆう)に移動(いどう)できるようになる。

上(うえ)に移動(いどう)する

続(つづ)いて上(うえ)ね！

変数(へんすう)「スピードY」を作(つく)る

今度(こんど)はY座標(ざひょう)だからスピードYを作(つく)る。

上向(うわむ)き矢印(やじるし)キーが押(お)されたら加算(かさん)する

右向(みぎむ)きキーで使(つか)ったブロック群(ぐん)をまたコピペしよう。

これを貼(は)り付(つ)けてから、各所(かくしょ)を上向(うわむ)き用(よう)に変(か)えていく。

よし！

Y座標(ざひょう)に割(わ)り当(あ)てる

この変数(へんすう)をY座標(ざひょう)に割(わ)り当(あ)てていこう。

減速(げんそく)もする

Xと同(おな)じように減速(げんそく)させるぞ。

ほい、これでテストすると～……

はいナイスぅ！

下(した)に移動(いどう)する

上向(うわむ)き矢印(やじるし)キーが押(お)されたら、のブロックをコピペして、以下(いか)のように調整(ちょうせい)するよ。

これで上下(じょうげ)左右(さゆう)にグイングイン動(うご)くはずだ。

ポイントを作(つく)る

プレイヤーが赤(あか)いストップボタンに触(ふ)れるまでは、ずっとポイントが加算(かさん)されるようにしていきたい。そこで「タイマー」を使(つか)ったカンタンなポイント処理(しょり)を作(つく)っていこうと思(おも)う。って言(い)っても今回(こんかい)は鬼(おに)ごっこゲームを本気(ほんき)で作(つく)りたいわけじゃないからカンタン。

変数(へんすう)「ポイント」を用意(ようい)する

タイマーの値(ね)をセットする

ぶっちゃけタイマーを変数(へんすう)にセットするだけだ。小数点(しょうすうてん)はいらないから切(き)り上(あ)げるくらいかな、言及(げんきゅう)すべきは。

これをポイントにセットする。

エネミーに当(あ)たった処理(しょり)を作(つく)る

エネミーに当(あ)たるとポイントがリセットされてしまう。これはタイマーのリセットを利用(りよう)して実現(じつげん)しようと思(おも)う。めちゃカンタンすぎて……ｗ

↑ここに追加(ついか)していこうかな。条件(じょうけん)式(しき)は、

↑シンプル・イズ・ベスト！

タイマーリセット

タイマーがリセットされると、ポイントもリセットされるのでシンプルにタイマーをリセットする。

かんたーん。

大(おお)きさに反映(はんえい)する

ポイントを表示(ひょうじ)する、ってなるとカウンターの処理(しょり)を実装(じっそう)しないといけなくてひと手間(てま)増(ふ)えるので、早(はや)くオンラインゲーム化(か)の手順(てじゅん)に進(すす)む(む)ためにも単純(たんじゅん)にポイントが加算(かさん)されるとプレイヤーの大(おお)きさが変(か)わるようにしていきたい。なにげに赤(あか)いストップボタンに当(あ)たらないようにプレイする難易(なんい)度(ど)も上(あ)がって、なんかゲームっぽいから一石二鳥(いっせきにちょう)ｗ

これでどんどん大(おお)きくなるはず！いよ～し！プレイヤー完成(かんせい)！

エネミーを作(つく)る

こっちもサクッと作(つく)るよ。鬼(おに)の位置(いち)はクラウドデータで共有(きょうゆう)はしないで、ローカルでOK。つまりプレイヤーごとに鬼(おに)の位置(いち)は違(ちが)う。

エネミーのスプライトに切(き)り替(か)える

メインループつくるぅ！

最高(さいこう)！

キホンの動(うご)き

ここにシンプルだけどトリッキーな動(うご)きを作(つく)っていくよ。

使(つか)うのはこちら↑秒(びょう)のところを乱数(らんすう)にしてみる。

これで不規則(ふきそく)な動(うご)きが作(つく)れる。これをループにいれよう。

急襲(きゅうしゅう)の動(うご)き

さらにときどきプレイヤーめがけて突(つ)っ込(こ)んでくるようにしておこうかｗサンプル作品(さくひん)だからこだわる必要(ひつよう)ないんだけど、まぁちょっとエンタメ性(せい)があるほうが作(つく)りがいがあるよね。

動(うご)きから先(さき)に書(か)いておくと、１秒(びょう)でプレイヤーに向(む)かっていくブロックを置(お)くだけ。

条件(じょうけん)式(しき)

条件(じょうけん)もシンプル。０から２の乱数(らんすう)（小数点(しょうすうてん)込(こ)み）がピッタリ２だったら突撃(とつげき)するようにしようかな。このへんはゲームの難易(なんい)度(ど)によるから好(す)きに調整(ちょうせい)してOK！

はめるとこんな↓

これで鬼(おに)も完成(かんせい)！ふぅ！

オンライン化(か)する

いよいよオンライン化(か)する！って思(おも)ったけど区切(くぎ)りがいいから記事(きじ)分(わ)けておく～。自作(じさく)ゲーム作(つく)るところは飛(と)ばしたい人(ひと)も多(おお)いだろうから……。でも一緒(いっしょ)に今回(こんかい)のゲームを作(つく)ったほうがより一層(いっそう)の理解(りかい)が得(え)られると思(おも)うよ。続(つづ)きはすぐアップしまーす。