// View

const playButton = document.getElementById('play-button')

​

// PicoAudio.jsの初期化

const picoAudio = new PicoAudio()

picoAudio.init()

​

// 曲データの初期化

const parsedSMF = picoAudio.parseSMF(picotuneDemoSmf)

picoAudio.setData(parsedSMF)

​

// playボタンで再生状態を初期化して再生する

playButton.addEventListener('click', () => {

  picoAudio.initStatus()

  picoAudio.play()

})

​

///////////////////////////////////////////////////////

​

// View

const sushi = document.getElementById('sushi')

​

// 寿司の位置

let x = 0

​

// PicoAudioのイベントリスナ

picoAudio.addEventListener('noteOn', (note) => {

  // チャンネル0(メロディ)だけ見る

  if (note.channel === 0) {

    x += 10

    sushi.style.transform = `translateX(${x % 300}px)`

  }

})