68 lines
1.6 KiB
JavaScript
68 lines
1.6 KiB
JavaScript
|
/**
|
||
|
* Copyright 2016 Google Inc.
|
||
|
*
|
||
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
* you may not use this file except in compliance with the License.
|
||
|
* You may obtain a copy of the License at
|
||
|
*
|
||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||
|
*
|
||
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
* See the License for the specific language governing permissions and
|
||
|
* limitations under the License.
|
||
|
*/
|
||
|
|
||
|
import {Keyboard} from 'keyboard/Keyboard'
|
||
|
import domReady from 'domready'
|
||
|
import 'style/main.css'
|
||
|
import {AI} from 'ai/AI'
|
||
|
import {Sound} from 'sound/Sound'
|
||
|
import {Glow} from 'interface/Glow'
|
||
|
import {Splash} from 'interface/Splash'
|
||
|
|
||
|
domReady(() => {
|
||
|
|
||
|
const container = document.createElement('div')
|
||
|
container.id = 'container'
|
||
|
document.body.appendChild(container)
|
||
|
|
||
|
const ai = new AI()
|
||
|
const glow = new Glow(container)
|
||
|
const keyboard = new Keyboard(container)
|
||
|
const sound = new Sound()
|
||
|
|
||
|
const splash = new Splash(document.body)
|
||
|
splash.on('click', () => {
|
||
|
container.classList.add('focus')
|
||
|
keyboard.activate()
|
||
|
})
|
||
|
|
||
|
sound.load()
|
||
|
|
||
|
keyboard.on('keyDown', (note) => {
|
||
|
sound.keyDown(note)
|
||
|
ai.keyDown(note)
|
||
|
glow.user()
|
||
|
})
|
||
|
|
||
|
keyboard.on('keyUp', (note) => {
|
||
|
sound.keyUp(note)
|
||
|
ai.keyUp(note)
|
||
|
glow.user()
|
||
|
})
|
||
|
|
||
|
ai.on('keyDown', (note, time) => {
|
||
|
sound.keyDown(note, time, true)
|
||
|
keyboard.keyDown(note, time, true)
|
||
|
glow.ai(time)
|
||
|
})
|
||
|
|
||
|
ai.on('keyUp', (note, time) => {
|
||
|
sound.keyUp(note, time, true)
|
||
|
keyboard.keyUp(note, time, true)
|
||
|
glow.ai(time)
|
||
|
})
|
||
|
|
||
|
})
|