スクラッチゲームの作り方｜作品例や初心者向けの簡単な作り方を紹介します

スクラッチを始めるには、スクラッチの公式サイトにアクセスします。

アカウントを作成してサインインすると、作った作品を保存したりコミュニティに参加することが可能です。

アカウントを作成する際には、ユーザー名とパスワード、生まれた年と月、性別、国を入力します。

その後メールアドレスを入力する画面が出てくるので2ヵ所入力しましょう。

登録したメールアドレスにメールが届くので、「電子メールアドレスの認証」ボタンをクリックすると登録完了です。

「作る」ボタンを押すとゲーム制作を始められます。

キャラクターがブロックの上を飛び跳ねていきゴールに無事たどり着くことをめざすゲーム。

目標に向かって電車の運転をシミュレーションし、ゴールにぴったりと電車を止められたらゴール。

キャラクターにさまざまな衣装を着せ替えてイメージチェンジを楽しむゲーム。

トースターから飛び出したパンを無事キャッチできるかを競うゲーム。

主人公が迫ってくる敵キャラを弾などで撃墜していくゲーム。

パドルを動かしてボールを跳ね返し地面に落ちないようにする。

スクラッチを使ってゲームを作るときに、まずおこなうことは「どのような種類のゲームを作るか」を考えることです。

ゲームと一言で言ってもさまざまなタイプのものがあるので、自分が作りたい、興味が持てるゲームの種類は何かを考えます。

初めて作る場合は、いきなり難しいものを選ばず、シンプルなものから取り組んでいくとよいでしょう。

最初はシンプルなものを作ってみて、スクラッチの操作に慣れてきたら次第に難しいものに挑戦していくとよいです。

作りたいゲームの種類が決まったら、ゲームのゴールを設定します。

ゲームのゴールとは、そのゲームにおいて何をすればゴールになるのか、何ができたらゲームのクリアになるのかということです。

ゴールがはっきりと決まっていないとゲームを作ることはできません。

また、ゴールがあるからこそゲームは面白く感じられるのです。

ゲームのストーリーを考えることももちろん大切ですが、ゴールは一番重要な部分ですので、しっかりと考えていきましょう。

ゲームの作成画面になったら、まずは背景を設定しましょう。

画面右下にある「ステージ」から「虫眼鏡のマーク」をクリックすると、背景を選択できます。

下にスクロールすると、ゲーム画面の背景として使うことのできる画像がさまざま表示されるので、お好みの画像を選んでください。

ここでは「Neon Tunnel」を選択します。

背景画像を選択すると、このように反映されます。

これで背景画像の設定は完了です。

背景の設定が完了したら、次はキャラクターを設定し動かしましょう。

まずはキャラクターを選びます。

初期設定では猫のキャラクターが表示されているので、「スプライト1」の右上の「ゴミ箱」をクリックして削除します。

削除できたら、画面右下にある「猫のマーク」にカーソルを当てて「虫眼鏡のマーク」をクリックすると、スプライト（キャラクター）を選択できます。

背景と同様、さまざまなキャラクターがあります。

今回はピンポンゲームを作るので「Ball」を選択しましょう。

ボールのスプライトが追加されました。次に、パドルを追加します。

ボールと同じ手順で進めていきます。

キャラクターの選択画面では「Paddle」をクリックしてください。

パドルが追加されたら、ドラッグ＆ドロップで画面の下の方に移動させましょう。

これでキャラクターの設定は完了です。

次に、設定したボールとパドルを動かすプログラムを作成していきます。

まずは「ボール」のスプライトを選択し、画面左上の「コード」をクリックしてください。

中央のスクリプトエリア（ブロックを組み立てるエリア）に、ボールが動くようプログラムを作成していきます。

まずは、画面左のブロックから下記の内容を選択してください。

• 「イベント」から「＜旗＞が押されたとき」を選択
• 「動き」から「x座標を○、y座標を○にする」「○度回す」「○歩動かす」「もし端に着いたら、跳ね返る」を選択
• 「演算」から「○から○までの乱数」を選択
• 「制御」から「ずっと」を選択

これらが揃ったら、画像のように組み合わせ、数値を入力しましょう。

緑の旗マークをクリックすると、ボールが動き始めます。

次に、パドルを動かしていきます。

ボールと同様、「パドル」のスプライトを選択し「コード」をクリックします。

そうしたら、画面左のブロックから下記の内容を選択してください。

