hitode909の日記

趣味はマリンスポーツですの日記です

MIDIコントローラで操作できるビデオシンセサイザー的なもの

昔ながらのビデオシンセサイザーはsin波をそのまま電圧(?)として入力して波形を出していた、というのを見かけたのでやってみた。
参考にした動画。走査線上に上から順に書いていく。
www.youtube.com

できた。nanoKONTROL2に対応している。



考察

  • MIDIコントローラがあると複数の数字を同時に変化させられるのがよくて、マウス1つではこういう遊びはできないと思われる
  • 素朴にJavaScriptでループして計算しているので60フレーム出そうとすると320x240くらいしか出せない。WebGLを使うことになるとGLSLを書くことになりそう
    • ベクトル画像の重ね合わせということにすればSVGでもできる?
  • フルスクリーンにするとテンションが上がる。フルスクリーンにすることを見越して画面のアスペクト比にあわせたcanvasを作るようにした
  • 16ms以上かかってたら解像度を下げたり、8ms以下なら解像度を上げる、とかしてみたら解像度が変わる瞬間がウェブの動画ストリーミングの画質が変わる瞬間みたいで情けない

brief-dolomite.glitch.me