スクラッチでゲームを作る方法

Scratchは、MITメディアラボが子供の教育ツールとして開発した人気のビジュアルプログラミング言語である。 オンラインで利用できるほか、Mac OS、Windows、Chrome OS、Android用のデスクトップ版も用意されている。 このWikiHowでは、ゲームの作り方の基本を学びます。

パート1

Scratchをダウンロードする

1. ウェブブラウザでScratchに移動します。Scratchのデスクトップ版をダウンロードできるウェブページです。
2. ダイレクトダウンロードをクリックします。 あなたのシステムのデジタルストアからScratchをダウンロードするオプションの下にあります。

   • または、ウェブページの上部にある[作成]をクリックすると、ウェブブラウザ内でオンラインですぐに作成を開始することができます。
3. インストールファイルをダブルクリックします。 Scratchのインストールファイルは、Windowsの場合は "Scratch Desktop Setup 3.9.0.exe"、Macの場合は "Scratch 3.6.0.dmg "です。 インストールファイルのダウンロードが完了したら、インストールファイルをダブルクリックしてインストールプロセスを開始します。 ダウンロードしたファイルは、ダウンロードフォルダまたはウェブブラウザにあります。
4. Scratchをインストールします。 以下の手順でScratchをインストールします：

   • Windows
     • Only for Me "または "Anyone who uses this computer "を選択します。
     • インストールをクリック
     • Scratchのインストーラーがシステムに変更を加えることを許可する場合は、[はい]をクリックします。
     • 完了をクリックします。
   • Mac
     • Scratchアプリのアイコンをアプリケーションフォルダに追加します。

パート2

グラフィックを追加する

1. Scratchを開きます。黄色いアイコンにSのマークがついています。 Windowsではスタートメニューのアイコンをクリックします。 Macではアプリケーションフォルダにあります。

   • Scratchを初めて開くと、Scratchの改善のためにScratchチームにデータを送信するかどうか尋ねられます。 結構です」または「はい、Scratchの改善に協力します」をクリックします。 はい」を選択すると、使用データがScratchチームに送信されます。 Scratchチームが個人情報を収集することはありません。
2. 背景を追加する Scratchに背景を追加するには、右下にある写真のようなアイコンをクリックします。 次に、背景として使用する画像を選択します。 上部のタブを使ってカテゴリー別に背景をブラウズしたり、左上の検索バーを使って名前で背景を検索することができます。

   • 自分の背景をアップロードするには、写真のようなアイコンにマウスカーソルを合わせ、矢印が上を向いた木のようなアイコンをクリックします。 背景として使用したい画像をクリックし、「開く」をクリックします。
   • 自分で背景を描くには、写真のようなアイコンにマウスカーソルを合わせ、絵筆のようなアイコンをクリックします。 ペイントツールを使って背景を描きます。
3. スプライトを追加します。 スプライトは、ゲームシーンの一部となる画像オブジェクトです。 プレイヤーキャラクター、敵や障害物、ノンプレイヤーキャラクター、パワーアップアイテムや消耗品、アニメーションする背景オブジェクトなどがあります。 スプライトを追加するには、右下にある猫のアイコンをクリックします。 次に、シーンに追加したいスプライトをクリックします。

   • 背景と同じように、自分のスプライトをアップロードしてシーンにペイントすることもできます。 そのためには、猫を模したアイコンにマウスカーソルを合わせて、上向きの矢印が付いた木のようなアイコンをクリックして、自分のスプライトをアップロードしてください。 絵筆のアイコンをクリックすると、スプライトをペイントすることができます。
   • スプライトを削除したい場合は，右上のプレビューウィンドウの下にあるリストでスプライトをクリックし，Deleteキーを押してください．
4. スプライトをゲーム開始時の位置にドラッグします。 プレビューウィンドウは右上にあります。 スプライトをクリックして、ゲーム開始位置にドラッグします。

パート3

スプライトにコントロールとモーションを追加する

1. コントロールを追加したいスプライトをクリックします。 右上のプレビューウィンドウの下にあるスプライトアイコンをクリックして、スプライトを選択します。
2. コードタブをクリックします。 左上のScratchロゴの下にある最初のタブです。
3. イベントブロックをコードエリアにドラッグします。 Scratchでは、コーディングはブロックを使って行います。 すべてのブロックは、ブロックタブの左側のパネルにリストされています。 ブロックはタイプ別に色分けされています。 イベントブロックは黄色に色分けされています。 左側の黄色い点をクリックすると、イベントブロックにジャンプします。 次に、ブロックのリストの右側にあるコードエリアにイベントブロックをドラッグします。 イベントブロックには、「このスプライトがクリックされたとき」、「[キー]が押されたとき」、「[緑の旗アイコン]がクリックされたとき」のようなものがあります。

   • プレビューウィンドウの上にある緑色の旗のアイコンをクリックすると、ゲームシーケンスが始まります。 When [green flag icon] is clicked "というブロックを使って、ゲーム開始と同時に始まるアクションを作ります。 イベントブロックの一番上にあります。 緑の旗のアイコンがあります。
