自動作曲アプリの制作５

Java ScriptによるWebアプリのプログラミングの5回目。今回は全体のレイアウトを完成させて、音色やレベルの機能を追加しました。

 　<< １回目のお話 | < 前回のお話 | | 次回のお話 >

前回の続きでレイアウトの作成を進めてとりあえず完成させました。まだ色などのGUIのデザインは未完成ですが、アプリの全体像が分かるようになりました。

CSSで配置して行くわけですが、こんなに細かいWEBページを作るのは初めてなので凄く苦労しました。CSSのfloat、position、flexとかとかの機能を使うわけですが、Office系のアプリで図形を描くように思い通りになりませんね。

機能の方は内蔵シンセの音色を選べるようにしました。シンセ音源はネットで配布されている”tinysynth”を使ってます。またフェーダー（音量の調整）とミュート（消音）を追加しました。レベルメーター付きです。こういうのが付くと音楽アプリっぽくなりますね。

音色のエディットは一つだけ追加。音の長さを変えられるようにしました。スタッカートの演奏ができます。では、また次回！

リンクはこちら　→　https://youtu.be/SPkuBg-ma5I

タグ：Java script プログラミング

”月が赤い夜に” ベース録音編

ボカロ曲の制作、いつものように作詞編に続いてベースの録音風景を動画で紹介です。

３曲続いてポップでちょっとマイナー調のアレンジが続いてます。リズムも４つ打ちのバスドラに８分裏拍のハイハットと同じリズムで作ってます。

ほとんど同じリズムですが、今回の曲が一番ロックっぽいノリです。なのでベースはシンプルなルート弾きに徹してスピード感が出るようにしました。なかなか気持ち良いノリで録れたと思います。

動画の演奏ですが、2コーラス目の抜粋です。ドラムは打ち込みでLogic付属の音源。いつものベースはMaxon CP-9とMXR M80 Bass D.I.+の組み合わせです。録音作業中の動画ですが音の方は複数のテイクから編集しています。では、どうぞ！！

リンクはこちら　→　https://youtu.be/_NfWMWKdrvw

（製作期間 ： 2024年3月〜）

Copyright 2024 Katsumi Ochiai

タグ：オリジナル曲 作曲 DTM ベース

自動作曲アプリの制作４

Java ScriptによるWebアプリのプログラミングの4回目。今回はパターンの機能を仕上げ、また少しGUIのデザインを始めました。

 　<< １回目のお話 | < 前回のお話 | | 次回のお話 >

２パートの８音の繰り返しの演奏が基本になってますが、そこに当てはめる音程・音価（音符の長さ）・音量の基準値を設定できるようにしました。3連符も選択できるようにしました。また繰り返す音数を変えられるようにしました。これで、演奏に変化が出てきたと思います。

パラメーターが増えて画面が乱雑になってきたので、GUIのデザインを決めて配置を始めました。こちらはCSSを使った作り込みますが、本格的なCSSも久しぶりなので思い出しながらで苦戦しました。

操作はネットで配布されているロータリーノブを使ってみました。シンセっぽい画面になりますね。でも色も含めてもうちょっとカッコよくしたいな〜と思ってます。まだまだ、基本的なデーター構造などで苦労してますが続けていきます！

リンクはこちら　→　https://youtu.be/dQR4Vi3NdTU

タグ：Java script プログラミング

”月が赤い夜に” 作詞編

また、ボカロ曲の制作を再開です。とは言うものの、最近、久しぶりのプログラミングにハマってるので、曲作りはその合間に、、、となってて進みが遅いです。

前作、前々作に続いてポップでちょっとマイナー調な曲を連作っぽく同じような路線で作ってます。今回は、タイトルも”〜夜に”で統一してみました。

いつものように別れを感じさせる悲しい感じの作詞をしました。でも、あまり暗くなるのは好きではないので、ちょっと明るい雰囲気も感じさせつつの曲調を狙ってます。歌詞もその微妙な感じを出したかったですが、全体的に暗くなってしまったかもです。仕方ないのでアレンジで挽回しましょう！

- - - - - - - - - - - - - - - - - - - - - - - - - -
　　　　　月が赤い夜に

夜空に浮かぶのは赤い月　静かに暗闇が忍び寄る
涙があふれても拭わない　悲しみが消える朝を待つ

サヨナラが胸に刺さり抜けないよ　君に触れたいから手を伸ばす

月が赤い夜に歩みを止めたら　孤独を背負い傷を癒す
淡い光を受け意識が薄れる　すべてが消え記憶を洗い流す

君がいない夜がふけてゆく　一人は寂しいと気が付いた
月が雲に隠れ闇を呼ぶ　君の温もりが恋しいよ

少しずつかすれてゆく月影に　あふれ落ちた涙　消えてゆく

（＊）
月が赤い夜に空を見上げたら　涙も乾き星が見える
君に伝えること　確かな想いを　胸に秘めて静かな夜が果てる

月が赤い夜に歩みを止めたら　孤独を背負い傷を癒す
淡い光を受け意識が薄れる　悲しみさえ心を満たす

（＊繰り返し）
- - - - - - - - - - - - - - - - - - - - - - - - - -

（製作期間 ： 2024年3月〜） 

タグ：作曲 オリジナル曲 作詞

自動作曲アプリの制作３

Java ScriptによるWebアプリのプログラミングの３回目。今回はパートを2つにして、少し音楽っぽい演奏になってきました。

 　<< １回目のお話 | < 前回のお話 | | 次回のお話 >

前回までの８音の繰り返しパターンは継続してますが、そこにランダムな要素などを加えて変化が付くようにしました。とりあえず音程だけです。このままだと不協和ばかりなので、強制的に音階（スケール）に合わせる機能をつけました。音階はいくつかプリセットを作りました。

２パートにしたので、今回の動画はベースとメロディーっぽくしてみました。途中からメジャースケール→マイナースケールと切り替えてます。ちょっと音楽っぽくなってきたと思います。

プログラミングの技量的には完成させる見込みが立ってきましたが、残りの機能の追加の他にGUIのデザインや各パラメーターの音楽的な調整など、やることは盛りだくさんです。地道に続けていきます。

リンクはこちら　→　https://youtu.be/xnFqUoj8j9o

タグ：Java script プログラミング