Divergence

Modes: Standard and Audio Reactive

PAUSE ACTION: click / tap / press space bar or a gamepad button 1 time.

VIEW OR CHANGE MODES: After performing the pause action, 3 squares will briefly appear at the bottom of the screen, indicating the current mode

three empty squares = Standard mode three filled squares = Audio Reactive mode

To change modes, fill or unfill the squares by performing the pause action 3 times. When the squares fade away, performing the pause action will resume the motion.

CONTROLS:

Standard Mode

To go forward or backward along the timeline:

Mouse: Click and drag left and right Mobile: Press and drag left and right Keyboard: Press and hold right / left arrow or D / A key Gamepad (Analog stick required): hold left or right on either stick

To expand and contract the patterns:

Mouse: Click and drag up and down Mobile: Press and drag up and down Keyboard: Press and hold up / down arrow or W / S key Gamepad (Analog stick required): hold up or down on either stick

Audio Reactive Mode

*Note: Due to some browser limitations on auto-playing audio, you might need to pause and then resume in order for audio reactivity to function properly. I have tested this on mobile Chrome, Firefox, Safari and desktop Firefox and Chrome with success - some version(s) of desktop Safari may work, but I'm not sure which specific versions.

In order to give the browser permission to access the microphone, view Divergence in "live view", accessible from the piece's Art Blocks page or via a link starting with "https://generator.artblocks.io"

For best results with Audio Reactive Mode, I would suggest installing a virtual microphone or using some kind of loopback that routes playback audio from your device into its microphone. This allows for the cleanest audio data. Using a standard microphone that is picking up ambient audio works too, but the results may be more erratic. I’ve included the following sensitivity controls to account for some irregularities in responsiveness.

To increase or decrease audio sensitivity:

Mouse: Click and drag up and down Mobile: Press and drag up and down Keyboard: Press and hold up / down arrow or W / S key Gamepad (Analog stick required): hold up or down on either stick

A vertical bar will appear on the left indicating how much or how little sensitivity is being applied. Move the bar upwards for more sensitivity and lower for less. After a brief moment after interactions stop, the sensitivity bar will fade out.

Additional Information

You can launch the piece with three auxiliary states via url parameters - Audio Reactive Mode, disable the flourish, and hide the ui

Audio Reactive Mode (?reactive=true) has that mode engaged at all times. Pausing and adjusting sensitivity is still possible but you cannot affect timeline position or texture state (expansion / contraction)

Disable flourish (?flourish=false) prevents the piece from entering a flourish mode every 3 minutes where it does a short automated interaction to show off the piece. Note: Flourish is automatically disabled when Audio Reactive Mode is enabled, whether manually or via the url parameter.

Hide the UI (?hideui=true) prevents pause action from activating the UI. This includes hiding the amplitude adjustment bar. This parameter is usable in the other two states (&hideui=true, for example ?reactive=true&hideui=true) and could be useful if the piece is being performed live and the performer/DJ does not want to see the amplitude bar during adjustments.

Activate them by appending the associated key=value pair to the end of the url.
Example: http://…/1234?reactive=true enables Audio Reactive Mode