4. イベントブロックの下にブロックを取り付けます。 モーションブロックは青、ルックブロックは紫で色分けされています。 起こしたいことのブロックを探します。 そのブロックをコード・エリアにドラッグし、コード・エリアのイベント・ブロックの下に取り付けます。 ブロックの上下に切り欠きがあることに注目してください。 アクションブロックの切り欠きをイベントブロックに挿入します。

   • ブロックに下向きの矢印（⏷）がある場合は、矢印をクリックしてドロップダウンメニューを表示します。 ドロップダウンメニューからオプション（キーボードキーなど）を選択します。
   • ブロックにテキストの入った白い吹き出しがある場合は、吹き出しの中のテキストを変更できます。
5. ブロックを使って実験してみましょう。 ブロックを思い通りに動かすには、ちょっとした実験が必要です。 いろいろなブロックをくっつけてみて、どうなるか試してみてください。 以下は、いくつかのブロックの例です。

   • ブロックの例1：イベントブロックとして「このスプライトがクリックされたとき」を選択します。 そして、Looksブロックの中から「[2]秒間[hello!]と言う」というブロックをくっつけてください。
   • ブロック例2：左右の矢印キーを押すとスプライトが左右に動くようにするには、「[右矢印⏷]が押されたとき」というイベントブロックを追加する。 ブロックのドロップダウンメニューから右矢印キーを選択する必要があります。 次に、モーションブロックから「[90]の方向に向ける」というブロックを追加する。 次に、「10ステップ移動する」というモーションブロックをくっつけます。 次に、「[左矢印⏷]が押されたとき」というイベントタグをコードエリアにドラッグして、「方向[-90]を指す」というモーションブロックを追加し、「[10]ステップ移動」というモーションブロックを追加します。

その4

変数の追加と衝突判定

1. 変数」をクリックします。 左のパネルのオレンジの点です。 変数ブロックが表示されます。 変数とは、スコアやライフ、ヘルスメーターなどを作るためのものです。
2. Make a Variableをクリックします。 変数ブロックのリストの上にあります。 独自の変数を作成するためのウィンドウが開きます。
3. 変数の名前を入力し、Okをクリックする。 Score "とか "Lives "とか、スプライトが衝突したときに変化するような名前にすることができます。
4. 緑色の旗のアイコン]がクリックされたとき」というブロックをコードエリアにドラッグしてください。 イベントブロックの中にあります。 テキストに緑の旗があるブロックです。
5. 変数]を[空白]に設定する」というブロックをくっつける。 変数ブロックの中にあります。 ブロック内のドロップダウンメニューを使って、作成した変数を選択する。
6. ゲーム開始時に変数にしたい数値を、白い吹き出しに入力する。 例えば、スコアを作成したい場合、ゲーム開始時に「0」に設定します。 ライフには、ゲーム開始時にキャラクターに持たせたいライフの数を入力します。
7. Set Variableブロックの後に "Forever "ループブロックを付ける。 これは "Control "セクションにあります。 このブロックには真ん中にブロックを追加するための切り欠きがあります。
8. Forever "ブロックの真ん中に "If/Then "ルックを付ける。 If/Then」ブロックにも真ん中に切り欠きがある。 さらに、"If "の後に六角形の鍵がある。
9. 六角形キーの中に "Touching "ブロックを追加する。 Touching」ブロックは「Sensing」ブロックの一番上にある。 これを "If/Then "ブロックの六角形キーの中にドラッグします。
10. タッチできるスプライトを選びます。 ブロック内のドロップダウンメニューを使って、別のスプライトを選択します。 例えば、敵のスプライト、パワーアップ、スコアを変えるアイテムなどです。
11. スプライトが衝突したときに発生させたいブロックを取り付けます。 複雑な死のシークエンスを作りたい場合は、モーションコントロールで試行錯誤してください。 変数を変更するには、"change [variable] by [blank]" と書かれた変数を "If/Then" ブロックにアタッチする。 change variable "ブロックのドロップダウンメニューを使って、変更したい変数を選択する。 白いバブルに、変更したい量を入力する。 例えば、得点を1点増やすには、白いバブルに「1」と入力する。 ライフを1つ減らしたい場合は、白いバブルに「-1」と入力します。

この記事は、CC BY-NC-SAで公開されている「 スクラッチでゲームを作る方法 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAで利用可能です。