スクラッチでSPRUNKIスプランキの作り方

上級

今回つくるゲーム

難易度4 out of 5 stars

今回はスクラッチでSPRUNKIスプランキの作り方を解説します。スプランキはリズムを組み合わせて曲を作っていく大人気ゲームですが、今回はスクラッチにもともとある素材(音)を使ってできるだけ忠実に再現してみました。音楽ブロックの使い方について深く学べるので、是非チャレンジしてみてください。

この記事でも順番に作り方を解説しますがくわしくははYouTube動画で確認してください。


まずはゲームをプレイしてみましょう。下に並んでいるアイコンをクリックしてから顔をクリックするとそれぞれのキャラクターがリズムを奏でます。

youtube解説

こちらの動画ではわかりやすくゲームの作り方を解説しています。実際に作るときはこの動画を見ながら作ることをお勧めします。チャンネル登録もよろしくお願いします!

[スクラッチ]SPRUNKIスプランキの作り方(まずはざっくり解説)

コスチュームを作る

まずはそれぞれのキャラクターの顔・体・アイコンそして背景の素材を作っていきます。コスチュームは1からつくってもらってもいいですが、今回はもともと用意してある素材を使う方法を解説します。

まずは、こちらにアクセスします。
スプランキ(素材)

スクラッチでSPRUNKIスプランキの作り方

「中を見る」から中に入り、3つのスプライトと背景のコスチュームをバックパックに入れます。

スクラッチでSPRUNKIスプランキの作り方
スクラッチでSPRUNKIスプランキの作り方

そして、新しいプロジェクトを開き、バックパックからひっぱりだしてこれば準備万端です。ネコのスプライトは削除しておきましょう。

スクラッチでSPRUNKIスプランキの作り方

アイコンをならべる

では、まずアイコンを並べるところからコードを作っていきます。アイコンのスプライトに以下のようにコードを書きます。このとき”番号”の変数を作るときに「このスプライトのみ」にチェックを入れてください。

スクラッチでSPRUNKIスプランキの作り方

これで、以下のようにアイコンがならび、クリックすると選んだアイコンがプクッと膨らんで”選択中”に選んだアイコンの番号が記録されます。

スクラッチでSPRUNKIスプランキの作り方

頭とからだを作る

次に頭とからだを作っていきます。あたまと体は初めはキャラクターが無しの状態で、アイコンを選んで顔をクリックすると選んだキャラクターに変化するようにします。そして「楽器」というリストを作り選ばれているキャラクターがその中に入っていくようにします。

顔のコード

スクラッチでSPRUNKIスプランキの作り方

からだのコード

スクラッチでSPRUNKIスプランキの作り方

動かしてみよう

では実際に動かしてみます。アイコンをクリックして顔をクリックするとこのようにコスチュームが変わり、画面にあるキャラクターの番号が楽器リストにたまっていきます。

スクラッチでSPRUNKIスプランキの作り方

これで画面の動きの基本ができました。ここからが本題です。音楽を作っていきます。

リズムを作る

音ゲームを作るときは左下の拡張機能から「音楽」を選択して音楽用のブロックを追加します。

スクラッチでSPRUNKIスプランキの作り方
スクラッチでSPRUNKIスプランキの作り方

そして、リズムというスプライトを新たに作成し、以下のようにコードを書きます。
今回のゲームは8拍を1つのループとして音楽を奏でていきます。
いち、にっ、さん、し、ご、ろく、ひち、はち
にい、にっ、さん、し、ご、ろく、ひち、はち
さん、にっ、さん、し、ご、ろく、ひち、はち
という具合でリズムを刻んでいきます。

スクラッチでSPRUNKIスプランキの作り方

楽器の音を作る

では、ここからそれぞれのキャラクターの楽曲を奏でていきます。楽器には”音程のない楽器”と”音程のある楽器”の2種類があります。音程のない楽器というのは例えば、ドラムやマラカスやシンバルなどで、音程のある楽器というのは例えば、ピアノやベースやコーラスなどです。

音程のない楽器

オレン:バスドラム

まずはオレンから作っていきます。オレンの楽器はバスドラムです。オレンの楽譜は以下の通りです。

スクラッチでSPRUNKIスプランキの作り方

左側に4という数字がかかれていますね。これが1小節が4拍ということです。1小節というのは、楽譜の縦線(|)で区切られている部分のことをいいます。
そして
♩:1拍鳴らす
♪:0.5泊鳴らす
となり、音符の間にあるqみたいな記号は休符といって一つで0.5拍休みますそれ以外にもいろいろな音符があります。以下がわかりやすいので参考にしてください。