• 「イベント」から「＜旗＞が押されたとき」を選択
• 「制御」から「ずっと」を選択
• 「動き」から「x座標を○にする」を選択
• 「調べる」から「マウスのx座標」を選択

これらが揃ったら、画像のように組み合わせましょう。

緑の旗マークをクリックすると、マウスのポインタの場所に向かって左右方向に動かすことができるようになります。

ボールとパドルは動くようになりましたが、このままの状態ではパドルでボールを打ち返すことができません。

次に、当たり判定のプログラムを作成していきます。

当たり判定のプログラムを作成することで、パドルにボールが当たったら跳ね返るようにすることができます。

まずは「ボール」のスプライトを選択し「コード」をクリックしたら、画面左のブロックからスクリプトエリアに下記の内容を選んでください。

• 「イベント」から「＜旗＞が押されたとき」を選択
• 「制御」から「ずっと」「もし○なら」を選択
• 「調べる」から「○に触れた」を選択
• 「動き」から「○度回す」「○歩動かす」を選択
• 「演算」から「○から○までの乱数」を選択

これらが揃ったら、画像のように組み合わせ、数値を入力しましょう。

緑の旗マークをクリックすると、パドルにボールが当たったら跳ね返るようになります。

ピンポンゲームなので、ただボールが跳ね返るだけでは物足りないですよね。

パドルにボールが当たったら、得点（スコア）が増えるようプログラムを作成してみましょう。

「ボール」のスプライトを選択し「コード」をクリックしたら、画面左のブロックからスクリプトエリアに下記の内容を選んでください。

• 「イベント」から「＜旗＞が押されたとき」を選択
• 「変数」から「変数」にチェックボックスを入れ「変数を○にする」を選択

これらが揃ったら、画像のように組み合わせ、数値を入力しましょう。

「変数を○にする」の部分は「変数名を変更」を選択し「得点」と入力してください。

緑の旗マークをクリックすると、画面左上に「得点」が表示されるようになります。

次に、画面左のブロックから同じスクリプトエリアに、下記の内容を選んでください。

• 「変数」から「得点を○ずつ変える」を選択

これらが揃ったら、画像のように組み合わせ、数値を入力しましょう。

すでに作成済みのブロックに差し込むような形になります。

緑の旗マークをクリックすると、パドルにボールが当たったら得点（スコア）が増えるようになります。

「得点（スコア）を○点まで獲得したらゲームを終了させる」という設定にしたい場合は、画面左のブロックから同じスクリプトエリアに、下記の内容を選んでください。

• 「イベント」から「＜旗＞が押されたとき」を選択
• 「制御」から「○まで待つ」、「すべてを止める」を選択
• 「演算」から「○＝○」を選択
• 「変数」から「得点」を選択

これらが揃ったら、画像のように組み合わせ、数値を入力しましょう。

緑の旗マークをクリックすると、得点（スコア）を10点まで獲得したらすべての動きが止まるようになります。

ピンポンゲームの基本的な作り方は以上となります。

ゲームの要素として、得点（スコア）を増やすだけでなく「ゲームオーバー」の要素も追加してみましょう。

まずは「ボール」と「パドル」を追加したときと同じ手順で、スプライトから「Line」を選択します。

追加した赤いラインを、ドラッグ＆ドロップで一番下の位置まで移動させてください。

赤いラインのスプライトを選択し「コード」をクリックしたら、画面左のブロックからスクリプトエリアに下記の内容を選んでください。

• 「イベント」から「＜旗＞が押されたとき」を選択
• 「動き」から「x座標を○、y座標を○にする」を選択
• 「制御」から「ずっと」「もし○なら」「すべてを止める」を選択
• 「調べる」から「○に触れた」を選択

これらが揃ったら、画像のように組み合わせ、数値を入力しましょう。

緑の旗マークをクリックすると、ボールが赤いラインに触れた時すべての動きがストップします。

次に「ゲームオーバー」のテキストを作成し、ボールが赤いラインに触れた時に表示するようプログラムしましょう。

スプライトの選択から「筆マーク」の「描く」をクリックします。

このような画面になったら、赤枠の「T」を選択しテキストを入力しましょう。

ここでは「GAME OVER」と入力します。

文字の配置や色、フォント、サイズなどはお好みで変更してください。

ここでは文字の配置を中央にし、色は赤、フォントはSans Serif、サイズは画面いっぱいになるよう変更します。

「ボールが赤いラインに触れたらゲームオーバーを表示する」というプログラムを作りたいので、まずは「赤いライン」のスクリプトエリアに、画面左のブロックから下記の内容を選んでください。

