Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ブラウザ上で弾ける「あの楽器」を作ってみた

Shota Kubota
May 08, 2015
980

 ブラウザ上で弾ける「あの楽器」を作ってみた

CodeGrid三周年記念パーティー on Zusaar http://www.zusaar.com/event/7847057 で話した、ブラウザ上で弾ける「あの楽器」についての資料です。

Shota Kubota

May 08, 2015
Tweet

More Decks by Shota Kubota

Transcript

  1. Web Audio API • Web Audio API ͷ createOscillatorNode() Λ࢖ͬͯαΠϯ

    ೾Λੜ੒ • ԻߴͷσʔλΛɺҰ୴ MIDI ϊʔτ൪߸ʹม׵͠ɺMIDI ϊʔτ൪߸͔Βप೾਺ʹม׵ͯ͠ɺoscillatorNode ͷ frequency.value ϓϩύςΟʹ୅ೖ͍ͯ͠Δ • touchstart or mousedown Πϕϯτ͕ى͖ͨΒɺੜ੒ͨ͠ ԻΛ࠶ੜͯ͠ɺ200ms ޙʹࢭΊΔͱ͍͏ॲཧΛ͍ͯ͠Δ
  2. SVG

  3. SVG • Snap.svg ͱ͍͏ϥΠϒϥϦΛ࢖͍ɺ touchstart or mousedown Πϕϯτ͕ى͖ͨ ΒɺزԿֶ໛༷Λඳը͍ͯ͠Δ •

    ಈըΛݟͭͭɺͲͷΑ͏ʹزԿֶ໛༷Λඳը ͢Δ͔ௐ੔ (໛༷ͱ͔Ξχϝʔγϣϯͱ͔)