Little Strange Software

スマホアプリの開発を行う LittleStrangeSoftware のブログです。

WebAudioAPI

【WebAudioAPI】おもちゃの楽器風・水滴鍵盤

どうも!LSSです!! 【CSS】水滴・改変【小ネタ続編】 の記事に、 あとか(id:c089818) ちょっと訪問できなかった間に、楽しいことができてますねー!色とりどりのコーナーは押すと、それぞれから音が鳴りそうで、試しに音量を上げちゃいました とのコメント…

ゲーム未満のなにか

どうも!LSSです!! 2021年最後の記事となりました。 昨年末は、 little-strange.hatenablog.com 1年を振り返った記事を書いていましたが、今年は…まぁいいかな、とw 一応、年に2回特別な記事を投稿するのが正月とクリスマスだったりしますが、そちらは …

【WebAudioAPI】半自動演奏「きよしこの夜」

「音階だけ事前に用意されていて、リズムはクリックする人任せ」な「半自動演奏」です。 「きよしこの夜」を忠実に再現するもよし、スローテンポに演奏するもよし、全く異なるリズムで演奏する事もできちゃいますねw

はてなブログ10周年のお誕生日、おめでとうございます^^

どうも!LSSです!! 本日、11/7をもって、「はてなブログ」がサービス開始から10周年を迎えました!! おめでとうございます^^ それにかこつけて、昔作った曲を思い出して書いてみましたw hatenablog.com 10周年特別お題の期限はまだ残っています ふと、む…

【WebAudioAPI】MMLプレイヤー、タイミング合わせに成功しました^^

どうも!LSSです!! JavaScriptで曲を演奏できる!と知ってから取り掛かり始めた、MMLプレイヤー作成ですが、 複数のメロディを再生できるようにはなったものの、タイミングがズレてしまう!という致命的な問題にぶち当たっていました^^; が、解決策を見つ…

【WebAudioAPI】なぞのがっき2【スマホ専用】

どうも!LSSです!! ほとんどのスマホには加速度センサー(動かした時の速度)や、ジャイロセンサー(傾き検知)が搭載されています。 自分がスマホを使い始めた頃は、それらのセンサーを使ったゲーム(TempleRunとか)を遊んだ覚えがありますが、近年まっ…

【WebAudioAPI】その昔、初めて片想い→失恋を経験した男が作った曲w

どうも!LSSです!! ええと…もう遥か昔の話になりますが。 自分が初めて「失恋」というものを体験した際に、記念に(?)作った曲がありますw WebAudioAPIで曲を演奏できる事を覚えたので、ここでひとつ、晒してみます! 曲名:Sweetdays 元々、切ない系メ…

【WebAudioAPI】MMLプレイヤー制作中【なにかがおかしい】

どうも!LSSです!! 【WebAudioAPI】超簡易MML(作り始めw) に続き、MMLプレイヤーを作っていました。 オクターブ変更・半音階対応・音長指定・3チャンネルまでの同時再生、に対応できました!! …が、どうも最後の「同時再生」が微妙にズレるような…?…

【WebAudioAPI】超簡易MML(作り始めw)

どうも!LSSです!! WebAudioAPIでやりたかった事のひとつに、「MMLを再生するプレイヤーを作る」があります。 「オクターブ変更は…」「音の長さを変えるには…」「休符は…」「テンポ指定は…」などなど、考えれば考えるほど大変そうになってきますw ので、…

【WebAudioAPI】なぞのがっき を作ってみました

どうも!LSSです!! 今日は、WebAudioAPIを利用した「なぞのがっき」を作ってみました! なぞのがっき 仕様 コード 唐突に、なぞなものを作った動機 にゃんこの反応 なぞのがっき 画面を閉じる ここをクリックすると始まります(注意:音が鳴ります) // 終…

【JavaScript】WebAudioAPIで12音階を鳴らしてみます!

どうも!LSSです!! WebAudioAPIで色々試していますが、今回はそのうち「ドレミ」12音階を鳴らしてみるものを作ってみました! なお、基準となる音「ラ」の音の周波数は440Hzだったり442Hzだったりするようですが、今回は「442Hz」で計算しています。 ス…

【JavaScript】WebAudioAPIで音を生成してみるテスト

どうも!LSSです!! 昨日、 【JavaScript】できないと思ってたらできた!? Web Audio API でJavaScriptから音を生成(サンプル第一歩目w) で新たな扉を開いてしまいましたw で、色々と試していたんですが、どう設定したらどんな音になるか?は、想像が…

【JavaScript】できないと思ってたらできた!? Web Audio API でJavaScriptから音を生成(サンプル第一歩目w)

どうも!LSSです!! 「できたらいいのに」と思っていた事のひとつに、「JavaScriptで音を生成して鳴らす」があります。 JavaScriptで音をどうこうする、のは、知ってる限りでは「別途音声ファイルを用意し、それを演奏したり止めたりの制御ができる」ぐらい…