You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
2.0 KiB
63 lines
2.0 KiB
const generateToneButton = document.querySelector('#generate-tone > button:nth-of-type(1)')
|
|
const generateNoteButton = document.querySelector('#generate-tone > button:nth-of-type(2)')
|
|
const playButton = document.querySelector('#generate-tone > button:nth-of-type(3)')
|
|
const stopButton = document.querySelector('#generate-tone > button:nth-of-type(4)')
|
|
const toneDisplay = document.querySelector('#generate-tone dd')
|
|
const minInput = document.querySelector('#generate-tone input:nth-of-type(1)')
|
|
const maxInput = document.querySelector('#generate-tone input:nth-of-type(2)')
|
|
|
|
const synth = new Tone.Synth().toDestination()
|
|
|
|
let newTone
|
|
let lowest = 'a0'
|
|
let highest = 'c8'
|
|
const notes = ['c', 'c#', 'd', 'd#', 'e', 'f', 'f#', 'g', 'g#', 'a', 'a#', 'b' ]
|
|
|
|
minInput.setAttribute('placeholder', lowest)
|
|
maxInput.setAttribute('placeholder', highest)
|
|
|
|
generateToneButton.addEventListener('click', () => {
|
|
Tone.start()
|
|
const minFreq = teoria.note(lowest).fq()
|
|
const maxFreq = teoria.note(highest).fq()
|
|
newTone = (Math.random() * (maxFreq - minFreq)) + minFreq
|
|
toneDisplay.innerHTML = newTone
|
|
})
|
|
|
|
generateNoteButton.addEventListener('click', () => {
|
|
Tone.start()
|
|
|
|
const lowOctave = parseInt(lowest.charAt(1)) * 12
|
|
const lowNote = notes.indexOf(lowest.charAt(0))
|
|
const highOctave = parseInt(highest.charAt(1)) * 12
|
|
const highNote = notes.indexOf(highest.charAt(0))
|
|
|
|
const lowPitch = lowOctave + lowNote
|
|
const highPitch = highOctave + highNote
|
|
const pitchSpread = highPitch - lowPitch
|
|
const randomAddedPitches = Math.floor(Math.random() * (pitchSpread + 1) )
|
|
const randomPitch = lowPitch + randomAddedPitches
|
|
|
|
const randomPitchOctave = Math.floor(randomPitch / 12)
|
|
const randomPitchNote = randomPitch % 12
|
|
|
|
newTone = notes[randomPitchNote] + randomPitchOctave
|
|
toneDisplay.innerHTML = newTone
|
|
})
|
|
|
|
playButton.addEventListener('click', ()=>{
|
|
synth.triggerAttack(newTone)
|
|
})
|
|
|
|
stopButton.addEventListener('click', ()=>{
|
|
synth.triggerRelease()
|
|
})
|
|
|
|
minInput.addEventListener('change', ()=>{
|
|
lowest = minInput.value
|
|
})
|
|
|
|
maxInput.addEventListener('change', ()=>{
|
|
highest = maxInput.value
|
|
})
|