• 「イベント」から「メッセージ1を受け取ったとき」を選択

これらが揃ったら、画像のように組み合わせてください。既存のブロックに差し込むような形になります。

次に、先ほど作成した「ゲームオーバー」のスクリプトエリアに、画面左のブロックから下記の内容を選んでください。

• 「イベント」から「＜旗＞が押されたとき」「メッセージ1を受け取ったとき」を選択
• 「見た目」から「隠す」「表示する」を選択

これらが揃ったら、画像のように組み合わせてください。

緑の旗マークをクリックすると、「『ボールが赤いラインに触れた』というメッセージ1を受け取ったら、ゲームオーバーを表示する」というプログラムが完成します。

ピンポンゲームはスコアを増やして競う遊び方法もあれば、時間制限を設けて遊ぶ方法もあります。

ここでは、設けられた時間制限の中で、ボールを赤いラインに落とさずに遊べるかを競うプログラムを紹介します。

まずは「ボール」のスクリプトエリアに、画面左のブロックから下記の内容を選んでください。

• 「イベント」から「＜旗＞が押されたとき」を選択
• 「変数」から「変数を作る」を選択し「制限時間」を追加
• 「変数」から「得点」のチェックボックスを外し「時間制限」にチェックボックスを入れる
• 「変数」から「時間制限」「時間制限を○にする」「時間制限を○ずつ変える」を選択
• 「制御」から「○まで繰り返す」「○秒待つ」を選択
• 「演算」から「○＝○」を選択

これらが揃ったら、画像のように組み合わせ、数値を入力しましょう。

緑の旗マークをクリックすると、30秒の時間制限が設けられます。

ルールが混在してしまうので、時間制限で遊ぶ場合、「得点（スコア）を増やす」で作成したプログラムは削除するようにしてください。

次に、ボールにアレンジを加えましょう。

ここでは、「パドルにボールが当たる度にボールの色が変わる」というプログラムを作成します。

まず「ボール」を選択し、画面左上の「コスチューム」をクリックします。

左側の欄に「ball-a」「ball-b」と様々な色のボールが設定されているので、お好みの色に変更してください。新しくコスチュームを追加することも可能です。

ここでは、初期設定されている色とコスチュームを使います。

「コード」に戻ったらスクリプトエリアに、画面左のブロックから下記の内容を選んでください。

• 「見た目」から「次のコスチュームにする」を選択する

これらが揃ったら、画像のように組み合わせてください。

既存のブロックに差し込むような形になります。

緑の旗マークをクリックすると、パドルにボールが当たる度にボールの色が変わるようになります。

スクラッチでは、キャラクターを喋らせることができます。

ピンポンゲームでは、「パドル」にルールの説明をしてもらいましょう。

まずは「パドル」のスクリプトエリアに、画面左のブロックから下記の内容を選んでください。

• 「イベント」から「＜旗＞が押されたとき」を選択
• 「見た目」から「○と○秒言う」を選択

これらが揃ったら、画像のように組み合わせて、数値とテキストを入力してください。

緑の旗マークをクリックすると、指定したテキストを指定した秒数、吹き出しで喋るようになります。

ピンポンゲームに、効果音を加えてみましょう。

ここでは「パドルにボールが当たる度に効果音が鳴る」というプログラムを作成していきます。

まずは「ボール」のスクリプトエリアに、画面左のブロックから下記の内容を選んでください。

• 「音」から「○の音を鳴らす」を選択

これらが揃ったら、画像のように組み合わせてください。既存のブロックに差し込むような形になります。

緑の旗マークをクリックすると、パドルにボールが当たる度に「Pop」の効果音が鳴るようになります。

効果音の種類を変えたい場合は、画面左上の「音」をクリックすると、他の効果音を選んだり、自分で録音してオリジナルの効果音を作ったりすることができます。

スクラッチでは色んなアレンジができるので、ぜひ色々試してみてください。

きちんと遊べるものをつくりたいという観点から、じっくりとつくり上げられた作品がこちらです。iPhone向けのゲームアプリとして制作されています。プログラミングだけでなく、アイコンも自分でデザインするなど、個性が光る作品に仕上がっています。時間がかかった分、出来上がったときの喜びは大きかったそうです。

将来的にはプロのようなゲームをつくりたい、一過性ではなく繰り返し遊べるようなスマホゲームをつくりたいと意欲を見せています。