録音ツールを極める～楽器をつくってみよう！

はじめに

Springin’は、録音が簡単にできることも魅力の一つです。
もちろん「つくること」の中にはプログラムだけじゃなくて音を使うことも含まれていると考えているからですね。

前回の描画ツールの詳しい使い方が好評だったので、今回は録音ツールにフォーカスを中てたいと思います。知って得する録音ツールの使い方講座です。
絵本をつくってみよう②で簡単な録音の仕方は学びましたが、今回はもう一歩踏み込んでみましょう。

アイテムを用意する

今回は、Springin’で「楽器」を作ってみます。
音は、アイテムに付けるので、まずはアイテムを描きましょう。楽器と言えば、音符ですね。今回も絵は娘に協力してもらいました。

娘に、音符を描いてと頼んだら、五線譜がないとおかしい、とのことで細い線を描いて開発画面に5本配置していました。あ、皆さんは五線譜なくてもよいですよ。

つづいて、描いた音符を画面に配置しましょう。

最初に「ド」をつくるんだから五線のしたの補助の線もつけなきゃ……とのことで横線が追加されてますが、皆さんは普通の音符の絵で問題ありません。

まずは録音

アイテムの準備ができたら音をつけましょう。
画面に置いた音符の絵をタッチして、出てきたアイコン一覧から「♪」を選択。

すると、この音リスト（最初はからっぽ）が出てくるので、（＋）で新規作成。

真ん中のマイクのアイコンをタッチして、録音開始です。
「カエルの歌」を演奏できるようにしたいので、「けろっ」と録音しましょうか。

録音中は、波形が表示され、無音がしばらく続くと自動的に録音が終了します。
最大10秒録音できます。録音を停止したいときには（■）ボタンをタッチしてください。

音が気に入らないときは、下のマイクアイコンをタッチして再録音ができます。
黒い再生アイコンは音量調整です。
さらに、真ん中の再生アイコンを動かすだけで録音した音声の音程や速度を変えられます。
かめさんのマークは遅く、うさぎさんのマークは早い音に。
羽のマークは音が高く、ダンベルのマークは音が低くなります。

自分の好きな音になったら、右下のチェックで完成！

音リストに波形が追加されていて、緑の線で囲まれていればOKです。
さらに右下のチェックで設定完了です。

それでは実行してみましょう！！

音属性は白丸なので「イベント」が発生したときに実行されます。
なので、タッチをしてみましょう！鳴りましたか？
タッチしたときに動いちゃうと困るので、ピンで留めておきましょう。

こんなふうに、触ったら音の鳴る絵を画面に並べると楽器が作れちゃいます！

一つの音から音階をつくる

演奏できる楽器をつくろうと思ったら、音階が必要ですね。
そこで、先ほど録音した音を基準（ド）として、♪の鍵盤をつくってみましょう。
「レ」の音を入れるアイテムとして、音符を一つ画面に配置します。

新しく置いた音符をタッチして出てくるメニューから、音アイコンをタッチ。
すると、音リストがでてきますが、今度は追加をせずに前回の音をコピーして使います。

コピーの仕方は、先ほど録音した音（波形と設定しているアイコンが書かれている）の右側にある＜を押して出てくる、○が二つ並んでいるコピーアイコンをタッチします。

すると、先ほど録音した音がもう一度加工できる状態になります（コピーなので前の音はなくならずにそのまま残っていますので安心してください）。

さてさて、真ん中にある方眼のメモリには実は意味があります。
再生アイコンを指で動かせば音の高さや速さが変わる、というのは先ほども出てきましたが、その動かす位置を1メモリずつにすると、音が全音（半音2つ分、ドとレの差）変わるようになっています。

……ちょっと言葉ではわかりにくいと思いますので図を見てください。

最初の音をドとして、次にレをつくろうとしているので、こうなります。

できたら右下のチェックマークで完成。
リストに新しい音が追加されました。

一番上の音が選択されているので、そのままチェックマークをタッチ。
これで「レ」の音符鍵盤ができました。

