Recommended
More Related Content
Similar to Oscillatorで楽器を作りたい！
Oscillatorで楽器を作りたい！
- 1. Oscillator で 楽器を作りたい！ Web Audio API の
- 2. 1. 自己紹介 2. Oscillator って何？ 3. Oscillator ができること 4. 作ってみたもの
- 3. 自己紹介 まっは @mach3ss 横浜で活動するフリーランスの Web デザイナー・エンジニア JavaScript/HTML/CSS たまにピアノを弾いてたりします <http://blog.mach3.jp> <http://lesstester.com> <http://www.mach3.jp>
- 5. Oscillator って何？ Oscillator [ɑ'səlèitər] オシレーター / 発振器 / 振動体 Web Audio API のインターフェイスのひとつで、 波形を指定して音を生成する事ができちゃう。 ｵｵｵｵｽｽｽｽｼｼｼｼﾚﾚﾚﾚｲｲｲｲﾀﾀﾀﾀｰｰｰ？？？？
- 7. Oscillator って何？ //////// [[[oobbbbjjjjeeeecccctttt AAAuuuuddddiiiiooooCCCCoooonnnntttteeexxxxtttt]]]] var context = new AudioContext(); //// [[oooobbbbjjjeeecttt OOOsssscccciiiillllllllaaaattttoooorrrrNNNNooooddddeeee]]]] var oscillator = context.createOscillator(); oscillator.connect(context.destination); oscillator.start(0);
- 10. Oscillator ができること 音の周波数を変える（frequency） - 周波数を変えると音の高さが変わる - デフォルトの値は 440Hz で、A（" ラ ") の音 - 1.06 倍すると 1 半音あがる oscillator.frequency.value = 440;
- 11. Oscillator ができること デチューン（detune） - デチューンの値を変えると音の高さが僅かずつ変わる - わずかにずらした音を重ねて コーラスのように音に厚みをもたせたりできる oscillator.detune.value = 0;
- 12. Oscillator ができること 音の波形を選択（type） - 波の形で音の聞こえ方が変わる - 初めから用意されている波形を選択する他、 自分で波形を作って色々な音を作り出すこともできる oscillator.type = “sine” ;
- 13. Oscillator ができること Sine Square Triangle Sawteeth
- 14. 作ってみたもの
- 17. なんちゃってリバーブエフェクト - Convolver というその為の素晴らしい機能があるが、 IR データが必要になるなど、若干敷居は高い。 - ワンソースで完結したかった都合もあって、 jquery-easing のイージング関数を使って それっぽいことをした。 作ってみたもの