function pitchToFrequency(pitch) {
return Math.pow(2, (pitch - tuning.note) / notesPerOctave) * tuning.frequency;
}
function makeTone(pitch) {
return new OscillatorNode(ctx, {
type: "sine", // Also try "triangle", "sawtooth", "square"
frequency: pitchToFrequency(pitch)
});
}
attackTime = 0.01
decayTime = 0.3
function makeEnvelope(startTime) {
const peak = startTime + attackTime;
const end = peak + decayTime;
const env = new GainNode(ctx, { gain: 0 });
env.gain.linearRampToValueAtTime(maxGain, peak);
env.gain.linearRampToValueAtTime(0, end);
return env;
}
function play(pitch) {
const tone = makeTone(pitch);
const env = makeEnvelope(ctx.currentTime);
tone.connect(env);
env.connect(ctx.destination);
tone.start();
return;
}
{
if (buttonClicks == 0) return;
play(midiNote);
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
