スクラッチでDNAガチャゲームの作り方

中級

今回つくるゲーム

難易度2 out of 5 stars

今回はスクラッチでDNAガチャゲームを作っていきます。このゲームは東京大学定量生命科学研究所とのコラボイベントで作るゲームです。塩基の配列を変えることでガチャで出てくるキャラクターが変わります。


まずはゲームをプレイしてみましょう。

背景をつくる

まずは背景を作ります。右下の背景選択ボタンから星空(Stars)を選びます。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

らせんをつくる

つぎにらせんを作っていきます。ネコはじゃまなので左下に動かしておきましょう

スクラッチでDNAガチャゲームの作り方

らせんはペンを使って描いていきます。まずは右下のネコマークから新しいスプライトを作ります。

スクラッチでDNAガチャゲームの作り方
Screenshot
スクラッチでDNAガチャゲームの作り方
Screenshot

そして、左下の拡張機能ボタンからペンを選びます

スクラッチでDNAガチャゲームの作り方
Screenshot
スクラッチでDNAガチャゲームの作り方
Screenshot

では、ペンを使ってこのようにコードを書きます。そうすると左の方に1つ赤い点が描かれます

スクラッチでDNAガチャゲームの作り方

x座標を右にずらしていくことで”らせん”が描けます

スクラッチでDNAガチャゲームの作り方

このままだとゆっくりと”らせん”が描かれるので、これをいっきに描けるようにブロック定義をつかいます。ブロック定義を作るときに「画面を再描画せずに実行する」にチェックを入れます。

スクラッチでDNAガチャゲームの作り方
Screenshot
スクラッチでDNAガチャゲームの作り方
Screenshot

そして、以下のようにさきほど作ったコードをブロックコードにかえます。そうすると一気にらせんが出るようになります。(さいしょだけ旗を2回押します)

スクラッチでDNAガチャゲームの作り方

つぎに以下のようにコードを追加して青い”らせん”も作ります

スクラッチでDNAガチャゲームの作り方

塩基(えんき)を描く

つぎに塩基をつくっていきます。ネコのボタンを押して、ファンタジーの中にある”Magic Wand”を選びます。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

そしてこのMagic Wandを改造して塩基を作っていきます。⚡️2つを削除して、タテにひっぱって太くします。

スクラッチでDNAガチャゲームの作り方
Screenshot
スクラッチでDNAガチャゲームの作り方
Screenshot

次に、グループ化を解除して、白い部分を広くします

スクラッチでDNAガチャゲームの作り方
Screenshot
スクラッチでDNAガチャゲームの作り方
Screenshot

そして、水色と白色の部分をそれぞれ、緑と赤に変えます。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

これでひとつの塩基の完成です。

次にできたコスチュームを右クリックで複製して全体を選んで左右を反転させます。これで2種類目の塩基が完成です。

スクラッチでDNAガチャゲームの作り方
Screenshot
スクラッチでDNAガチャゲームの作り方
Screenshot

さらに右クリックで複製して、つぎは青色と黄色にぬります

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

さいごにまた右クリックで複製をして、左右完成させて4種類の塩基の完成です。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

塩基(えんき)をならべる

次に塩基をらせんの中に並べていきます。塩基のスプライトに、以下のようにコードを書きます。そうすると、左のほうに塩基がならんで、クリックすると次々と色が変わるようになります。

スクラッチでDNAガチャゲームの作り方

この塩基を「目の塩基」と名づけましょう。塩基の種類によって目が変わるということです。

スクラッチでDNAガチャゲームの作り方

では、次に「目の塩基」のスプライトを右クリックして複製をして、コードを以下のように変更します。名前は「鼻の塩基」に変更します

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

さいごにもう一度複製をして、「口の塩基」をつくります。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

ガチャボタンをつける

つぎにガチャを引くボタンを作ります。またネコを押して、ボタンを選びます。

スクラッチでDNAガチャゲームの作り方
Screenshot

二つ目のオレンジのボタンを選んでゴミ箱に捨てます。

スクラッチでDNAガチャゲームの作り方
Screenshot
スクラッチでDNAガチャゲームの作り方
Screenshot

そして四角ツールですきな色で画面全体をおおいます

スクラッチでDNAガチャゲームの作り方

つぎにコードにいって、以下のようにコードを書きます。これでボタンを押すと、全体が黄色くなります。

スクラッチでDNAガチャゲームの作り方

ここにキャラクターが出現するようにしたいので、そこはメッセージでつなぎます。以下のようにコードを追加しましょう

スクラッチでDNAガチャゲームの作り方
Screenshot

ネコのパーツをつくる

りんかく

まずはりんかくからです。ネコのスプライトで、二つ目のコスチュームは削除し、顔を選んでグループ化を解除します。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

目と鼻と口を削除してのっぺらぼうにするのは最後にやりますのでいったんこのままにしておいてください。

では、コードに行って、以下のようにコードを書きます。そうすると、青いボタンを押すとネコがまんなかに出てくるようになります。

スクラッチでDNAガチャゲームの作り方

では次に目のパーツを作っていきます。ネコのスプライトを右クリックで複製します。スプライトの名前は「目」に変更しておきましょう。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

次にコスチュームにいって、ネコのコスチュームを右クリックで4回複製します。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

ここから、目のパーツだけを、好きなように変更して、4種類の目を作ります。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

ここまでできたら目以外の部分を選択して、削除していき、目だけ残すようにします。

スクラッチでDNAガチャゲームの作り方
Screenshot
スクラッチでDNAガチャゲームの作り方

次にコードに移動して以下のようにコードを追加します。前半で作った目の塩基のコスチュームと、目のコスチュームが連動しているということですね。

スクラッチでDNAガチャゲームの作り方
Screenshot

では次に鼻のパーツを作っていきます。またネコのスプライトを右クリックして複製します。そして、コスチュームを4回複製します。

スクラッチでDNAガチャゲームの作り方
Screenshot
スクラッチでDNAガチャゲームの作り方
Screenshot

目と同様に、4種類の鼻をつくります。いろいろと変化をつけるとおもしろいですよ。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

できたら鼻だけのこして、他の部分を削除します。

スクラッチでDNAガチャゲームの作り方

そして、目のときと同じようにコードを以下のように追加します。

スクラッチでDNAガチャゲームの作り方

さいごに口です。また同じようにネコのスプライトを右クリックして複製します。そして、コスチュームを4回複製します。スプライトの名前は口にしておきましょう

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

4種類の口をつくります。

スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方
スクラッチでDNAガチャゲームの作り方

口以外の部分を削除して、口だけを残します。

スクラッチでDNAガチャゲームの作り方

コードは以下の通りです

スクラッチでDNAガチャゲームの作り方

りんかく

さいごにネコのスプライトにいき、目と鼻と口を削除し、のっぺらぼうにします。

スクラッチでDNAガチャゲームの作り方

完成!!

これで完成です。塩基の配列を色々変えて、いろいろな顔を作ってみましょう。

スクラッチでDNAガチャゲームの作り方