同じように、ミ、ファ、ソ、ラもつくりましょう！
これで鍵盤のできあがりです！
キラキラ星やカエルの歌などが弾ける鍵盤ができました。

和音に挑戦

一音一音鳴らす鍵盤ができたら、今度は和音を同時に鳴らせる特別な鍵盤をつくってみましょう。
「同時にならす」プログラミングです。

「ドミソ」ボタンを作って、画面に配置します。
ここでは青い丸にしました。

ドミソボタンをタッチして、アイコン一覧を出します。
その中の「連鎖（全て）」をタッチ。

連鎖する先として「ド」「ミ」「ソ」の３つともタッチして、点線で繋ぎます。

チェックで設定完了。
それでは実行してみましょう！

ドミソボタン完成です！ドミソで伴奏をしながら、カエルの歌が演奏できますよ！
こんなふうに和音も作れます。

音や絵を工夫して、自分だけの楽器をつくってみてくださいね！

世界のマーケットから

世界中のクリエイターが出品している作品を、僕やしくみデザインのスタッフがピックアップして紹介するコーナーです。

今回は、2020年2月に開催していた「音ワーク大募集！」キャンペーンの優秀賞を、選定者の受賞コメントともに紹介します。

「星をあつめて」(Kotaro@kota7097)

絵本+ミニゲームタイプのワークですが、場面に合ったBGMや効果音によってとてもステキな物語作品になっていました。ラストの音楽を奏でるシーンは最高でした。

「身近な音集め」(Kotaro@kota7097)

普段聞き慣れた当たり前のようにある音に向き合ってみた作品。音を鳴らすとその場面が頭に浮かび上がります。音があるとよりリアルになることを教えてくれました。

「おんぷクイズ♫」(Kotaro@kota7097)

音符や音程など音楽の勉強を楽しくできるワーク。デザインも洗練されています。出題や回答がバラエティ豊かであったり、音符でお絵かきができるモードがあったりと、1通り遊んだ後にとても充実感がありました。

「曲作り」(もやし炒め@123moyashi)

Springin'で作曲ができてしまう夢のようなツールワーク。詳しい説明や沢山のサンプル曲、曲作りのためのピアノ機能、全体を通して完成度が高い一作です。ファンには嬉しいサンプル曲も。ぜひみなさんもこのワークでSpringin'用のBGMをつくってください(2台必要ですが)。

「真・みえないてき」(サムライくまもと@sakuradanene)

"みえないてき"から逃げるために音を使うゲーム。まさに音がないと楽しめない音が主役のワークでした。周囲以外真っ暗な中、真剣に音を聞きながら見えない敵から逃げる緊張感が最高です。アイデア力と、それを実現する技術力を感じます。

「オレジュー君とお化け屋敷」(justfish@sanssssssssssssssss)

物音がしたら叫び声を上げるというシンプルなワークですが、怖がりながらもお化け屋敷にチャレンジしている姿が可愛く、ほっこりさせられました。プレイ中は結構緊張感があります。

「ピアノ」(リリイ・ラボ@ririko)

これぞ正統派！というワークです。ピアノを使って自由に演奏でるモード(2人でも可能！)と、音楽を演奏できるゲームのようなモードがあります。絵やBGMやアニメーションなど、全体を通してとても丁寧に作られていて素晴らしいです。

「Sounds Good!」(ニラ玉@nirayossy)

ゲーム性がとても高い一作でした。音を聴いて正しいボタンを押すというルールに、難易度毎に変わる時間制限の絶妙さ、ゲームとしての完成度がとても高いです。隠しステージなどもあり、ワクワク感があるのもポイントです。

「全日本ロボディビル選手権大会」(tyamazaki@Hosen02)

マッチョなので受賞しました。これを題材に選んだクリエイターさんと、実際にその掛け声を上げた観客の方々に敬意を表しマッチョ賞を贈りたいと思います。

次回の連載をお楽しみに！

中村さんの「Springin'」講座はこれから続々掲載予定！完全無料・絵日記感覚で始められるビジュアルプログラミングアプリ「Springin'」での作品作りに、ぜひチャレンジしてみてくださいね。