制作メモ作ったものを見せびらかしたり解説したりします。自作ゲームやクリエイティブコーディングの話が中心です。Qiitaの8日目の記事です。プログラミングでモールス信号の音を出して遊ぶ話です。音階の視覚化とメロディーの生成この記事の趣旨このたび先ほどの画像のようなスケッチを作ってみました。10秒ごとに現在時刻をモールス信号でお知らせする時計です。動くやつは結果の項で見られます。これに関する雑学的な背景知識や、作り方などのあれこれを話します。前回同様、ソースコードはありません(一応、リンク先のOpenProcessingで見られます)。モールス信号、音の出力、いずれも奥が深いのですが、これらについて私は何日間かネットでググっただけのド素人です。変なことを言ってしまう可能性が高いので、もしあればご指摘いただけるとありがたいです。モールス信号について謎の前段(とばしても支障ないです)モールス信号と聞いてときめかない人が存在するでしょうか!いやまあ、そこそこ存在するかもしれませんが、でもやはり惹かれるものがあります。「情報通信」というとふつう科学技術的な何かを想像します。そもそも大昔に狼煙や太鼓で合図を送ったりしていたのも、「顔の見えない相手に情報を伝える」という意味で立派な遠隔通信手段なわけですね。歴史の中で特に画期的だったのは、「情報」という形のないものをデジタルな信号に変えてしまうという発想です。文章も絵も音楽も、ひいてはゲームみたいに複雑なプログラムまで。すべてゼロとイチの組み合わせで構成できるというのは、なんだかすごいことです。おかげで、あらゆる「面白いもの」に対してデータとロジックを介してアクセスできる。これもプログラミングの魅力の一つではないかと思います。この「デジタルな信号」の元祖が、トントントン、ツーツーツー......とやる、あのモールス信号だったのでした。それは置いとくにしても、例えばラピュタとかで何度か出てくるモールス信号を使うシーン、ああいうのなんとなくかっこいいですよね。モールス信号のルールということで、プログラムでモールス信号を扱ってみたいと思いました。さっきと違うこと言うけど、よくあんなトントンツーツーだけで情報が伝わるよな。一文字ずつ信号パターンが対応してるんだろうが、どこで区切るか分からんのでは?と思って調べたところ、かなり分かりやすくルール化されていました。下図の括弧の中の数字は、短符(トンツーの「トン」)を1としたときの時間の長さです。no!!)信号の長さと、間に挟む空白の長さが、全部ちゃんと決まっているのですね。シンプルな規則は美しい。空白の長さとかも含めて、文章を信号データに変換すれば、あとはそれを音にしたり画面に表示したりすればよいわけだ。何度か改定されているようで、現在使われる国際モールス符号というのを参考にしました。普通の文字以外にもいくつか特殊な信号がある。遭難信号のSOSは有名ですね。他に「通信開始」とか「改行」とかを意味する信号もいくつかある。このへんはコンピュータの文字コードの制御文字に近いかも?アクセントやウムラウトなどの拡張や、アルファベット以外の各言語版もある。日本にも和文モールスというのがあるけれど、そっちは何も調べていない。Minute、一分間に単語がいくつあるか)というのがあります。正確な長さは単語によって違うので、モールス信号ではPARISという単語を基準にすることが多いらしい。すると次の単語までの間隔を含め、PARIS一回でちょうど50単位時間です。”PARIS"のモールスコード昔の国家試験では5~12WPMが要求された(が、今はもうモールス信号の実技は無い)とある。これはミスが許されない代わりに速度は控えめみたいです。実践では25WPMあたりだという情報をどこかで見たので、今回のプログラムではそうしました。英語Wikipedia見ると、すごい人は60WPM以上できるらしい。試しに再生してみたらちょっともう人知を超えた感じで、すごいと言うほかない。一定時間ごとに、時刻(hh:mm:ss)を文字列にして、それをモールス信号に変換します。そのうえで、上述の25WPMの速さで画面に表示し、音を再生するプログラムに渡します。実際の通信ではコロンをわざわざ入れないような気がする。モールス通信で時刻を伝えるときの慣例を探しても見つからなかったので、とりあえずコロンも含めて出力しています。プログラミングで音を出す話は変わって、音についてです。音の基本はサイン波ビットマップの画像って、ピクセルごとに色が付いていて、その集まりで絵ができますよね。言うと色というのは、いろんな波長の光の集まりでできています。最小単位はなんなのか?それが「サイン波」の形をした音の波、もっとも純粋な音波です(どうでもいいけど波って漢字みてたらゲシュタルト崩壊してきた)。これの周波数の違いが、音の高さの違いになります。サイン波(正弦波)世界に存在する音はすべて、いろいろな周波数のサイン波に分解できるはずです。色と光みたいな関係ですね。して最小単位がわかると、プログラムで音を出して遊ぶことができますね。フリー素材のwavファイルとかがなくても、音を自分で作れるのです。Processingではサイン波をはじめとしたいくつかの基本的な音波を簡単に出すことができます。ノイズ音(ホワイトノイズ、カラードノイズ)純粋な音波の対極として、すごく広い範囲の周波数の音波をたくさん寄せ集めて一度に流すと、雑音(ノイズ音)になります。十分に広い範囲の波長の光を均等に集めると白い光になるように、いろんな周波数を均等の強さで流したものをホワイトノイズと言います。音と光、どちらも正体が「波」だからでしょうが、こんなに類似点があるのは面白いです。ちなみに周波数を偏らせると、いろいろなノイズの派生形ができて、今回はそのうちの「ピンクノイズ」を使っています。ホワイトじゃないなら色付きだろうというある意味安直なネーミングで、ブラウンノイズとかブルーノイズとかいろいろあります。応用と言いつつめちゃくちゃ単純な使い方しかしていないです。モールス信号のON/OFFに応じて、サイン波を出したり消したりします。あと雰囲気のためだけに、背景としてザーッとノイズを流す。実際のモールス通信でよく使う波形はノコギリ波だ、という情報も見かけまして、確かになんだかレトロでそれっぽい雰囲気になります。↓ノコギリ波で任意のモールス信号の音を出します(基本的な英数字だけ)。JavaScriptが有効でないと表示されません。今回についてはサイン波のほうがスタイリッシュでいいかなぁと思ってそうしました。以上のことにより、次の結果が得られた。(クリックで音が有効になります)それと、音の調整を繰り返すうちに、プログラムを動かしていないときでもモールス信号の空耳が聞こえるという副作用を獲得しました。音の出力についてはもう一つ、エンベロープという重要な機能があります。Wikipediaこれは、音の長さや音量の時間変化を調節するものです。以下はそれを利用した作例です。今回はノイズ音を背景みたいに使いましたが、ノイズ音をエンベロープで調整すると、なんと打楽器の音が作れます。過去にこれを利用して、ドラムのパターンを無限に生成するやつを作りました。まれにかっこいいリズムができます。音の高さ(周波数)と音楽の音階には数学的な関係があって、これも奥が深いです。音階)の構造を視覚化し、その中でてきとうに音を鳴らすことでメロディーを生成するやつを作りました。www.openprocessing.orgエンベロープで調整したことで、ポロンポロン、みたいな音ができました。和音を作ったら、変な雑音が混じるのがどうしても消せなかった。ちなみにいまの日本でよく聞く音楽では1オクターブを半音×12に分けた音階を使いますが、アラビア音階はその2倍の細かさで複雑な音程を作ります。それをもうちょっと調べようとしたのですが、固有名詞の嵐だったので諦めました。どこかに面白いと思っていただけるポイントがあれば幸いです。Jacob氏)月別アーカイブはてなブログをはじめよう!fal-worksさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。