Code Monkey home page Code Monkey logo

juno106's Introduction

106.js

106.js is an emulation of the classic Roland Juno-106 analog synthesizer.

You can play 106.js here.

System Requirements

Minimum window size of 1024x768. Please use an updated version of Google Chrome.

How to play

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.

MIDI

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.

Synthesis Overview

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.

Technology

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.

TO-DO

  • Touch events
  • Tweak chorus
  • Alternate PWM Implementation
  • Filter self-resonance
  • Deeper MIDI implementation
  • Portamento
  • Bender
  • Save/load patches

Changelog

  • v. 1.0: First public release - 5/18/2015

juno106's People

Contributors

stevengoldberg avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.