feb19.jp

Nobuhiro Takahashi
Designer / Engineer

M3 2018 春 #ぼくらのファンタジーコンピ に参加します

2017/4/29 の M3 は サ-18a (俺式ファンタジー) で頒布されるファンタジー系楽曲オリジナル作品集「セブンス・エンド・クロニクル 第一章 古代機械の秘密」に、僕も参加させていただきました。

本作品の頒布スペースは サ-18a (俺式ファンタジー) となっております。

 

ティザーサイトもできていれば、トレーラーまでできてて、主宰の @nabemon さんやたらすごい。

 

M3 について

M3 2018 春は 2018.4.29 に東京流通センター(TRC) 第二展示場2階 で開催予定です!

アマチュアからプロの音楽家の方が所狭しと作品を並べあって、お互い刺激しあったり聞き合ったり探し回ったり、みんなが音楽漬けの1日になる、年二回行われる大型同人音楽イベントです。

参加するには所定の前売り券がわりのパンフレットを購入するか、当日を購入する必要があります。タワーレコード、とらのあな、アニメイトなどで発売されるので、購入しておくのがおすすめです。

 

ゴールデンウイーク、足を運んでみて、良かったら サ-18a (俺式ファンタジー) で頒布している #ぼくらのファンタジーコンピ「セブンス・エンド・クロニクル 第一章 古代機械の秘密」もお手にとってみてください。

M3 参加は 2012 年ぶりなので楽しみです!

WebMIDI API と Reface CP でクリスマス的なことをする

この記事は WebAudio/WebMIDI API Advent Calendar 2017の記事です。よろしくお願いします。普段はこのサイトやどこかで箸にも棒にもかからないアプリやサービスを作ったりしている者です。

今回の内容

これを作りました。

アドベントカレンダーらしく「We Wish You a Merry Christmas」をテーマにしてみました。日本だと「おめでとうクリスマス」と訳されているみたい。この曲は 16 世紀イギリスで作られた民謡であって、著作権切れてるんで採用。これ書いとかないと JA おっと誰か来たようで👀

 

楽譜の制作

Reface で弾く用に編曲した楽譜をまず作りました(勘ですが...)。後ほどの説明用にも。iPad に入れた Notion 製です

Reface CP にはトイピアノの音色があるので、音色に合わせて全体的に 8va します。

 

アセットの制作

先ほどの楽譜を読むと、右手で登場する音階はドレミファ#ソラシなので、この 7 音に対応したアセットを制作します(左手もっと多かったけど...)。

プログラムで生成できるようにするため(というかコードでグラフィックを作りたい気分だったので)、雪の結晶を生成するコードを 7 種類用意します。

一応 iPad でどういう感じの結晶にするか描いてみたりしながら...。

コード化してアニメーションさせたのがこれ。シャープ(#)が付く場合はアニメーションを逆再生にするアイデアが思いついたのですが時すでにおそし。


 

MIDI 演奏向けの下ごしらえ

それっぽくなればツールはなんでもいいので、今回は PixiJS を使用しました。
表示をランダマイズアニメーション化して、デュレーションによって生成される数を増減する、サイズをベロシティに応じて変更可能なようにするなど、MIDI 演奏向けの下ごしらえをします。

スクリーン上端から降ってくるとイマイチかもなーと思ってノートオンから少しレイテンシーを感じてしまうかもしれないけど、雪の結晶が形成されていくようなアニメーションをしながら登場させることにしました。

 

というわけで成果物の演奏

結晶だけでなく、定常的に雪の粉が舞ったりするアニメーションも付け加えました。

 

デモページとソースコード

このデモが試せるサンプルページはこちら。
あんまり参考にならないと思いますがコードはこちら(WebMIDI API で MIDI 機器認識してノートをパースしているだけです)。

パソコンに MIDI キーボードを繋いで、Chrome で MIDI の使用を許可することで弾いてみることができます。試してみてください!

 

参考

楽譜を作るなら iPad Pro で手書きな話

iPad Pro で楽譜を作る動画を Twitter になんの気なくアップしたら、ちょっとだけ沢山の方にリツート・ファボしていただけたのだけど、説明が全然足りてない(コメント返信で補足してますが。。)ので、このブログでもちゃんとまとめておこうと思いました(とはいえ四ヶ月以上前w)。

iPhone / iPad 向けのクロマチックチューナーアプリ「Tuner」を作りました。

iPhone / iPad 向けのクロマチックチューナーアプリ「Tuner」を作りました。
無料でアプリストアからダウンロードできますので、ボイストレーニングや楽器の練習・音合わせにご利用くださいませ。

楽譜がそろそろ Web 標準技術になるらしい

とはいえまだまだ先の話で、次の Chrome のナイトリービルドで追加されるというようなものではなく W3C でウェブ楽譜に関するコミュニティグループが作成され、議論が行われはじめたとのこと。

Recently Entries