スクラッチでSPRUNKIスプランキの作り方
参考:シンコーミュージックアンドエンターテイメント

これをコードにするとこのようになります。こちらのコードはどこに書いてもいいんですが、今回はわかりやすいように「オレン」というスプライトを作成して、そこでオレンの楽器を鳴らします。

楽譜とコードを並べてみると一致していることがわかります。「オレンリズム」というメッセージに関してはキャラクターが首を振るためのメッセージです。

スクラッチでSPRUNKIスプランキの作り方

これとあわせて、「顔」のスプライトに以下のように、オレンの首振りのコードも入れると、オレンが音楽に合わせて首を振ることができるようになります。

スクラッチでSPRUNKIスプランキの作り方

すべてのキャラクターは同じ考え方になります。ここから一気に「音程のない楽器」のキャラの楽譜を一挙ご紹介します。

ラディ:スネアドラム

スクラッチでSPRUNKIスプランキの作り方

クルーカー:ハイハット

スクラッチでSPRUNKIスプランキの作り方

ファンボット:ドラムセット

スクラッチでSPRUNKIスプランキの作り方

ヴィネリア:マラカス

スクラッチでSPRUNKIスプランキの作り方

ブラッド:バケツ(タンバリン/ウッドブロック)

スクラッチでSPRUNKIスプランキの作り方

オワックス:シンバル

スクラッチでSPRUNKIスプランキの作り方

ウェンダ:鳴き声(クイーカー)

スクラッチでSPRUNKIスプランキの作り方

音程のある楽器

次に音程のある楽器です。

グレー:ベース

グレーの楽譜は以下のようになります。ベースは音程があり、ミーシレミーレシレミー、、というように音を奏でます。

そして左側に♯の記号がありますが、この楽譜の中の♯のついているドとファは絶対にシャープになりますよ、というルールになります。

スクラッチでSPRUNKIスプランキの作り方

また「|」で1小節ずつ区切られているという話をしましたが、この楽譜は4小節でできています。

スクラッチでSPRUNKIスプランキの作り方

つまりグレーのベースは16拍でループしていくことになります。今回のゲームは8拍を1つのループとして音楽を作っていくというように説明しましたね。ここまでの通りで行くと、以下のようにグレーは自分のループの途中でリセットされるようになってしまいます。

スクラッチでSPRUNKIスプランキの作り方

本来は以下のように、オレンは8拍でループしますが、グレーは16拍でループするようにしなければなりません。

スクラッチでSPRUNKIスプランキの作り方

そのために以下のように「カウント」という変数を使い、8拍でカウントを1ずつあげて、カウントが偶数の時だけグレーをループさせるようにします。

スクラッチでSPRUNKIスプランキの作り方
スクラッチでSPRUNKIスプランキの作り方

音程については以下のように鍵盤が出ますので楽譜とてらしあわせながらコードを書いていきます。例えば40番は「ミ」の音であることがわかりますね。

スクラッチでSPRUNKIスプランキの作り方

この考え方で他の音程のある楽器についてもコードを書いていきます。ここでは楽譜のみ公開します。

ガーノルド:シンセサイザー

スクラッチでSPRUNKIスプランキの作り方

スカイ:グロッケン(ミュージックボックス)

スクラッチでSPRUNKIスプランキの作り方

ミスターサン:ピアノ

スクラッチでSPRUNKIスプランキの作り方

ダープル:トランペット(サクソフォン)

スクラッチでSPRUNKIスプランキの作り方

ミスターツリー:パイプオルガン(オルガン)

スクラッチでSPRUNKIスプランキの作り方

サイモン:メタリックシンセサイザー(シンセリード)

スクラッチでSPRUNKIスプランキの作り方

タナー:口笛(クラリネット)

スクラッチでSPRUNKIスプランキの作り方

ミスターファンコンピューター:電子ボーカル(合唱団)

スクラッチでSPRUNKIスプランキの作り方


ピンキ:コーラス(合唱団)

スクラッチでSPRUNKIスプランキの作り方

ジェビン:コーラスベース(合唱団)

スクラッチでSPRUNKIスプランキの作り方

すべてのコード

すべてのコードはこちらから確認できます。楽譜とコードを一致させるのがとても大変ですががんばって作ってみてください!

スプランキ(Sprunki)

コメント