106.js is an emulation of the classic Roland Juno-106 analog synthesizer.
Minimum window size of 1024x768. Please use an updated version of Google Chrome.
106.js is best played with a MIDI keyboard. See the next section for MIDI setup instructions. Notes can also be played with a computer keyboard, or by clicking the keys with a mouse. Like the original hardware synthesizer, the 106.js can play up to 6 notes at a time.
Please note that due to a phenomenon known as keyboard ghosting, certain simultaneous combnations of more than 2 keys will not register when held on the computer keyboard. This is a limitation of computer keyboard hardware, and not with 106.js.
Also note that in addition to the labeled keyboard assignments, the key mappings extend to cover the entire top and bottom row of the QWERTY
keyboard, in order to allow for a variety of playing positions.
Click Reset
at the top of the screen at any time to return the 106.js to its initial state.
For MIDI connectivity, you must either use Chrome 43 or newer (currently in beta), or enable the MIDI feature flag in Chrome 38 or newer by pointing your browser to chrome://flags
, searching for "Enable Web MIDI API," clicking "enable," and then restarting the browser.
106.js currently responds to Note On and Note Off messages on any MIDI channel.
The following is a brief description of each control on the 106.js. Many of these controls are also found on other analog and virtual analog synthesizers.
If you've never played with synthesizers before, the controls may seem overwhelming at first. A good entry point is to experiment with the filter cutoff (the FREQ
knob in the VCF
section) and the amplifier envelope (the A
, D
, S
, and R
knobs in the ENV
section). The former alters the brightness of the sound, and the latter change the attack, decay, sustain, and release, respectively, shaping the volume of the sound over time as you press and then let go of the keys.
For more detailed instructions, consult the Juno 106 owner's manual.
LFO - Low Frequency Oscillator
A triangle-wave oscillator that is heard indirectly, through its effects on other parameters.
- Rate: Controls the speed of the LFO.
- Delay: Controls the speed at which the LFO fades in on triggering a note.
DCO - Digitally Controlled Oscillator
Sound sorces that are heard directly.
- Range: Selects the keyboard octave.
- LFO: Selects the extent to which the LFO modulates the oscillator pitch -- i.e., adjusts the depth of vibrato.
- PWM: In manual mode, sets the width of the pulse wave, between 5% and 95%. In LFO mode,
selects the extent to which the LFO modulates pulse width. - PULSE/SAW: Toggles pulse and sawtooth waveforms.
- SUB: Sets volume of square-wave sub-oscillator, one octave below main oscillator.
- NOISE: Sets volume of noise generator.
VCF - Voltage Controlled Filter
24 dB/octave resonant lowpass filter
- FREQ: Sets filter cutoff. Higher values let more high frequencies pass through, for a brighter sound.
- RES: Controls resonance, which is a gain increase at the point of the filter cutoff.
- NORM/INV: Whether or not to invert the filter.
- ENV: The extent to which the envelope is applied to the filter cutoff.
- LFO: The extent to which the LFO is applied to the filter cutoff.
- KBD: The extent to which the filter cutoff tracks the keyboard pitch.
HPF - High Pass Filter
12 dB/octave non-resonant highpass filter
- FREQ: Set the level higher to filter out more low-frequency content.
VCA - Voltage Controlled Amplifier
Controls the overall volume level.
- ENV/GATE: In ENV mode, the volume will be shaped by the envelope. In GATE mode, notes will instantly turn on and off when keys are pressed and released. Note that in GATE mode, the ENV can still be applied to the filter cutoff.
- LEVEL: Overall volume.
ENV - Envelope
Envelope shared by both the amplifier and filter.
- A: Attack - how quickly the volume/filter rises to its maximum level when a note is triggered.
- D: Decay - after reaching its maximum level, how quickly the volume/filter falls back down to the sustain level.
- S: Sustain - the level at which the volume/filter maintains itself while a note is held.
- R: Release - how long the volume/filter takes to fade out once a note is released.
CHORUS
A chorus effect.
- OFF: No effect.
- I: Moderate chorus effect.
- II: Stronger chorus effect.
Juno-106.js was written in Javascript using the WebAudio and Web MIDI APIs as well as Backbone.Marionette. It also uses some effects from tuna.js by Dinahmoe.
- Touch events
- Tweak chorus
- Alternate PWM Implementation
- Filter self-resonance
- Deeper MIDI implementation
- Portamento
- Bender
- Save/load patches
- v. 1.0: First public release - 5/18/2015