盗まれたスターを取り戻せ！3D迷宮への旅（爆速オンライン3Dゲームの作り方①）

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

ゴンザレスからの挑戦状

ピコが大切にしてるスターが大怪盗ゴンザレスに奪われた！どうやらゴンザレスは3D迷宮に逃げ込んだらしい。彼を追跡するために、こっちも3D迷宮を実装しよう！同じものを実装すれば追いつけるはずだ。

一緒に3Dスクラッチを作っていこうぜ！

全チュートリアルの最終完成作品をチェックしておこう

この3Dゲームの作り方シリーズの最後に完成できるサンプル作品を最初に観ておこう！

スクラッチでプレイする ターボワープでプレイする

爆速オンライン3Dエンジン（モバイル対応）

by ok-scratch

ok-scratchさんの作品

超軽量3Dだからこそ実現できたテクスチャ（画像）の壁や、オンライン（マルチプレイヤー）、さらに軽量すぎてモバイルでも3Dが動いてしまうというスーパーテクニックをマスターできるぞ。
重かったらLキーを押してみて。

ぶっちゃけスクラッチのポテンシャルがこんなに高いって知ってる人は少ない、たとえ大人でも。なんだったら学校の先生でもここまでの作品を作れる人は少ない……そんなスクラッチの高みに一緒に行こう！

実践的なサンプル作品

スクラッチでプレイする ターボワープでプレイする

3D逃走中

by ok-scratch

ok-scratchさんの作品

このチュートリアルを土台にして、逃走中をゲーム化してみました！チュートリアルでつくった3Dエンジンをカスタマイズすれば色んなゲームが作れるという可能性の1つとしてプレイしてみてください♪

今回の目標「3Dの下地になるマップを作ろう」

いきなり3Dを作ることはできない。元になる2Dのマップが必要なんだ。

2Dのマップというのは↓こんなかんじ。

これを歩き回る矢印（プレイヤー）を作るのが第一回の目標だよ。

スクラッチでプレイする ターボワープでプレイする

3Dゲームの作り方：第①回目の完成サンプル

by ok-scratch

ok-scratchさんの作品

今回の完成プロジェクトも観ておこうか。これを第一回目で作るよ。

コーディングをはじめよう！

まずはスタータープロジェクトをリミックスすることをオススメするよ。スタータープロジェクトにはコスチュームがすでに入っているんだ。もしコスチュームも作りたい、というならスターターは使わずにゼロから新規プロジェクトを作ればOKだよ。

https://scratch.mit.edu/projects/971769263/

もしスターターを使うなら、「プレイヤーの移動を実装しよう」まで飛ばしても平気だよ。

コスチュームを作ろう

スターターを使わずにやりたい、という猛者は一緒にコスチュームの作り方を見ていこう。自分の好きなマップを作っていけるし、理解度も深まるぞ。

ステージを開く

まずは背景のスプライトを開いて、真っ黒にしよう。

①ベクターに変換ボタンをクリックする

②塗りつぶしツールを選択する

③色を黒くする

④塗る！

スプライト「レベル」を作る

スプライトを「描く」を選んで新しいスプライトを作ろう。

スプライト名は「レベル」にしよう

マップを用意しよう

コスチュームを開いて、塗りつぶしの色をグレーにしよう。

四角く枠を作ろう

枠の太さは適当だし、きっちり四角じゃなくてもいいよ。

迷路を作ろう

さぁ、最初の楽しい場面だ。好きなように迷路を作っちゃおう。

コードを追加する

「緑の旗が押されたとき」を置いて。

ど真ん中にマップが来るようにしておこう。これだけだよ。

プレイヤーのコスチュームを作ろう

スプライト「プレイヤー」を開こう。小さい三角を作っていくよ。

デフォルトのネコのコスチュームは消してOK！

色を好きな色にしよう。僕は黄色にしておいた。

まずは小さい四角を描こう。大きさは適当でいいよ。

つぎに「形を変える」ツールを選ぼう。

四角の点のどれかを選んで。選ぶと青くなるよ。↓のスクショだと右上の点が選択されてる。

そしてDeleteデリート、削除しよう。三角ができるよね。

再び選択ツールを選ぼう。

三角の形を整えて回転させて真横を向かせよう。右90度ピッタリにしておこう。

形はそこまで重要ではないけど、シュッとした三角を目指して整形しよう。

コスチューム名は「プレイヤー」にしておいてね。

ヒットボックスのコスチュームを作ろう

もう１つコスチュームを作るよ。

名前は「ヒットボックス」

ビットマップに変換しよう。

四角形ツールを選ぼう。

１マス分の四角を描いて。

選択ツールを選ぼう。

中央のアンカーにピタッと吸着スナップするようにしとこう。

これでOKだ！

プレイヤーの移動を実装する

緑の旗が押されたら、X座標とY座標をゼロにしよう。

回転方法を「自由に回転」にしよう。

とりあえず斜め上を向くようにするよ。このあたりは今は適当だよ。

コスを「プレイヤー」にしよう。

プレイヤーのずっとループを実装する

ずっとループを実装して、プレイヤーの移動を管理するよ。

左への移動を作る

条件ブロックを追加するよ。

左向き矢印キーが押されたら、を条件式にはめよう。

左に３度回すよ。

右への移動を作る

この条件ブロックをまるっと複製しよう。

右向き矢印キーが押されたら、右に３度回そう。

上下の移動を作る

今作った２つの条件ブロックを複製しよう。

上向き矢印キーが押されたら２歩、下向き矢印キーが押されたらマイナス２歩うごかそう。

よし、OK！

動き回れるかテストしよう

これで動くよね。

うん、壁にめり込んじゃうけど、このあたりはもっと後で直そうと思う。早く3D化したいからね！移動を洗練するよりも、このマップを3D化することを先決にしたいと思う！

よし出だしは順調！と思ったけど、なんだかピコが叫んでるみたい。どうしたんだろう？話を聞いてみよう！次回をチェックしてね。

このチュートリアルは世界No.1スクラッチャーとして名高いグリフパッチさんの動画を参考にしているよ。ただし手順を一部変えているところもあるんだ。