dr XOXE

tonight we are slaves to no one, except the rhythm

Parameters

clock		disables/enables the internal clock controlling playback
lang		sets the interface language (additional languages can be added)
mode		mode 0 (4 tracks) or 1 (8 tracks)
pointer		hides/shows the mouse cursor
rnd		disables/enables random sequence on startup (if the parameter is disabled, the Miniature starts with an empty sequence)
synth		disables/enables the internal sound synthesizer

Description

The miniature refers to the history of electronic percussion machines – from Léon Theremin’s first “Rhythmicon” to Roland’s iconic instruments from the 1980s.

It combines the classic XOX step sequencer with a Euclidean rhythm generator based on an algorithm known from ancient Greek mathematics.

It is a simple but flexible instrument that allows you to build complex (poly)rhythmic structures. The dr(um) XOX E(uclidean) machine evokes both the culture of experimental electronics and the street origins of dance music, showing that the logic of rhythm and algorithm have common sources.

This Miniature is a “dr(um) XOX E(uclidean) machine,” a drum machine with an XOX step sequencer and a Euclidean rhythm generator. It combines several elements drawn from the historical and contemporary development of music technologies and their cultural reception. It is a very simple instrument, but thanks to several features, such as the ability to randomize and create tracks of varying lengths for different percussion instruments, and the aforementioned Euclidean mechanisms, it allows for the creation of various (poly)rhythmic structures.

Drum machines are musical instruments that allow for the production of percussion sounds and the creation of rhythmic structures, i.e., sequences. Their history dates back at least to 1930–32, when the visionary engineer Léon Theremin constructed the Rhythmicon – an instrument reputedly exceptionally difficult to operate, yet capable of creating rhythmic structures based on harmonic series. The Rhythmicon’s output, however, constituted musical material too difficult to play on “manually” controlled instruments. Thus, Theremin’s instrument immediately brought about a small musical revolution: it shifted the emphasis in musical exploration from training and the application of manual dexterity to thinking about the very nature and usefulness of musical material, whose complexity could now be derived from the intellectual potential and aesthetic and creative imagination of its creator. Another revolution came with the Roland TR-808 (1980), TR-606 (1981), and Roland TR-909 (1983) drum machines, and the TB-303 (1981) bass synthesizer. Apparently, the manufacturer designed these instruments (especially the TR-606 and TB-303) as inexpensive training aids for more traditional instruments (e.g., guitar), providing a somewhat more engaging playing companion than a metronome. Musicians with relatively traditional aesthetic preferences generally ignored Roland’s innovations, while the instruments, after being culturally scrapped by their original target audience, were adopted by street and underground dance cultures (e.g., acid house is considered a musical genre that essentially emerged from basement and garage experiments with the TR/TB). Before instrument prices skyrocketed, it turned out that street music (counter)cultures possessed equipment that helped overcome the shortcomings of a musician’s manual craft (though it must be admitted that these instruments also had their virtuosos) and, like Theremin’s innovation, shifted the definition of musical task toward translating the effects of musical imagination into a sonic result (that is, closer to compositional tasks, although the range of resources and work methodology here differs significantly from the “grand” compositional ethos cast in bronze and set in marble). It quickly became clear that the possessors of such musical imagination came from less than obvious backgrounds.

The XOX step sequencer is one of the revolutionary and at the same time incredibly simple and obvious (once you understand it) mechanisms for editing the rhythmic structures that constitute what a drum machine should possess. A rhythmic pattern in a step sequencer with XOX editing consists of a fixed number of steps that can be turned on (X) or off (O). Patterns can be looped or sequenced, and are typically divided into tracks for separate instruments.

Euclidean rhythms are an idea described by Godfried Toussaint, derived from the algorithm for finding the greatest common divisor of two natural numbers by the ancient Greek philosopher and mathematician Euclid, and E. Bjorklund’s research on the application of patterns generated by the Euclidean algorithm in contemporary applied sciences (Bjorklund formulated his ideas while working at Los Alamos National Laboratory in the early 2000s). Godfried Toussaint discusses his concept in detail in his article The Euclidean Algorithm Generates Traditional Musical Rhythms demonstrating how rhythmic patterns characteristic of many musical cultures from different times correspond to the structure of binary sequences obtained using the Euclidean algorithm. The concept is relatively simple to implement in digitally controlled devices and Dr. XOXE also has such a mechanism.

Technical documentation

Parameters passed via URL

- clock 0 or 1; default 1; disables/enables the internal clock controlling playback
- lang en or pl; default en; sets the interface language (additional languages can be added)
- midiinchn MIDI channel number for external control of Miniature (receiving messages)
- midiinport default disabled; MIDI port number for external control of Miniature (receiving messages)
- midioutchn MIDI channel number for external control of Miniature (sending messages)
- midioutport default disabled; MIDI port number for external control of Miniature (sending messages)
- mode 0 (4 tracks) or 1 (8 tracks); default 0
- pointer 0 or 1; default 1; hides/shows the mouse cursor
- rnd 0 or 1; default 1; disables/enables the random sequence on startup (if disabled, Miniature starts with an empty sequence)
- speed sets the initial playback speed (global “speed” slider)
- synth 0 or 1; default 1; disables/enables the internal sound synthesizer
- tpf “ticks per frame”; sets the “note” length expressed in MIDI clock ticks (useful for synchronization with an advanced MIDI system)
- vol 0.0 … 1.0; sets the initial instrument volume level (global “vol” slider)
- worker 0 or 1; default 0; allows blocking the browser’s built-in mechanisms that suspend the program when the window is not visible
- ws address; default disabled; enables and sets the address (usually localhost:9001) for WebSocket communication (allows external control of Miniature and customization)
- xws address; default disabled; enables and sets the address (usually ws://localhost:9001) with protocol specification for WebSocket communication (allows external control of Miniature and customization)

Messages passed via WebSocket

Messages to which Miniature responds

speed playback speed (value of the “speed” slider)
tick equivalent of an internal clock pulse or MIDI clock pulse
track1clr clearing all steps for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 1 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1len 2 … 16; number of sequencer steps for channel 1 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1prob 0.0 … 1.0; probability of an event for channel 1 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1res resolution (affects the Euclidean rhythm generator) for channel 1 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1rnd triggering randomization for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1rot Euclidean rotation value for channel 1 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1vol 0.0 … 1.0; volume of channel 1 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2clr clearing all steps for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 2 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2len 2 … 16; number of sequencer steps for channel 2 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2prob 0.0 … 1.0; probability of an event for channel 2 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2res resolution (affects the Euclidean rhythm generator) for channel 2 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2rnd triggering randomization for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2rot Euclidean rotation value for channel 2 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2vol 0.0 … 1.0; volume of channel 2 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3clr clearing all steps for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 3 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3len 2 … 16; number of sequencer steps for channel 3 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3prob 0.0 … 1.0; probability of an event for channel 3 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3res resolution (affects the Euclidean rhythm generator) for channel 3 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3rnd triggering randomization for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3rot Euclidean rotation value for channel 3 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3vol 0.0 … 1.0; volume of channel 3 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4clr clearing all steps for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 4 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4len 2 … 16; number of sequencer steps for channel 4 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4prob 0.0 … 1.0; probability of an event for channel 4 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4res resolution (affects the Euclidean rhythm generator) for channel 4 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4rnd triggering randomization for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4rot Euclidean rotation value for channel 4 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4vol 0.0 … 1.0; volume of channel 4 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5clr clearing all steps for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 5 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5len 2 … 16; number of sequencer steps for channel 5 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5prob 0.0 … 1.0; probability of an event for channel 5 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5res resolution (affects the Euclidean rhythm generator) for channel 5 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5rnd triggering randomization for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5rot Euclidean rotation value for channel 5 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5vol 0.0 … 1.0; volume of channel 5 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6clr clearing all steps for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 6 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6len 2 … 16; number of sequencer steps for channel 6 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6prob 0.0 … 1.0; probability of an event for channel 6 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6res resolution (affects the Euclidean rhythm generator) for channel 6 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6rnd triggering randomization for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6rot Euclidean rotation value for channel 6 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6vol 0.0 … 1.0; volume of channel 6 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7clr clearing all steps for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 7 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7len 2 … 16; number of sequencer steps for channel 7 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7prob 0.0 … 1.0; probability of an event for channel 7 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7res resolution (affects the Euclidean rhythm generator) for channel 7 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7rnd triggering randomization for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7rot Euclidean rotation value for channel 7 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7vol 0.0 … 1.0; volume of channel 7 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8clr clearing all steps for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 8 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8len 2 … 16; number of sequencer steps for channel 8 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8prob 0.0 … 1.0; probability of an event for channel 8 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8res resolution (affects the Euclidean rhythm generator) for channel 8 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8rnd triggering randomization for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8rot Euclidean rotation value for channel 8 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8vol 0.0 … 1.0; volume of channel 8 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
vol 0.0 … 1.0; global volume (value of the “vol” slider)

Messages sent by Miniature

dr speed playback speed (value of the “speed” slider)
dr track1clr clearing all steps for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 1 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1len 2 … 16; number of sequencer steps for channel 1 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1prob 0.0 … 1.0; probability of an event for channel 1 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1res resolution (affects the Euclidean rhythm generator) for channel 1 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1rnd triggering randomization for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1rot Euclidean rotation value for channel 1 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1vol 0.0 … 1.0; volume of channel 1 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2clr clearing all steps for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 2 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2len 2 … 16; number of sequencer steps for channel 2 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2prob 0.0 … 1.0; probability of an event for channel 2 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2res resolution (affects the Euclidean rhythm generator) for channel 2 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2rnd triggering randomization for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2rot Euclidean rotation value for channel 2 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2vol 0.0 … 1.0; volume of channel 2 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3clr clearing all steps for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 3 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3len 2 … 16; number of sequencer steps for channel 3 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3prob 0.0 … 1.0; probability of an event for channel 3 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3res resolution (affects the Euclidean rhythm generator) for channel 3 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3rnd triggering randomization for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3rot Euclidean rotation value for channel 3 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3vol 0.0 … 1.0; volume of channel 3 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4clr clearing all steps for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 4 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4len 2 … 16; number of sequencer steps for channel 4 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4prob 0.0 … 1.0; probability of an event for channel 4 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4res resolution (affects the Euclidean rhythm generator) for channel 4 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4rnd triggering randomization for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4rot Euclidean rotation value for channel 4 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4vol 0.0 … 1.0; volume of channel 4 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5clr clearing all steps for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 5 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5len 2 … 16; number of sequencer steps for channel 5 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5prob 0.0 … 1.0; probability of an event for channel 5 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5res resolution (affects the Euclidean rhythm generator) for channel 5 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5rnd triggering randomization for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5rot Euclidean rotation value for channel 5 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5vol 0.0 … 1.0; volume of channel 5 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6clr clearing all steps for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 6 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6len 2 … 16; number of sequencer steps for channel 6 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6prob 0.0 … 1.0; probability of an event for channel 6 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6res resolution (affects the Euclidean rhythm generator) for channel 6 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6rnd triggering randomization for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6rot Euclidean rotation value for channel 6 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6vol 0.0 … 1.0; volume of channel 6 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7clr clearing all steps for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 7 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7len 2 … 16; number of sequencer steps for channel 7 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7prob 0.0 … 1.0; probability of an event for channel 7 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7res resolution (affects the Euclidean rhythm generator) for channel 7 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7rnd triggering randomization for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7rot Euclidean rotation value for channel 7 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7vol 0.0 … 1.0; volume of channel 7 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8clr clearing all steps for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 8 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8len 2 … 16; number of sequencer steps for channel 8 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8prob 0.0 … 1.0; probability of an event for channel 8 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8res resolution (affects the Euclidean rhythm generator) for channel 8 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8rnd triggering randomization for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8rot Euclidean rotation value for channel 8 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8vol 0.0 … 1.0; volume of channel 8 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr trig channel number (indexed from 0) on which an event occurred
dr vol 0.0 … 1.0; global volume (value of the “vol” slider)

MIDI

Messages to which Miniature responds

CC 003 on channel 1 playback speed (value of the “speed” slider)
CC 004 on channel 1 global volume (value of the “vol” slider)
CC 010 on channel 1 volume of channel 1 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 011 on channel 1 volume of channel 2 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 012 on channel 1 volume of channel 3 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 013 on channel 1 volume of channel 4 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 014 on channel 1 volume of channel 5 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 015 on channel 1 volume of channel 6 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 016 on channel 1 volume of channel 7 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 017 on channel 1 volume of channel 8 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 018 on channel 1 probability of an event for channel 1 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 019 on channel 1 probability of an event for channel 2 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 020 on channel 1 probability of an event for channel 3 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 021 on channel 1 probability of an event for channel 4 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 022 on channel 1 probability of an event for channel 5 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 023 on channel 1 probability of an event for channel 6 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 024 on channel 1 probability of an event for channel 7 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 025 on channel 1 probability of an event for channel 8 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 026 on channel 1 Euclidean rotation value for channel 1 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 027 on channel 1 Euclidean rotation value for channel 2 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 028 on channel 1 Euclidean rotation value for channel 3 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 029 on channel 1 Euclidean rotation value for channel 4 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 030 on channel 1 Euclidean rotation value for channel 5 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 031 on channel 1 Euclidean rotation value for channel 6 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 032 on channel 1 Euclidean rotation value for channel 7 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 033 on channel 1 Euclidean rotation value for channel 8 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 034 on channel 1 number of events (parameter used by the Euclidean rhythm generator) for channel 1 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 035 on channel 1 number of events (parameter used by the Euclidean rhythm generator) for channel 2 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 036 on channel 1 number of events (parameter used by the Euclidean rhythm generator) for channel 3 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 037 on channel 1 number of events (parameter used by the Euclidean rhythm generator) for channel 4 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 038 on channel 1 number of events (parameter used by the Euclidean rhythm generator) for channel 5 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 039 on channel 1 number of events (parameter used by the Euclidean rhythm generator) for channel 6 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 040 on channel 1 number of events (parameter used by the Euclidean rhythm generator) for channel 7 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 041 on channel 1 number of events (parameter used by the Euclidean rhythm generator) for channel 8 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 042 on channel 1 resolution (affects the Euclidean rhythm generator) for channel 1 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 043 on channel 1 resolution (affects the Euclidean rhythm generator) for channel 2 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 044 on channel 1 resolution (affects the Euclidean rhythm generator) for channel 3 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 045 on channel 1 resolution (affects the Euclidean rhythm generator) for channel 4 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 046 on channel 1 resolution (affects the Euclidean rhythm generator) for channel 5 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 047 on channel 1 resolution (affects the Euclidean rhythm generator) for channel 6 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 048 on channel 1 resolution (affects the Euclidean rhythm generator) for channel 7 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 049 on channel 1 resolution (affects the Euclidean rhythm generator) for channel 8 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 050 on channel 1 number of sequencer steps for channel 1 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 051 on channel 1 number of sequencer steps for channel 2 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 052 on channel 1 number of sequencer steps for channel 3 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 053 on channel 1 number of sequencer steps for channel 4 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 054 on channel 1 number of sequencer steps for channel 5 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 055 on channel 1 number of sequencer steps for channel 6 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 056 on channel 1 number of sequencer steps for channel 7 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 057 on channel 1 number of sequencer steps for channel 8 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 058 on channel 1 triggering randomization for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 059 on channel 1 triggering randomization for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 060 on channel 1 triggering randomization for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 061 on channel 1 triggering randomization for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 062 on channel 1 triggering randomization for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 063 on channel 1 triggering randomization for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 064 on channel 1 triggering randomization for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 065 on channel 1 triggering randomization for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 066 on channel 1 clearing all steps for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 067 on channel 1 clearing all steps for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 068 on channel 1 clearing all steps for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 069 on channel 1 clearing all steps for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 070 on channel 1 clearing all steps for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 071 on channel 1 clearing all steps for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 072 on channel 1 clearing all steps for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 073 on channel 1 clearing all steps for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
RT Clock stop stops playback
RT Clock tick (pulse) clock pulse

Messages sent by Miniature

CC 003 on channel 2 playback speed (value of the “speed” slider)
CC 004 on channel 2 global volume (value of the “vol” slider)
CC 010 on channel 2 volume of channel 1 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 011 on channel 2 volume of channel 2 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 012 on channel 2 volume of channel 3 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 013 on channel 2 volume of channel 4 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 014 on channel 2 volume of channel 5 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 015 on channel 2 volume of channel 6 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 016 on channel 2 volume of channel 7 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 017 on channel 2 volume of channel 8 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 018 on channel 2 probability of an event for channel 1 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 019 on channel 2 probability of an event for channel 2 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 020 on channel 2 probability of an event for channel 3 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 021 on channel 2 probability of an event for channel 4 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 022 on channel 2 probability of an event for channel 5 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 023 on channel 2 probability of an event for channel 6 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 024 on channel 2 probability of an event for channel 7 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 025 on channel 2 probability of an event for channel 8 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 026 on channel 2 Euclidean rotation value for channel 1 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 027 on channel 2 Euclidean rotation value for channel 2 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 028 on channel 2 Euclidean rotation value for channel 3 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 029 on channel 2 Euclidean rotation value for channel 4 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 030 on channel 2 Euclidean rotation value for channel 5 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 031 on channel 2 Euclidean rotation value for channel 6 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 032 on channel 2 Euclidean rotation value for channel 7 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 033 on channel 2 Euclidean rotation value for channel 8 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 034 on channel 2 number of events (parameter used by the Euclidean rhythm generator) for channel 1 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 035 on channel 2 number of events (parameter used by the Euclidean rhythm generator) for channel 2 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 036 on channel 2 number of events (parameter used by the Euclidean rhythm generator) for channel 3 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 037 on channel 2 number of events (parameter used by the Euclidean rhythm generator) for channel 4 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 038 on channel 2 number of events (parameter used by the Euclidean rhythm generator) for channel 5 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 039 on channel 2 number of events (parameter used by the Euclidean rhythm generator) for channel 6 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 040 on channel 2 number of events (parameter used by the Euclidean rhythm generator) for channel 7 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 041 on channel 2 number of events (parameter used by the Euclidean rhythm generator) for channel 8 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 042 on channel 2 resolution (affects the Euclidean rhythm generator) for channel 1 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 043 on channel 2 resolution (affects the Euclidean rhythm generator) for channel 2 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 044 on channel 2 resolution (affects the Euclidean rhythm generator) for channel 3 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 045 on channel 2 resolution (affects the Euclidean rhythm generator) for channel 4 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 046 on channel 2 resolution (affects the Euclidean rhythm generator) for channel 5 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 047 on channel 2 resolution (affects the Euclidean rhythm generator) for channel 6 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 048 on channel 2 resolution (affects the Euclidean rhythm generator) for channel 7 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 049 on channel 2 resolution (affects the Euclidean rhythm generator) for channel 8 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 050 on channel 2 number of sequencer steps for channel 1 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 051 on channel 2 number of sequencer steps for channel 2 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 052 on channel 2 number of sequencer steps for channel 3 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 053 on channel 2 number of sequencer steps for channel 4 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 054 on channel 2 number of sequencer steps for channel 5 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 055 on channel 2 number of sequencer steps for channel 6 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 056 on channel 2 number of sequencer steps for channel 7 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 057 on channel 2 number of sequencer steps for channel 8 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 058 on channel 2 triggering randomization for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 059 on channel 2 triggering randomization for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 060 on channel 2 triggering randomization for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 061 on channel 2 triggering randomization for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 062 on channel 2 triggering randomization for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 063 on channel 2 triggering randomization for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 064 on channel 2 triggering randomization for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 065 on channel 2 triggering randomization for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 066 on channel 2 clearing all steps for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 067 on channel 2 clearing all steps for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 068 on channel 2 clearing all steps for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 069 on channel 2 clearing all steps for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 070 on channel 2 clearing all steps for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 071 on channel 2 clearing all steps for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 072 on channel 2 clearing all steps for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
CC 073 on channel 2 clearing all steps for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
Note Off on channel 2 closing an event on a given channel (MIDI channel corresponds to the Miniature channel index)
Note On on channel 2 triggering an event on a given channel (MIDI channel corresponds to the Miniature channel index)

Communication with MaxMSP

Messages to which Miniature responds

speed playback speed (value of the “speed” slider)
tick equivalent of an internal clock pulse or MIDI clock pulse
track1clr clearing all steps for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 1 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1len 2 … 16; number of sequencer steps for channel 1 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1prob 0.0 … 1.0; probability of an event for channel 1 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1res resolution (affects the Euclidean rhythm generator) for channel 1 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1rnd triggering randomization for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1rot Euclidean rotation value for channel 1 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track1vol 0.0 … 1.0; volume of channel 1 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2clr clearing all steps for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 2 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2len 2 … 16; number of sequencer steps for channel 2 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2prob 0.0 … 1.0; probability of an event for channel 2 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2res resolution (affects the Euclidean rhythm generator) for channel 2 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2rnd triggering randomization for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2rot Euclidean rotation value for channel 2 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track2vol 0.0 … 1.0; volume of channel 2 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3clr clearing all steps for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 3 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3len 2 … 16; number of sequencer steps for channel 3 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3prob 0.0 … 1.0; probability of an event for channel 3 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3res resolution (affects the Euclidean rhythm generator) for channel 3 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3rnd triggering randomization for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3rot Euclidean rotation value for channel 3 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track3vol 0.0 … 1.0; volume of channel 3 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4clr clearing all steps for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 4 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4len 2 … 16; number of sequencer steps for channel 4 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4prob 0.0 … 1.0; probability of an event for channel 4 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4res resolution (affects the Euclidean rhythm generator) for channel 4 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4rnd triggering randomization for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4rot Euclidean rotation value for channel 4 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track4vol 0.0 … 1.0; volume of channel 4 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5clr clearing all steps for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 5 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5len 2 … 16; number of sequencer steps for channel 5 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5prob 0.0 … 1.0; probability of an event for channel 5 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5res resolution (affects the Euclidean rhythm generator) for channel 5 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5rnd triggering randomization for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5rot Euclidean rotation value for channel 5 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track5vol 0.0 … 1.0; volume of channel 5 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6clr clearing all steps for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 6 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6len 2 … 16; number of sequencer steps for channel 6 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6prob 0.0 … 1.0; probability of an event for channel 6 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6res resolution (affects the Euclidean rhythm generator) for channel 6 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6rnd triggering randomization for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6rot Euclidean rotation value for channel 6 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track6vol 0.0 … 1.0; volume of channel 6 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7clr clearing all steps for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 7 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7len 2 … 16; number of sequencer steps for channel 7 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7prob 0.0 … 1.0; probability of an event for channel 7 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7res resolution (affects the Euclidean rhythm generator) for channel 7 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7rnd triggering randomization for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7rot Euclidean rotation value for channel 7 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track7vol 0.0 … 1.0; volume of channel 7 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8clr clearing all steps for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 8 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8len 2 … 16; number of sequencer steps for channel 8 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8prob 0.0 … 1.0; probability of an event for channel 8 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8res resolution (affects the Euclidean rhythm generator) for channel 8 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8rnd triggering randomization for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8rot Euclidean rotation value for channel 8 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
track8vol 0.0 … 1.0; volume of channel 8 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
vol 0.0 … 1.0; global volume (value of the “vol” slider)

Messages sent by Miniature

dr speed playback speed (value of the “speed” slider)
dr track1clr clearing all steps for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 1 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1len 2 … 16; number of sequencer steps for channel 1 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1prob 0.0 … 1.0; probability of an event for channel 1 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1res resolution (affects the Euclidean rhythm generator) for channel 1 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1rnd triggering randomization for channel 1 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1rot Euclidean rotation value for channel 1 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track1vol 0.0 … 1.0; volume of channel 1 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2clr clearing all steps for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 2 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2len 2 … 16; number of sequencer steps for channel 2 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2prob 0.0 … 1.0; probability of an event for channel 2 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2res resolution (affects the Euclidean rhythm generator) for channel 2 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2rnd triggering randomization for channel 2 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2rot Euclidean rotation value for channel 2 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track2vol 0.0 … 1.0; volume of channel 2 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3clr clearing all steps for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 3 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3len 2 … 16; number of sequencer steps for channel 3 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3prob 0.0 … 1.0; probability of an event for channel 3 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3res resolution (affects the Euclidean rhythm generator) for channel 3 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3rnd triggering randomization for channel 3 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3rot Euclidean rotation value for channel 3 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track3vol 0.0 … 1.0; volume of channel 3 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4clr clearing all steps for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 4 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4len 2 … 16; number of sequencer steps for channel 4 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4prob 0.0 … 1.0; probability of an event for channel 4 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4res resolution (affects the Euclidean rhythm generator) for channel 4 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4rnd triggering randomization for channel 4 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4rot Euclidean rotation value for channel 4 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track4vol 0.0 … 1.0; volume of channel 4 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5clr clearing all steps for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 5 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5len 2 … 16; number of sequencer steps for channel 5 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5prob 0.0 … 1.0; probability of an event for channel 5 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5res resolution (affects the Euclidean rhythm generator) for channel 5 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5rnd triggering randomization for channel 5 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5rot Euclidean rotation value for channel 5 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track5vol 0.0 … 1.0; volume of channel 5 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6clr clearing all steps for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 6 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6len 2 … 16; number of sequencer steps for channel 6 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6prob 0.0 … 1.0; probability of an event for channel 6 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6res resolution (affects the Euclidean rhythm generator) for channel 6 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6rnd triggering randomization for channel 6 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6rot Euclidean rotation value for channel 6 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track6vol 0.0 … 1.0; volume of channel 6 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7clr clearing all steps for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 7 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7len 2 … 16; number of sequencer steps for channel 7 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7prob 0.0 … 1.0; probability of an event for channel 7 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7res resolution (affects the Euclidean rhythm generator) for channel 7 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7rnd triggering randomization for channel 7 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7rot Euclidean rotation value for channel 7 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track7vol 0.0 … 1.0; volume of channel 7 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8clr clearing all steps for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8hits 0 … 16; number of events (parameter used by the Euclidean rhythm generator) for channel 8 (value of that channel’s “hits” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8len 2 … 16; number of sequencer steps for channel 8 (value of that channel’s “len” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8prob 0.0 … 1.0; probability of an event for channel 8 (value of that channel’s “prob” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8res resolution (affects the Euclidean rhythm generator) for channel 8 (value of that channel’s “res” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8rnd triggering randomization for channel 8 – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8rot Euclidean rotation value for channel 8 (value of that channel’s “rot” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr track8vol 0.0 … 1.0; volume of channel 8 (value of that channel’s “vol” slider) – depending on the Miniature configuration, channels with higher numbers may be unavailable
dr trig channel number (indexed from 0) on which an event occurred
dr vol 0.0 … 1.0; global volume (value of the “vol” slider)

Source code

									index.html
									<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="description" content="drEXOX16">
  <meta name="keywords" content="drEXOX16, drum, machine, Euclidean, rhythm, xox, x0x, music, audio, sound, art, interactive, miniature, Pawel, Janicki">
  <meta name="author" content="Pawel Janicki">
  <title>"dr XOXE", Pawel Janicki, 2025, https://paweljanicki.jp</title>
  <style>
    body {padding: 0; margin: 0;}
  </style>

  <script src="https://unpkg.com/tone"></script>
  <script src="euclid.js"></script>
  <script src="synth.js"></script>
  <script src="dr.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/webmidi@next/dist/iife/webmidi.iife.js"></script>
  <script src="ws.js"></script>
  <script src="midi.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/p5@1.11.10/lib/p5.js"></script>
  <!--<script src="https://cdn.jsdelivr.net/npm/p5@1.11.10/lib/addons/p5.sound.min.js"></script>-->
  <!--<link rel="stylesheet" type="text/css" href="style.css">-->
  <script src="gui.js"></script>
  <script src="sketch.js"></script>

</head>

<body>
  <main>
  </main>
</body>

</html>
								

									sketch.js
									function detectMax(){try{window.max.outlet('Hello Max!');return true;}catch(_e){console.log('Max, where are you? '+_e);} return false;}
let s=function(p){
  const maxIsDetected=detectMax();
  let theme={bgColor:{r:0,g:0,b:0},pointer:true,speakerIcon:null};
  let trackPanels=[];
  let guiContainer={
    gui:null, isActive:true, lock:-1, lang:'en', fixedActivationStatus:true,
    helper:{
      baseRightBound:-1,
      baseTrackSliderWidth:100,
      baseTrackGuiElementPadding:20
    },
    handlers:{
      toSpeedSlider:{id:-1,label:{en:'speed',pl:'tempo'}},
      toVolSlider:{id:-1,label:{en:'vol',pl:'głośność'}},
      toRandomizeTrigger:{id:-1,label:{en:'r',pl:'r'}},
      toClearTrigger:{id:-1,label:{en:'c',pl:'c'}},
      toTrk1RandomizeTrigger:{id:-1,label:{en:'r',pl:'r'}},
      toTrk2RandomizeTrigger:{id:-1,label:{en:'r',pl:'r'}},
      toTrk3RandomizeTrigger:{id:-1,label:{en:'r',pl:'r'}},
      toTrk4RandomizeTrigger:{id:-1,label:{en:'r',pl:'r'}},
      toTrk5RandomizeTrigger:{id:-1,label:{en:'r',pl:'r'}},
      toTrk6RandomizeTrigger:{id:-1,label:{en:'r',pl:'r'}},
      toTrk7RandomizeTrigger:{id:-1,label:{en:'r',pl:'r'}},
      toTrk8RandomizeTrigger:{id:-1,label:{en:'r',pl:'r'}},
      toTrk1ClearTrigger:{id:-1,label:{en:'c',pl:'c'}},
      toTrk2ClearTrigger:{id:-1,label:{en:'c',pl:'c'}},
      toTrk3ClearTrigger:{id:-1,label:{en:'c',pl:'c'}},
      toTrk4ClearTrigger:{id:-1,label:{en:'c',pl:'c'}},
      toTrk5ClearTrigger:{id:-1,label:{en:'c',pl:'c'}},
      toTrk6ClearTrigger:{id:-1,label:{en:'c',pl:'c'}},
      toTrk7ClearTrigger:{id:-1,label:{en:'c',pl:'c'}},
      toTrk8ClearTrigger:{id:-1,label:{en:'c',pl:'c'}},
      toTrk1VolSlider:{id:-1,label:{en:'vol',pl:'głośność'}},
      toTrk2VolSlider:{id:-1,label:{en:'vol',pl:'głośność'}},
      toTrk3VolSlider:{id:-1,label:{en:'vol',pl:'głośność'}},
      toTrk4VolSlider:{id:-1,label:{en:'vol',pl:'głośność'}},
      toTrk5VolSlider:{id:-1,label:{en:'vol',pl:'głośność'}},
      toTrk6VolSlider:{id:-1,label:{en:'vol',pl:'głośność'}},
      toTrk7VolSlider:{id:-1,label:{en:'vol',pl:'głośność'}},
      toTrk8VolSlider:{id:-1,label:{en:'vol',pl:'głośność'}},
      toTrk1ProbSlider:{id:-1,label:{en:'prob',pl:'szansa'}},
      toTrk2ProbSlider:{id:-1,label:{en:'prob',pl:'szansa'}},
      toTrk3ProbSlider:{id:-1,label:{en:'prob',pl:'szansa'}},
      toTrk4ProbSlider:{id:-1,label:{en:'prob',pl:'szansa'}},
      toTrk5ProbSlider:{id:-1,label:{en:'prob',pl:'szansa'}},
      toTrk6ProbSlider:{id:-1,label:{en:'prob',pl:'szansa'}},
      toTrk7ProbSlider:{id:-1,label:{en:'prob',pl:'szansa'}},
      toTrk8ProbSlider:{id:-1,label:{en:'prob',pl:'szansa'}},
      toTrk1EuclRotSlider:{id:-1,label:{en:'rot',pl:'rotacja'}},
      toTrk2EuclRotSlider:{id:-1,label:{en:'rot',pl:'rotacja'}},
      toTrk3EuclRotSlider:{id:-1,label:{en:'rot',pl:'rotacja'}},
      toTrk4EuclRotSlider:{id:-1,label:{en:'rot',pl:'rotacja'}},
      toTrk5EuclRotSlider:{id:-1,label:{en:'rot',pl:'rotacja'}},
      toTrk6EuclRotSlider:{id:-1,label:{en:'rot',pl:'rotacja'}},
      toTrk7EuclRotSlider:{id:-1,label:{en:'rot',pl:'rotacja'}},
      toTrk8EuclRotSlider:{id:-1,label:{en:'rot',pl:'rotacja'}},
      toTrk1EuclHitsSlider:{id:-1,label:{en:'hits',pl:'uderzenia'}},
      toTrk2EuclHitsSlider:{id:-1,label:{en:'hits',pl:'uderzenia'}},
      toTrk3EuclHitsSlider:{id:-1,label:{en:'hits',pl:'uderzenia'}},
      toTrk4EuclHitsSlider:{id:-1,label:{en:'hits',pl:'uderzenia'}},
      toTrk5EuclHitsSlider:{id:-1,label:{en:'hits',pl:'uderzenia'}},
      toTrk6EuclHitsSlider:{id:-1,label:{en:'hits',pl:'uderzenia'}},
      toTrk7EuclHitsSlider:{id:-1,label:{en:'hits',pl:'uderzenia'}},
      toTrk8EuclHitsSlider:{id:-1,label:{en:'hits',pl:'uderzenia'}},
      toTrk1EuclResolutionSlider:{id:-1,label:{en:'res',pl:'podział'}},
      toTrk2EuclResolutionSlider:{id:-1,label:{en:'res',pl:'podział'}},
      toTrk3EuclResolutionSlider:{id:-1,label:{en:'res',pl:'podział'}},
      toTrk4EuclResolutionSlider:{id:-1,label:{en:'res',pl:'podział'}},
      toTrk5EuclResolutionSlider:{id:-1,label:{en:'res',pl:'podział'}},
      toTrk6EuclResolutionSlider:{id:-1,label:{en:'res',pl:'podział'}},
      toTrk7EuclResolutionSlider:{id:-1,label:{en:'res',pl:'podział'}},
      toTrk8EuclResolutionSlider:{id:-1,label:{en:'res',pl:'podział'}},
      toTrk1LengthSlider:{id:-1,label:{en:'length',pl:'długość'}},
      toTrk2LengthSlider:{id:-1,label:{en:'length',pl:'długość'}},
      toTrk3LengthSlider:{id:-1,label:{en:'length',pl:'długość'}},
      toTrk4LengthSlider:{id:-1,label:{en:'length',pl:'długość'}},
      toTrk5LengthSlider:{id:-1,label:{en:'length',pl:'długość'}},
      toTrk6LengthSlider:{id:-1,label:{en:'length',pl:'długość'}},
      toTrk7LengthSlider:{id:-1,label:{en:'length',pl:'długość'}},
      toTrk8LengthSlider:{id:-1,label:{en:'length',pl:'długość'}}
    },
    getLabelByLang(_handler){
      let result='unhandled';
      switch(this.lang){
        case 'en': result=_handler.label.en; break;
        case 'pl': result=_handler.label.pl; break;
        default: console.log('[guiContainer, getLabelByLang] unhandled this.lang: '+this.lang);
      }
      return result;
    }
  };
  let webSocket={
    isActive:false,monitorInput:false,
    processor:(new WS()),address:"ws://localhost:9001/",
    //receivedMessages:[],
  };
  let midi={
    isActive:false,
    processor:(new Midi()), outputPortIndex:-1, inputPortIndex:-1,
    channels:{in:1,out:2},
    ticks:0,ticksperframe:24,
    ccmap:{
      in:{
        speed:3,
        vol:4,
        trk1vol:10,
        trk2vol:11,
        trk3vol:12,
        trk4vol:13,
        trk5vol:14,
        trk6vol:15,
        trk7vol:16,
        trk8vol:17,
        trk1prob:18,
        trk2prob:19,
        trk3prob:20,
        trk4prob:21,
        trk5prob:22,
        trk6prob:23,
        trk7prob:24,
        trk8prob:25,
        trk1rot:26,
        trk2rot:27,
        trk3rot:28,
        trk4rot:29,
        trk5rot:30,
        trk6rot:31,
        trk7rot:32,
        trk8rot:33,
        trk1hits:34,
        trk2hits:35,
        trk3hits:36,
        trk4hits:37,
        trk5hits:38,
        trk6hits:39,
        trk7hits:40,
        trk8hits:41,
        trk1res:42,
        trk2res:43,
        trk3res:44,
        trk4res:45,
        trk5res:46,
        trk6res:47,
        trk7res:48,
        trk8res:49,
        trk1len:50,
        trk2len:51,
        trk3len:52,
        trk4len:53,
        trk5len:54,
        trk6len:55,
        trk7len:56,
        trk8len:57,
        trk1rnd:58,
        trk2rnd:59,
        trk3rnd:60,
        trk4rnd:61,
        trk5rnd:62,
        trk6rnd:63,
        trk7rnd:64,
        trk8rnd:65,
        trk1clr:66,
        trk2clr:67,
        trk3clr:68,
        trk4clr:69,
        trk5clr:70,
        trk6clr:71,
        trk7clr:72,
        trk8clr:73
      },
      out:{
        speed:3,
        vol:4,
        trk1vol:10,
        trk2vol:11,
        trk3vol:12,
        trk4vol:13,
        trk5vol:14,
        trk6vol:15,
        trk7vol:16,
        trk8vol:17,
        trk1prob:18,
        trk2prob:19,
        trk3prob:20,
        trk4prob:21,
        trk5prob:22,
        trk6prob:23,
        trk7prob:24,
        trk8prob:25,
        trk1rot:26,
        trk2rot:27,
        trk3rot:28,
        trk4rot:29,
        trk5rot:30,
        trk6rot:31,
        trk7rot:32,
        trk8rot:33,
        trk1hits:34,
        trk2hits:35,
        trk3hits:36,
        trk4hits:37,
        trk5hits:38,
        trk6hits:39,
        trk7hits:40,
        trk8hits:41,
        trk1res:42,
        trk2res:43,
        trk3res:44,
        trk4res:45,
        trk5res:46,
        trk6res:47,
        trk7res:48,
        trk8res:49,
        trk1len:50,
        trk2len:51,
        trk3len:52,
        trk4len:53,
        trk5len:54,
        trk6len:55,
        trk7len:56,
        trk8len:57,
        trk1rnd:58,
        trk2rnd:59,
        trk3rnd:60,
        trk4rnd:61,
        trk5rnd:62,
        trk6rnd:63,
        trk7rnd:64,
        trk8rnd:65,
        trk1clr:66,
        trk2clr:67,
        trk3clr:68,
        trk4clr:69,
        trk5clr:70,
        trk6clr:71,
        trk7clr:72,
        trk8clr:73
      }
    }
  };
  let mode=0; // 0 = 4trck, 1 =8trck
  let useWorker=false; let synth = new Synth(p);
  let randomizeOnStart=true;
  let drPadsPadding={top:56,left:10,bottom:5,right:10}; let globalPanel={h:45,padding:7};
  let dr = new Dr(p,theme,guiContainer,synth);
  p.preload=function(){theme.speakerIcon=p.loadImage("speaker-svgrepo-com.svg");};
  p.setup=function(){
    p.handleUrlParams(); synth.setMode(mode); synth.loadSounds(); dr.init(synth.sounds.length);
    p.createCanvas(innerWidth,innerHeight); p.initTrackPanels(); dr.place(trackPanels,drPadsPadding);
    document.getElementsByTagName('body')[0].style.overflow = 'hidden';
    p.initGui(mode);
    p.placeGui(); guiContainer.gui.forceBroadcast(); p.initMax(); p.initWebSocket(); p.initMidi();
    //if(randomizeOnStart) dr.randomize();
    if(window.DeviceOrientationEvent){window.addEventListener("deviceorientation",p.handleResize);}
    if(useWorker){
      p.noLoop();
      let intervalWorker = new Worker('worker.js');
      intervalWorker.onmessage = function(_e){p.handleWorker();}
      console.log("[setup] Worker set as clock source.");
    }else{p.frameRate(60);}
  };
  p.mobileLandscapeFullscreenWorkaround=function(){window.scroll(0, 0);}
  p.handleWorker=function(){p.redraw();}
  p.setBackground=function(_gfx,_r,_g,_b,_setDocumentBodyStyleBackground){_r=Math.floor(_r);_g=Math.floor(_g);_b=Math.floor(_b);_gfx.background(_r,_g,_b);if(_setDocumentBodyStyleBackground) document.body.style.background = 'rgb(' + _r + ', ' + _g + ', ' + _b + ')';};
  p.draw=function(){
    if((p.width!==innerWidth)||(p.height!==innerHeight)) p.handleResize();
    if(dr.clock.auto&&(p.frameCount%(guiContainer.gui.items[guiContainer.handlers.toSpeedSlider.id].getInvValue())===0)) p.handleTick();
    p.setBackground(p,theme.bgColor.r,theme.bgColor.g,theme.bgColor.b,true);
    p.drawTrackPanels(); dr.draw();
    guiContainer.gui.draw();
    if(synth.isActive&&(!synth.audioEnabled))p.drawMutedIcon();
  };
  p.touchStarted=function(_event){guiContainer.lock=guiContainer.gui.lockPointer(p.mouseX,p.mouseY);return false;};
  p.touchMoved=function(_event){guiContainer.gui.dragPointer(p.mouseX,p.mouseY);return false;};
  p.touchEnded=function(_event){p.handleUniversalClick();p.handleUniversalTouchReleased();return false;};
  p.doubleClicked=function(){return false;};
  p.mouseClicked=function(){p.handleUniversalClick();return false;};
  p.mouseDragged=function(){guiContainer.gui.dragPointer(p.mouseX,p.mouseY);return false;};
  p.mouseMoved=function(){guiContainer.gui.moveIdlePointer(p.mouseX,p.mouseY);return false;};
  p.mousePressed=function(){guiContainer.lock=guiContainer.gui.lockPointer(p.mouseX,p.mouseY);return false;};
  p.mouseReleased=function(){p.handleUniversalTouchReleased();return false;};
  p.mouseWheel=function(){return false;};
  //p.windowResized=function(){p.handleResize();};
  p.handleUniversalClick=function(){
    if(guiContainer.isActive){
      if(guiContainer.lock<0){
        if((guiContainer.gui.hitTestAllItems(p.mouseX,p.mouseY)<0)&&(!guiContainer.fixedActivationStatus)){guiContainer.gui.disableAllItems(); if(!theme.pointer) p.noCursor(); guiContainer.isActive=false;}
      }
    }else{
      if(!guiContainer.fixedActivationStatus){guiContainer.gui.enableAllItems(); guiContainer.isActive=true; p.cursor();}
    }
  };
  p.handleUniversalTouchReleased=function(){
    if(guiContainer.gui.backlightedItemId<0){
      let seqHt = dr.hitTest(p.mouseX,p.mouseY);
      if(seqHt.trackIndex>=0){
        dr.tracks[seqHt.trackIndex].steps[seqHt.stepIndex].isActive=!dr.tracks[seqHt.trackIndex].steps[seqHt.stepIndex].isActive;
        if(maxIsDetected) dr.sendTrackToMax(seqHt.trackIndex);
        if(webSocket.isActive) dr.sendTrackViaWebSocket(0, webSocket.processor);
      }
    }
    guiContainer.gui.unlockPointer(p.mouseX,p.mouseY);
    if(synth.isActive){
      if(!synth.audioEnabled){
        synth.init();
        //if(randomizeOnStart) dr.randomize();
        guiContainer.gui.forceBroadcast();
        if(randomizeOnStart) dr.randomize();
      }
    }else{
      if(synth.initCallCount===0){synth.initCallCount+=1;guiContainer.gui.forceBroadcast();}
    }
  };
  p.handleResize=function(){
    //p.fullscreen(true);
    p.resizeCanvas(innerWidth,innerHeight);
    window.scrollTo(0, 1);
    p.initTrackPanels(); dr.place(trackPanels,drPadsPadding);
    p.placeGui();
  };
  p.handleTick=function(){
    let trigs=dr.handleTick();
    for(let i=0;i<trigs.length;i++){
      if(maxIsDetected) window.max.outlet('dr','trig',trigs[i]);
      if(webSocket.isActive) webSocket.processor.send(['dr','trig',trigs[i]]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort){
        midi.processor.sendMidiNote(i,1.0,midi.channels.out);
        midi.processor.sendMidiNote(i,0.0,midi.channels.out);
      }
    }
  };
  p.drawTrackPanels=function(){
    p.noStroke(); p.textAlign(p.CENTER,p.TOP); p.textFont("Helvetica",12);
    for(let i=0;i<dr.numOfTracks;i++){
      p.fill(64);
      p.rect(trackPanels[i].x,trackPanels[i].y,trackPanels[i].w,trackPanels[i].h,5,5,5,5);
      p.fill(255);
      p.text(trackPanels[i].label,trackPanels[i].x+trackPanels[i].w*0.5,trackPanels[i].y+3);
    }
    p.fill(64);
    p.rect(
      globalPanel.padding,
      p.height-globalPanel.h+globalPanel.padding,
      p.width-2*globalPanel.padding,
      globalPanel.h-2*globalPanel.padding,
      5,5,5,5
    );
    p.push();
      p.textAlign(p.CENTER,p.CENTER); p.textFont(guiContainer.gui.fontName,guiContainer.gui.fontSize);
      p.noFill(); p.strokeWeight(1);
      if(guiContainer.handlers.toTrk1EuclRotSlider.id<0) return;
      let r=guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].colors.backlightOff.outline.r;
      let g=guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].colors.backlightOff.outline.g;
      let b=guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].colors.backlightOff.outline.b;
      let a=guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].colors.backlightOff.outline.a;
      let x1,y1,x2,y2; let gap=25;
      x1=guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].x;
      y1=guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].y-10;
      x2=guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].x+guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].w;
      y2=y1;
      p.stroke(r,g,b,a); p.line(x1,y1,x1+(x2-x1)*0.5-gap,y2); p.line(x1+(x2-x1)*0.5+gap,y1,x2,y2);
      p.noStroke(); p.fill(r,g,b,255);
      p.beginShape(); p.vertex(x1,y1); p.vertex(x1+5,y1-3); p.vertex(x1+5,y1+3); p.endShape(p.CLOSE);
      p.beginShape(); p.vertex(x2,y2); p.vertex(x2-5,y1-3); p.vertex(x2-5,y1+3); p.endShape(p.CLOSE);
      p.text("eucl gen",x1+(x2-x1)*0.5,y1);
      if(guiContainer.handlers.toTrk2EuclRotSlider.id<0) return;
      y1=guiContainer.gui.items[guiContainer.handlers.toTrk2EuclRotSlider.id].y-10;
      y2=y1;
      p.stroke(r,g,b,a); p.line(x1,y1,x1+(x2-x1)*0.5-gap,y2); p.line(x1+(x2-x1)*0.5+gap,y1,x2,y2);
      p.noStroke(); p.fill(r,g,b,255);
      p.beginShape(); p.vertex(x1,y1); p.vertex(x1+5,y1-3); p.vertex(x1+5,y1+3); p.endShape(p.CLOSE);
      p.beginShape(); p.vertex(x2,y2); p.vertex(x2-5,y1-3); p.vertex(x2-5,y1+3); p.endShape(p.CLOSE);
      p.text("eucl gen",x1+(x2-x1)*0.5,y1);
      if(guiContainer.handlers.toTrk3EuclRotSlider.id<0) return;
      y1=guiContainer.gui.items[guiContainer.handlers.toTrk3EuclRotSlider.id].y-10;
      y2=y1;
      p.stroke(r,g,b,a); p.line(x1,y1,x1+(x2-x1)*0.5-gap,y2); p.line(x1+(x2-x1)*0.5+gap,y1,x2,y2);
      p.noStroke(); p.fill(r,g,b,255);
      p.beginShape(); p.vertex(x1,y1); p.vertex(x1+5,y1-3); p.vertex(x1+5,y1+3); p.endShape(p.CLOSE);
      p.beginShape(); p.vertex(x2,y2); p.vertex(x2-5,y1-3); p.vertex(x2-5,y1+3); p.endShape(p.CLOSE);
      p.text("eucl gen",x1+(x2-x1)*0.5,y1);
      if(guiContainer.handlers.toTrk4EuclRotSlider.id<0) return;
      y1=guiContainer.gui.items[guiContainer.handlers.toTrk4EuclRotSlider.id].y-10;
      y2=y1;
      p.stroke(r,g,b,a); p.line(x1,y1,x1+(x2-x1)*0.5-gap,y2); p.line(x1+(x2-x1)*0.5+gap,y1,x2,y2);
      p.noStroke(); p.fill(r,g,b,255);
      p.beginShape(); p.vertex(x1,y1); p.vertex(x1+5,y1-3); p.vertex(x1+5,y1+3); p.endShape(p.CLOSE);
      p.beginShape(); p.vertex(x2,y2); p.vertex(x2-5,y1-3); p.vertex(x2-5,y1+3); p.endShape(p.CLOSE);
      p.text("eucl gen",x1+(x2-x1)*0.5,y1);
      if(guiContainer.handlers.toTrk5EuclRotSlider.id<0) return;
      y1=guiContainer.gui.items[guiContainer.handlers.toTrk5EuclRotSlider.id].y-10;
      y2=y1;
      p.stroke(r,g,b,a); p.line(x1,y1,x1+(x2-x1)*0.5-gap,y2); p.line(x1+(x2-x1)*0.5+gap,y1,x2,y2);
      p.noStroke(); p.fill(r,g,b,255);
      p.beginShape(); p.vertex(x1,y1); p.vertex(x1+5,y1-3); p.vertex(x1+5,y1+3); p.endShape(p.CLOSE);
      p.beginShape(); p.vertex(x2,y2); p.vertex(x2-5,y1-3); p.vertex(x2-5,y1+3); p.endShape(p.CLOSE);
      p.text("eucl gen",x1+(x2-x1)*0.5,y1);
      if(guiContainer.handlers.toTrk6EuclRotSlider.id<0) return;
      y1=guiContainer.gui.items[guiContainer.handlers.toTrk6EuclRotSlider.id].y-10;
      y2=y1;
      p.stroke(r,g,b,a); p.line(x1,y1,x1+(x2-x1)*0.5-gap,y2); p.line(x1+(x2-x1)*0.5+gap,y1,x2,y2);
      p.noStroke(); p.fill(r,g,b,255);
      p.beginShape(); p.vertex(x1,y1); p.vertex(x1+5,y1-3); p.vertex(x1+5,y1+3); p.endShape(p.CLOSE);
      p.beginShape(); p.vertex(x2,y2); p.vertex(x2-5,y1-3); p.vertex(x2-5,y1+3); p.endShape(p.CLOSE);
      p.text("eucl gen",x1+(x2-x1)*0.5,y1);
      if(guiContainer.handlers.toTrk7EuclRotSlider.id<0) return;
      y1=guiContainer.gui.items[guiContainer.handlers.toTrk7EuclRotSlider.id].y-10;
      y2=y1;
      p.stroke(r,g,b,a); p.line(x1,y1,x1+(x2-x1)*0.5-gap,y2); p.line(x1+(x2-x1)*0.5+gap,y1,x2,y2);
      p.noStroke(); p.fill(r,g,b,255);
      p.beginShape(); p.vertex(x1,y1); p.vertex(x1+5,y1-3); p.vertex(x1+5,y1+3); p.endShape(p.CLOSE);
      p.beginShape(); p.vertex(x2,y2); p.vertex(x2-5,y1-3); p.vertex(x2-5,y1+3); p.endShape(p.CLOSE);
      p.text("eucl gen",x1+(x2-x1)*0.5,y1);
      if(guiContainer.handlers.toTrk8EuclRotSlider.id<0) return;
      y1=guiContainer.gui.items[guiContainer.handlers.toTrk8EuclRotSlider.id].y-10;
      y2=y1;
      p.stroke(r,g,b,a); p.line(x1,y1,x1+(x2-x1)*0.5-gap,y2); p.line(x1+(x2-x1)*0.5+gap,y1,x2,y2);
      p.noStroke(); p.fill(r,g,b,255);
      p.beginShape(); p.vertex(x1,y1); p.vertex(x1+5,y1-3); p.vertex(x1+5,y1+3); p.endShape(p.CLOSE);
      p.beginShape(); p.vertex(x2,y2); p.vertex(x2-5,y1-3); p.vertex(x2-5,y1+3); p.endShape(p.CLOSE);
      p.text("eucl gen",x1+(x2-x1)*0.5,y1);
    p.pop();
  };
  p.initTrackPanels=function(){
    trackPanels.slice(0,trackPanels.length);
    let h=Math.floor((innerHeight-globalPanel.h)/dr.numOfTracks);
    for(let i=0;i<dr.numOfTracks;i++){
      trackPanels[i]={
        label:synth.getLabel(i),
        x:globalPanel.padding,y:(i*h+globalPanel.padding),
        w:(p.width-2*globalPanel.padding),h:(h-globalPanel.padding)
      };
    }
  };
  p.drawMutedIcon=function(){
    let tf1=1.0+Math.sin(p.millis()*0.01)*0.2;
    let tf2=1.0+Math.sin(p.millis()*0.017)*0.1;
    let tf3=p.millis()*0.0001;
    let sz=p.width; if(p.width>p.height) sz=p.height;
    let scl=sz/theme.speakerIcon.width*0.4;
    p.noStroke(); p.fill(128,128); p.rect(0,0,p.width,p.height);
    p.fill(30,70,255,128);p.circle(
      p.width*0.5,
      p.height*0.5,
      theme.speakerIcon.width*scl*1.1*tf2
    );
    p.image(
      theme.speakerIcon,
      p.width*0.5-theme.speakerIcon.width*scl*0.5*tf2,
      p.height*0.5-theme.speakerIcon.height*scl*0.5*tf2,
      theme.speakerIcon.width*scl*tf2,
      theme.speakerIcon.height*scl*tf2
    );
    p.noFill();p.stroke(255,0,0,128);p.strokeWeight(10);
    p.push();
      p.translate(p.width*0.5,p.height*0.5);
      p.rotate(tf3);
      p.line(
        -theme.speakerIcon.width*scl*0.6*tf1,
        -theme.speakerIcon.width*scl*0.6*tf1,
        theme.speakerIcon.width*scl*0.6*tf1,
        theme.speakerIcon.width*scl*0.6*tf1
      );
    p.pop();
    //p.noStroke(); p.fill(128,128); p.rect(0,0,p.width,p.height);
    //let size=p.width; if(p.width>p.height) size=p.height; size*=0.2;
    //p.textAlign(p.CENTER,p.CENTER);
    //p.fill(255,128); p.textSize(size*0.5); p.text("tap",p.width*0.5,p.height*0.5-size);
    //p.fill(0,255); p.textSize(size); p.text("🔇",p.width*0.5,p.height*0.5);
  };
  p.initWebSocket=function(){
    if(!webSocket.isActive) return;
    if(webSocket.processor===null){console.log("[p.initWebSocket] webSocket.processor===null");return;}
    webSocket.processor.init(webSocket.address,function(_msg){
      if(_msg===null) return; if(_msg===undefined) return; if(_msg.data===null) return; if(_msg.data===undefined) return;
      if(webSocket.monitorInput) console.log("[p.initWebSocket/handler] monitor: "+_msg.data);
      let arr=_msg.data.split(" ");
      if(arr===null) return; if(arr===undefined) return;
      if(arr.length===2){
        switch(arr[0]){
          case "speed":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              guiContainer.gui.items[guiContainer.handlers.toSpeedSlider.id].setNormValue(arr[1]);
            }
          break;
          case "vol":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track1vol":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk1VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1VolSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track2vol":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk2VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2VolSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track3vol":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk3VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3VolSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track4vol":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk4VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4VolSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track5vol":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk5VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5VolSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track6vol":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk6VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6VolSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track7vol":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk7VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7VolSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track8vol":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk8VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8VolSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track1prob":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk1ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1ProbSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track2prob":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk2ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2ProbSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track3prob":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk3ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3ProbSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track4prob":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk4ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4ProbSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track5prob":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk5ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5ProbSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track6prob":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk6ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6ProbSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track7prob":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk7ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7ProbSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track8prob":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk8ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8ProbSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track1rot":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk1EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track2rot":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk2EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2EuclRotSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track3rot":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk3EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3EuclRotSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track4rot":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk4EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4EuclRotSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track5rot":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk5EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5EuclRotSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track6rot":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk6EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6EuclRotSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track7rot":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk7EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7EuclRotSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track8rot":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk8EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8EuclRotSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track1res":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk1EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track2res":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk2EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2EuclResolutionSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track3res":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk3EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3EuclResolutionSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track4res":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk4EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4EuclResolutionSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track5res":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk5EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5EuclResolutionSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track6res":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk6EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6EuclResolutionSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track7res":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk7EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7EuclResolutionSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track8res":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk8EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8EuclResolutionSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track1len":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk1LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1LengthSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track2len":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk2LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2LengthSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track3len":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk3LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3LengthSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track4len":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk4LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4LengthSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track5len":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk5LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5LengthSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track6len":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk6LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6LengthSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track7len":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk7LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7LengthSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track8len":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk8LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8LengthSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track1hits":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk1EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1EuclHitsSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track2hits":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk2EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2EuclHitsSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track3hits":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk3EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3EuclHitsSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track4hits":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk4EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4EuclHitsSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track5hits":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk5EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5EuclHitsSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track6hits":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk6EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6EuclHitsSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track7hits":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk7EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7EuclHitsSlider.id].setNormValue(arr[1]);
            }
          break;
          case "track8hits":
            arr[1]=parseFloat(arr[1]);
            if(!isNaN(arr[1])){
              if(arr[1]<0.0) arr[1]=0.0; if(arr[1]>1.0) arr[1]=1.0;
              if(guiContainer.handlers.toTrk8EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8EuclHitsSlider.id].setNormValue(arr[1]);
            }
          break;
          default: console.log("[p.initWebSocket/handler] unhandled arr[0]: "+arr[0]);
        }
      }else{
        if(arr.length===3){
          //
        }else{
          if(arr.length===9){
            //
          }
          else{
            if(arr.length===1){
              switch(arr[0]){
                case "tick": 
                  if(!dr.clock.auto) p.handleTick();
                break;
                case "track1rnd": if(guiContainer.handlers.toTrk1RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].trigger(); break;
                case "track2rnd": if(guiContainer.handlers.toTrk2RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].trigger(); break;
                case "track3rnd": if(guiContainer.handlers.toTrk3RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].trigger(); break;
                case "track4rnd": if(guiContainer.handlers.toTrk4RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].trigger(); break;
                case "track5rnd": if(guiContainer.handlers.toTrk5RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].trigger(); break;
                case "track6rnd": if(guiContainer.handlers.toTrk6RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].trigger(); break;
                case "track7rnd": if(guiContainer.handlers.toTrk7RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].trigger(); break;
                case "track8rnd": if(guiContainer.handlers.toTrk8RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].trigger(); break;
                case "track1clr": if(guiContainer.handlers.toTrk1ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].trigger(); break;
                case "track2clr": if(guiContainer.handlers.toTrk2ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2ClearTrigger.id].trigger(); break;
                case "track3clr": if(guiContainer.handlers.toTrk3ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3ClearTrigger.id].trigger(); break;
                case "track4clr": if(guiContainer.handlers.toTrk4ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4ClearTrigger.id].trigger(); break;
                case "track5clr": if(guiContainer.handlers.toTrk5ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5ClearTrigger.id].trigger(); break;
                case "track6clr": if(guiContainer.handlers.toTrk6ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6ClearTrigger.id].trigger(); break;
                case "track7clr": if(guiContainer.handlers.toTrk7ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7ClearTrigger.id].trigger(); break;
                case "track8clr": if(guiContainer.handlers.toTrk8ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8ClearTrigger.id].trigger(); break;
                default: console.log("[p.initWebSocket/handler] unhandled arr[0]: "+arr[0]);
              }
            }
          }
        }
      }
    });
  };
  p.initMax=function(){
    if(!maxIsDetected) return;
    document.getElementsByTagName('body')[0].style.overflow = 'hidden';
    window.max.bindInlet('tick',function(){if(!dr.clock.auto) p.handleTick();});
    window.max.bindInlet('speed',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} guiContainer.gui.items[guiContainer.handlers.toSpeedSlider.id].setNormValue(_v);});
    window.max.bindInlet('vol',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].setNormValue(_v);});
    window.max.bindInlet('track1vol',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk1VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1VolSlider.id].setNormValue(_v);});
    window.max.bindInlet('track2vol',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk2VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2VolSlider.id].setNormValue(_v);});
    window.max.bindInlet('track3vol',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk3VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3VolSlider.id].setNormValue(_v);});
    window.max.bindInlet('track4vol',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk4VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4VolSlider.id].setNormValue(_v);});
    window.max.bindInlet('track5vol',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk5VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5VolSlider.id].setNormValue(_v);});
    window.max.bindInlet('track6vol',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk6VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6VolSlider.id].setNormValue(_v);});
    window.max.bindInlet('track7vol',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk7VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7VolSlider.id].setNormValue(_v);});
    window.max.bindInlet('track8vol',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk8VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8VolSlider.id].setNormValue(_v);});
    window.max.bindInlet('track1prob',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk1ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1ProbSlider.id].setNormValue(_v);});
    window.max.bindInlet('track2prob',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk2ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2ProbSlider.id].setNormValue(_v);});
    window.max.bindInlet('track3prob',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk3ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3ProbSlider.id].setNormValue(_v);});
    window.max.bindInlet('track4prob',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk4ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4ProbSlider.id].setNormValue(_v);});
    window.max.bindInlet('track5prob',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk5ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5ProbSlider.id].setNormValue(_v);});
    window.max.bindInlet('track6prob',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk6ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6ProbSlider.id].setNormValue(_v);});
    window.max.bindInlet('track7prob',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk7ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7ProbSlider.id].setNormValue(_v);});
    window.max.bindInlet('track8prob',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk8ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8ProbSlider.id].setNormValue(_v);});
    window.max.bindInlet('track1rot',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk1EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].setNormValue(_v);});
    window.max.bindInlet('track2rot',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk2EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2EuclRotSlider.id].setNormValue(_v);});
    window.max.bindInlet('track3rot',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk3EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3EuclRotSlider.id].setNormValue(_v);});
    window.max.bindInlet('track4rot',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk4EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4EuclRotSlider.id].setNormValue(_v);});
    window.max.bindInlet('track5rot',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk5EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5EuclRotSlider.id].setNormValue(_v);});
    window.max.bindInlet('track6rot',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk6EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6EuclRotSlider.id].setNormValue(_v);});
    window.max.bindInlet('track7rot',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk7EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7EuclRotSlider.id].setNormValue(_v);});
    window.max.bindInlet('track8rot',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk8EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8EuclRotSlider.id].setNormValue(_v);});
    window.max.bindInlet('track1res',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk1EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].setNormValue(_v);});
    window.max.bindInlet('track2res',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk2EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2EuclResolutionSlider.id].setNormValue(_v);});
    window.max.bindInlet('track3res',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk3EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3EuclResolutionSlider.id].setNormValue(_v);});
    window.max.bindInlet('track4res',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk4EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4EuclResolutionSlider.id].setNormValue(_v);});
    window.max.bindInlet('track5res',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk5EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5EuclResolutionSlider.id].setNormValue(_v);});
    window.max.bindInlet('track6res',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk6EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6EuclResolutionSlider.id].setNormValue(_v);});
    window.max.bindInlet('track7res',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk7EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7EuclResolutionSlider.id].setNormValue(_v);});
    window.max.bindInlet('track8res',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk8EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8EuclResolutionSlider.id].setNormValue(_v);});
    window.max.bindInlet('track1len',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk1LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1LengthSlider.id].setNormValue(_v);});
    window.max.bindInlet('track2len',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk2LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2LengthSlider.id].setNormValue(_v);});
    window.max.bindInlet('track3len',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk3LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3LengthSlider.id].setNormValue(_v);});
    window.max.bindInlet('track4len',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk4LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4LengthSlider.id].setNormValue(_v);});
    window.max.bindInlet('track5len',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk5LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5LengthSlider.id].setNormValue(_v);});
    window.max.bindInlet('track6len',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk6LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6LengthSlider.id].setNormValue(_v);});
    window.max.bindInlet('track7len',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk7LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7LengthSlider.id].setNormValue(_v);});
    window.max.bindInlet('track8len',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk8LengthSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8LengthSlider.id].setNormValue(_v);});
    window.max.bindInlet('track1hits',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk1EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1EuclHitsSlider.id].setNormValue(_v);});
    window.max.bindInlet('track2hits',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk2EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2EuclHitsSlider.id].setNormValue(_v);});
    window.max.bindInlet('track3hits',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk3EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3EuclHitsSlider.id].setNormValue(_v);});
    window.max.bindInlet('track4hits',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk4EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4EuclHitsSlider.id].setNormValue(_v);});
    window.max.bindInlet('track5hits',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk5EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5EuclHitsSlider.id].setNormValue(_v);});
    window.max.bindInlet('track6hits',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk6EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6EuclHitsSlider.id].setNormValue(_v);});
    window.max.bindInlet('track7hits',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk7EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7EuclHitsSlider.id].setNormValue(_v);});
    window.max.bindInlet('track8hits',function(_v){if(isNaN(_v)) return; if(_v<0.0){_v=0.0;}else{if(_v>1.0) _v=1;} if(guiContainer.handlers.toTrk8EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8EuclHitsSlider.id].setNormValue(_v);});
    window.max.bindInlet('track1rnd',function(){if(guiContainer.handlers.toTrk1RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].trigger();});
    window.max.bindInlet('track2rnd',function(){if(guiContainer.handlers.toTrk2RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].trigger();});
    window.max.bindInlet('track3rnd',function(){if(guiContainer.handlers.toTrk3RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].trigger();});
    window.max.bindInlet('track4rnd',function(){if(guiContainer.handlers.toTrk4RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].trigger();});
    window.max.bindInlet('track5rnd',function(){if(guiContainer.handlers.toTrk5RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].trigger();});
    window.max.bindInlet('track6rnd',function(){if(guiContainer.handlers.toTrk6RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].trigger();});
    window.max.bindInlet('track7rnd',function(){if(guiContainer.handlers.toTrk7RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].trigger();});
    window.max.bindInlet('track8rnd',function(){if(guiContainer.handlers.toTrk8RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].trigger();});
    window.max.bindInlet('track1clr',function(){if(guiContainer.handlers.toTrk1ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].trigger();});
    window.max.bindInlet('track2clr',function(){if(guiContainer.handlers.toTrk2ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2ClearTrigger.id].trigger();});
    window.max.bindInlet('track3clr',function(){if(guiContainer.handlers.toTrk3ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3ClearTrigger.id].trigger();});
    window.max.bindInlet('track4clr',function(){if(guiContainer.handlers.toTrk4ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4ClearTrigger.id].trigger();});
    window.max.bindInlet('track5clr',function(){if(guiContainer.handlers.toTrk5ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5ClearTrigger.id].trigger();});
    window.max.bindInlet('track6clr',function(){if(guiContainer.handlers.toTrk6ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6ClearTrigger.id].trigger();});
    window.max.bindInlet('track7clr',function(){if(guiContainer.handlers.toTrk7ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7ClearTrigger.id].trigger();});
    window.max.bindInlet('track8clr',function(){if(guiContainer.handlers.toTrk8ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8ClearTrigger.id].trigger();});

  }
  p.initMidi=function(){
    if(!midi.isActive) return;
    if(isNaN(midi.inputPortIndex)) midi.inputPortIndex=-1; midi.inputPortIndex=Math.floor(midi.inputPortIndex);
    if(isNaN(midi.outputPortIndex)) midi.outputPortIndex=-1; midi.outputPortIndex=Math.floor(midi.outputPortIndex);
    midi.processor.init(midi.inputPortIndex,midi.outputPortIndex);
    if((midi.inputPortIndex>=0)||(midi.outputPortIndex>=0)) midi.isActive=true; else midi.isActive=false;
    if(midi.inputPortIndex>=0){
      midi.processor.onCC=function(_midiEvent){if((midi.channels.in<0)||(_midiEvent.message.channel===midi.channels.in)) p.handleIncomingMidiCCMessages(_midiEvent);};
      //midi.processor.onNoteOn=function(_midiEvent){p.enableTriggerByMidiNoteNumber(_midiEvent.note.number, 1);}; // _midiEvent.message.channel // _midiEvent.note.attack
      //midi.processor.onNoteOff=function(_midiEvent){p.enableTriggerByMidiNoteNumber(_midiEvent.note.number, 0);};
      midi.processor.onClock=function(_midiEvent){if((midi.ticks%midi.ticksperframe)===0) p.handleTick(); midi.ticks+=1;};
      //midi.processor.onStart=function(_midiEvent){console.log(_midiEvent);};
      //midi.processor.onContinue=function(_midiEvent){console.log(_midiEvent);};
      midi.processor.onStop=function(_midiEvent){midi.ticks=0;};
    }
  };
  p.handleIncomingMidiCCMessages=function(_midiEvent){
    switch(_midiEvent.controller.number){
      //case midi.ccmap.in.continuous: guiContainer.gui.items[guiContainer.handlers.toContinuousModeToggle.id].setValue(_midiEvent.rawValue>0); break;
      //case midi.ccmap.in.invert: guiContainer.gui.items[guiContainer.handlers.toInvertToggle.id].setValue(_midiEvent.rawValue>0); break;
      case midi.ccmap.in.speed: guiContainer.gui.items[guiContainer.handlers.toSpeedSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.vol: guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk1vol: if(guiContainer.handlers.toTrk1VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1VolSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk2vol: if(guiContainer.handlers.toTrk2VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2VolSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk3vol: if(guiContainer.handlers.toTrk3VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3VolSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk4vol: if(guiContainer.handlers.toTrk4VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4VolSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk5vol: if(guiContainer.handlers.toTrk5VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5VolSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk6vol: if(guiContainer.handlers.toTrk6VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6VolSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk7vol: if(guiContainer.handlers.toTrk7VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7VolSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk8vol: if(guiContainer.handlers.toTrk8VolSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8VolSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk1prob: if(guiContainer.handlers.toTrk1ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1ProbSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk2prob: if(guiContainer.handlers.toTrk2ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2ProbSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk3prob: if(guiContainer.handlers.toTrk3ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3ProbSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk4prob: if(guiContainer.handlers.toTrk4ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4ProbSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk5prob: if(guiContainer.handlers.toTrk5ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5ProbSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk6prob: if(guiContainer.handlers.toTrk6ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6ProbSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk7prob: if(guiContainer.handlers.toTrk7ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7ProbSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk8prob: if(guiContainer.handlers.toTrk8ProbSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8ProbSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk1rot: if(guiContainer.handlers.toTrk1EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;      
      case midi.ccmap.in.trk2rot: if(guiContainer.handlers.toTrk2EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2EuclRotSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk3rot: if(guiContainer.handlers.toTrk3EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3EuclRotSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk4rot: if(guiContainer.handlers.toTrk4EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4EuclRotSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk5rot: if(guiContainer.handlers.toTrk5EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5EuclRotSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;      
      case midi.ccmap.in.trk6rot: if(guiContainer.handlers.toTrk6EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6EuclRotSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk7rot: if(guiContainer.handlers.toTrk7EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7EuclRotSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk8rot: if(guiContainer.handlers.toTrk8EuclRotSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8EuclRotSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk1hits: if(guiContainer.handlers.toTrk1EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1EuclHitsSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk2hits: if(guiContainer.handlers.toTrk2EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2EuclHitsSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk3hits: if(guiContainer.handlers.toTrk3EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3EuclHitsSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk4hits: if(guiContainer.handlers.toTrk4EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4EuclHitsSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk5hits: if(guiContainer.handlers.toTrk5EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5EuclHitsSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk6hits: if(guiContainer.handlers.toTrk6EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6EuclHitsSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk7hits: if(guiContainer.handlers.toTrk7EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7EuclHitsSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk8hits: if(guiContainer.handlers.toTrk8EuclHitsSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8EuclHitsSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk1res: if(guiContainer.handlers.toTrk1EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk2res: if(guiContainer.handlers.toTrk2EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2EuclResolutionSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk3res: if(guiContainer.handlers.toTrk3EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3EuclResolutionSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk4res: if(guiContainer.handlers.toTrk4EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4EuclResolutionSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk5res: if(guiContainer.handlers.toTrk5EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5EuclResolutionSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk6res: if(guiContainer.handlers.toTrk6EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6EuclResolutionSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk7res: if(guiContainer.handlers.toTrk7EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7EuclResolutionSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk8res: if(guiContainer.handlers.toTrk8EuclResolutionSlider.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8EuclResolutionSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk1len: if(guiContainer.handlers.toTrk1LengthSlider.id) guiContainer.gui.items[guiContainer.handlers.toTrk1LengthSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk2len: if(guiContainer.handlers.toTrk2LengthSlider.id) guiContainer.gui.items[guiContainer.handlers.toTrk2LengthSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk3len: if(guiContainer.handlers.toTrk3LengthSlider.id) guiContainer.gui.items[guiContainer.handlers.toTrk3LengthSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk4len: if(guiContainer.handlers.toTrk4LengthSlider.id) guiContainer.gui.items[guiContainer.handlers.toTrk4LengthSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk5len: if(guiContainer.handlers.toTrk5LengthSlider.id) guiContainer.gui.items[guiContainer.handlers.toTrk5LengthSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk6len: if(guiContainer.handlers.toTrk6LengthSlider.id) guiContainer.gui.items[guiContainer.handlers.toTrk6LengthSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk7len: if(guiContainer.handlers.toTrk7LengthSlider.id) guiContainer.gui.items[guiContainer.handlers.toTrk7LengthSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk8len: if(guiContainer.handlers.toTrk8LengthSlider.id) guiContainer.gui.items[guiContainer.handlers.toTrk8LengthSlider.id].setNormValue(_midiEvent.rawValue/127.0); break;
      case midi.ccmap.in.trk1rnd: if(guiContainer.handlers.toTrk1RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].trigger(); break;
      case midi.ccmap.in.trk2rnd: if(guiContainer.handlers.toTrk2RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].trigger(); break;
      case midi.ccmap.in.trk3rnd: if(guiContainer.handlers.toTrk3RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].trigger(); break;
      case midi.ccmap.in.trk4rnd: if(guiContainer.handlers.toTrk4RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].trigger(); break;
      case midi.ccmap.in.trk5rnd: if(guiContainer.handlers.toTrk5RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].trigger(); break;
      case midi.ccmap.in.trk6rnd: if(guiContainer.handlers.toTrk6RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].trigger(); break;
      case midi.ccmap.in.trk7rnd: if(guiContainer.handlers.toTrk7RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].trigger(); break;
      case midi.ccmap.in.trk8rnd: if(guiContainer.handlers.toTrk8RandomizeTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].trigger(); break;
      case midi.ccmap.in.trk1clr: if(guiContainer.handlers.toTrk1ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].trigger(); break;
      case midi.ccmap.in.trk2clr: if(guiContainer.handlers.toTrk2ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk2ClearTrigger.id].trigger(); break;
      case midi.ccmap.in.trk3clr: if(guiContainer.handlers.toTrk3ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk3ClearTrigger.id].trigger(); break;
      case midi.ccmap.in.trk4clr: if(guiContainer.handlers.toTrk4ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk4ClearTrigger.id].trigger(); break;
      case midi.ccmap.in.trk5clr: if(guiContainer.handlers.toTrk5ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk5ClearTrigger.id].trigger(); break;
      case midi.ccmap.in.trk6clr: if(guiContainer.handlers.toTrk6ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk6ClearTrigger.id].trigger(); break;
      case midi.ccmap.in.trk7clr: if(guiContainer.handlers.toTrk7ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk7ClearTrigger.id].trigger(); break;
      case midi.ccmap.in.trk8clr: if(guiContainer.handlers.toTrk8ClearTrigger.id>=0) guiContainer.gui.items[guiContainer.handlers.toTrk8ClearTrigger.id].trigger(); break;
      default: console.log("[p.handleIncomingMidiCCMessages] unhandled _midiEvent.controller.number: "+_midiEvent.controller.number);
    }
  };
  p.placeGui=function(){
    let upperPanelPadding=24; let guiElemUpperPadding=10;
    if(guiContainer.handlers.toTrk1ClearTrigger.id>=0){
      //guiContainer.helper.baseRightBound=guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].x+guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].w;
      //guiContainer.helper.baseTrackSliderWidth=guiContainer.gui.items[guiContainer.handlers.toTrk1EuclHitsSlider.id].w;
      //guiContainer.helper.baseTrackGuiElementPadding=guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].x-(guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].x+guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].w);
    }else{
      // ???
      return;
    }
    p.placeGuiVertically(upperPanelPadding,guiElemUpperPadding);
    let minX=trackPanels[0].x; let maxX=trackPanels[0].x+trackPanels[0].w;
    //console.log(guiContainer.helper.baseRightBound+" "+maxX);
    if(guiContainer.helper.baseRightBound<maxX) return;
    // 6 sliders, 7 paddings, 2 buttons
    //let guisize=guiContainer.helper.baseTrackSliderWidth*
    let oversize=guiContainer.helper.baseRightBound-maxX;
    let oversizePerElement=oversize/(6+7); // 6 sliders, 7 paddings
    let newTrackSliderWidth=guiContainer.helper.baseTrackSliderWidth-oversizePerElement;
    let newTrackGuiElementPadding=guiContainer.helper.baseTrackGuiElementPadding-oversizePerElement;
    //baseRightBound:-1, baseTrackSliderWidth:-1, baseTrackGuiElementPadding:-1
    p.placeGuiHorizontally(newTrackSliderWidth,newTrackGuiElementPadding,upperPanelPadding,guiElemUpperPadding);
  };
  p.placeGuiHorizontally=function(_newTrackSliderWidth,_newTrackGuiElementPadding,_upperPanelPadding,_guiElemUpperPadding){
    if(guiContainer.handlers.toTrk1VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1VolSlider.id].place(
        trackPanels[0].x+10,trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk1VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk2VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2VolSlider.id].place(
        trackPanels[1].x+10,trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk2VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk3VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3VolSlider.id].place(
        trackPanels[2].x+10,trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk3VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk4VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4VolSlider.id].place(
        trackPanels[3].x+10,trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk4VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk5VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5VolSlider.id].place(
        trackPanels[4].x+10,trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk5VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk6VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6VolSlider.id].place(
        trackPanels[5].x+10,trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk6VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk7VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7VolSlider.id].place(
        trackPanels[6].x+10,trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk7VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk8VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8VolSlider.id].place(
        trackPanels[7].x+10,trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk8VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk1ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1ProbSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk1VolSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk1VolSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk1ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk2ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2ProbSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk2VolSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk2VolSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk2ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk3ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3ProbSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk3VolSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk3VolSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk3ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk4ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4ProbSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk4VolSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk4VolSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk4ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk5ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5ProbSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk5VolSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk5VolSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk5ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk6ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6ProbSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk6VolSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk6VolSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk6ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk7ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7ProbSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk7VolSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk7VolSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk7ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk8ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8ProbSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk8VolSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk8VolSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk8ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk1EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk1ProbSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk1ProbSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk2EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2EuclRotSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk2ProbSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk2ProbSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk2EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk3EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3EuclRotSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk3ProbSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk3ProbSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk3EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk4EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4EuclRotSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk4ProbSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk4ProbSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk4EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk5EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5EuclRotSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk5ProbSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk5ProbSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk5EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk6EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6EuclRotSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk6ProbSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk6ProbSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk6EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk7EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7EuclRotSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk7ProbSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk7ProbSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk7EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk8EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8EuclRotSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk8ProbSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk8ProbSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk8EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk1EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1EuclHitsSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk1EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk2EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2EuclHitsSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk2EuclRotSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk2EuclRotSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk2EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk3EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3EuclHitsSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk3EuclRotSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk3EuclRotSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk3EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk4EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4EuclHitsSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk4EuclRotSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk4EuclRotSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk4EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk5EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5EuclHitsSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk5EuclRotSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk5EuclRotSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk5EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk6EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6EuclHitsSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk6EuclRotSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk6EuclRotSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk6EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk7EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7EuclHitsSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk7EuclRotSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk7EuclRotSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk7EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk8EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8EuclHitsSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk8EuclRotSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk8EuclRotSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk8EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk1EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk1EuclHitsSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk1EuclHitsSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk2EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2EuclResolutionSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk2EuclHitsSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk2EuclHitsSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk2EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk3EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3EuclResolutionSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk3EuclHitsSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk3EuclHitsSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk3EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk4EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4EuclResolutionSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk4EuclHitsSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk4EuclHitsSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk4EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk5EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5EuclResolutionSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk5EuclHitsSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk5EuclHitsSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk5EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk6EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6EuclResolutionSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk6EuclHitsSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk6EuclHitsSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk6EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk7EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7EuclResolutionSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk7EuclHitsSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk7EuclHitsSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk7EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk8EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8EuclResolutionSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk8EuclHitsSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk8EuclHitsSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk8EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk1LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1LengthSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk1LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk2LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2LengthSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk2EuclResolutionSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk2EuclResolutionSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk2LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk3LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3LengthSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk3EuclResolutionSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk3EuclResolutionSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk3LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk4LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4LengthSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk4EuclResolutionSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk4EuclResolutionSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk4LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk5LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5LengthSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk5EuclResolutionSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk5EuclResolutionSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk5LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk6LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6LengthSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk6EuclResolutionSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk6EuclResolutionSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk6LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk7LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7LengthSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk7EuclResolutionSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk7EuclResolutionSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk7LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk8LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8LengthSlider.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk8EuclResolutionSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk8EuclResolutionSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        _newTrackSliderWidth,
        guiContainer.gui.items[guiContainer.handlers.toTrk8LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk1RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk1LengthSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk1LengthSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk2RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk2LengthSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk2LengthSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk3RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk3LengthSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk3LengthSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk4RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk4LengthSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk4LengthSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk5RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk5LengthSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk5LengthSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk6RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk6LengthSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk6LengthSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk7RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk7LengthSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk7LengthSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk8RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk8LengthSlider.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk8LengthSlider.id].w+
        _newTrackGuiElementPadding,
        trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk1ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].w+
        _newTrackGuiElementPadding,
        trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk2ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2ClearTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].w+
        _newTrackGuiElementPadding,
        trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk2ClearTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk2ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk3ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3ClearTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].w+
        _newTrackGuiElementPadding,
        trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk3ClearTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk3ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk4ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4ClearTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].w+
        _newTrackGuiElementPadding,
        trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk4ClearTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk4ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk5ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5ClearTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].w+
        _newTrackGuiElementPadding,
        trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk5ClearTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk5ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk6ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6ClearTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].w+
        _newTrackGuiElementPadding,
        trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk6ClearTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk6ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk7ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7ClearTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].w+
        _newTrackGuiElementPadding,
        trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk7ClearTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk7ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk8ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8ClearTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].x+
        guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].w+
        _newTrackGuiElementPadding,
        trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk8ClearTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toTrk8ClearTrigger.id].h
      );
    if(guiContainer.handlers.toRandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].x,
        guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].y,
        guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].place(
        guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].x,
        guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].y,
        guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].w,
        guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].h
      );
  };
  p.placeGuiVertically=function(_upperPanelPadding,_guiElemUpperPadding){
    guiContainer.gui.items[guiContainer.handlers.toSpeedSlider.id].place(
      20,
      p.height-30,
      guiContainer.gui.items[guiContainer.handlers.toSpeedSlider.id].w,
      guiContainer.gui.items[guiContainer.handlers.toSpeedSlider.id].h
    );
    guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].place(
      20+290,
      p.height-30,
      guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].w,
      guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].h
    );
    guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].place(
      guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].x+guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].w+20,
      guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].y,
      guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].w,
      guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].h
    );
    guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].place(
      guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].x+guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].w+70,
      guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].y,
      guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].w,
      guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].h
    );
    
    if(guiContainer.handlers.toTrk1VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1VolSlider.id].place(
        trackPanels[0].x+10,trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk1VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk2VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2VolSlider.id].place(
        trackPanels[1].x+10,trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk2VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk3VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3VolSlider.id].place(
        trackPanels[2].x+10,trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk3VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk4VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4VolSlider.id].place(
        trackPanels[3].x+10,trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk4VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk5VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5VolSlider.id].place(
        trackPanels[4].x+10,trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk5VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk6VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6VolSlider.id].place(
        trackPanels[5].x+10,trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk6VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk7VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7VolSlider.id].place(
        trackPanels[6].x+10,trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk7VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk8VolSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8VolSlider.id].place(
        trackPanels[7].x+10,trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk8VolSlider.id].h
      );
    if(guiContainer.handlers.toTrk1ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1ProbSlider.id].place(
        trackPanels[0].x+10+120,trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk1ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk2ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2ProbSlider.id].place(
        trackPanels[1].x+10+120,trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk2ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk3ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3ProbSlider.id].place(
        trackPanels[2].x+10+120,trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk3ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk4ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4ProbSlider.id].place(
        trackPanels[3].x+10+120,trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk4ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk5ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5ProbSlider.id].place(
        trackPanels[4].x+10+120,trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk5ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk6ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6ProbSlider.id].place(
        trackPanels[5].x+10+120,trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk6ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk7ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7ProbSlider.id].place(
        trackPanels[6].x+10+120,trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk7ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk8ProbSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8ProbSlider.id].place(
        trackPanels[7].x+10+120,trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk8ProbSlider.id].h
      );
    if(guiContainer.handlers.toTrk1EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].place(
        trackPanels[0].x+10+120+120,trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk1EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk2EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2EuclRotSlider.id].place(
        trackPanels[1].x+10+120+120,trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk2EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk3EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3EuclRotSlider.id].place(
        trackPanels[2].x+10+120+120,trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk3EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk4EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4EuclRotSlider.id].place(
        trackPanels[3].x+10+120+120,trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk4EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk5EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5EuclRotSlider.id].place(
        trackPanels[4].x+10+120+120,trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk5EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk6EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6EuclRotSlider.id].place(
        trackPanels[5].x+10+120+120,trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk6EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk7EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7EuclRotSlider.id].place(
        trackPanels[6].x+10+120+120,trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk7EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk8EuclRotSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8EuclRotSlider.id].place(
        trackPanels[7].x+10+120+120,trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk8EuclRotSlider.id].h
      );
    if(guiContainer.handlers.toTrk1EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1EuclHitsSlider.id].place(
        trackPanels[0].x+10+120+120+120,trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk1EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk2EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2EuclHitsSlider.id].place(
        trackPanels[1].x+10+120+120+120,trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk2EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk3EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3EuclHitsSlider.id].place(
        trackPanels[2].x+10+120+120+120,trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk3EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk4EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4EuclHitsSlider.id].place(
        trackPanels[3].x+10+120+120+120,trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk4EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk5EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5EuclHitsSlider.id].place(
        trackPanels[4].x+10+120+120+120,trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk5EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk6EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6EuclHitsSlider.id].place(
        trackPanels[5].x+10+120+120+120,trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk6EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk7EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7EuclHitsSlider.id].place(
        trackPanels[6].x+10+120+120+120,trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk7EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk8EuclHitsSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8EuclHitsSlider.id].place(
        trackPanels[7].x+10+120+120+120,trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk8EuclHitsSlider.id].h
      );
    if(guiContainer.handlers.toTrk1EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].place(
        trackPanels[0].x+10+120+120+120+120,trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk1EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk2EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2EuclResolutionSlider.id].place(
        trackPanels[1].x+10+120+120+120+120,trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk2EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk3EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3EuclResolutionSlider.id].place(
        trackPanels[2].x+10+120+120+120+120,trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk3EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk4EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4EuclResolutionSlider.id].place(
        trackPanels[3].x+10+120+120+120+120,trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk4EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk5EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5EuclResolutionSlider.id].place(
        trackPanels[4].x+10+120+120+120+120,trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk5EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk6EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6EuclResolutionSlider.id].place(
        trackPanels[5].x+10+120+120+120+120,trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk6EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk7EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7EuclResolutionSlider.id].place(
        trackPanels[6].x+10+120+120+120+120,trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk7EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk8EuclResolutionSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8EuclResolutionSlider.id].place(
        trackPanels[7].x+10+120+120+120+120,trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk8EuclResolutionSlider.id].h
      );
    if(guiContainer.handlers.toTrk1LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1LengthSlider.id].place(
        trackPanels[0].x+10+120+120+120+120+120,trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk1LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk2LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2LengthSlider.id].place(
        trackPanels[1].x+10+120+120+120+120+120,trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk2LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk3LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3LengthSlider.id].place(
        trackPanels[2].x+10+120+120+120+120+120,trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk3LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk4LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4LengthSlider.id].place(
        trackPanels[3].x+10+120+120+120+120+120,trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk4LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk5LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5LengthSlider.id].place(
        trackPanels[4].x+10+120+120+120+120+120,trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk5LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk6LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6LengthSlider.id].place(
        trackPanels[5].x+10+120+120+120+120+120,trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk6LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk7LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7LengthSlider.id].place(
        trackPanels[6].x+10+120+120+120+120+120,trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk7LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk8LengthSlider.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8LengthSlider.id].place(
        trackPanels[7].x+10+120+120+120+120+120,trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.helper.baseTrackSliderWidth,guiContainer.gui.items[guiContainer.handlers.toTrk8LengthSlider.id].h
      );
    if(guiContainer.handlers.toTrk1RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].place(
        trackPanels[0].x+10+120+120+120+120+120+120,trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk1RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk2RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].place(
        trackPanels[1].x+10+120+120+120+120+120+120,trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk2RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk3RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].place(
        trackPanels[2].x+10+120+120+120+120+120+120,trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk3RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk4RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].place(
        trackPanels[3].x+10+120+120+120+120+120+120,trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk4RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk5RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].place(
        trackPanels[4].x+10+120+120+120+120+120+120,trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk5RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk6RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].place(
        trackPanels[5].x+10+120+120+120+120+120+120,trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk6RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk7RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].place(
        trackPanels[6].x+10+120+120+120+120+120+120,trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk7RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk8RandomizeTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].place(
        trackPanels[7].x+10+120+120+120+120+120+120,trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk8RandomizeTrigger.id].h
      );
    if(guiContainer.handlers.toTrk1ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].place(
        trackPanels[0].x+10+120+120+120+120+120+120+50,trackPanels[0].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk2ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk2ClearTrigger.id].place(
        trackPanels[1].x+10+120+120+120+120+120+120+50,trackPanels[1].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk2ClearTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk2ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk3ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk3ClearTrigger.id].place(
        trackPanels[2].x+10+120+120+120+120+120+120+50,trackPanels[2].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk3ClearTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk3ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk4ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk4ClearTrigger.id].place(
        trackPanels[3].x+10+120+120+120+120+120+120+50,trackPanels[3].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk4ClearTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk4ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk5ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk5ClearTrigger.id].place(
        trackPanels[4].x+10+120+120+120+120+120+120+50,trackPanels[4].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk5ClearTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk5ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk6ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk6ClearTrigger.id].place(
        trackPanels[5].x+10+120+120+120+120+120+120+50,trackPanels[5].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk6ClearTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk6ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk7ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk7ClearTrigger.id].place(
        trackPanels[6].x+10+120+120+120+120+120+120+50,trackPanels[6].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk7ClearTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk7ClearTrigger.id].h
      );
    if(guiContainer.handlers.toTrk8ClearTrigger.id>=0)
      guiContainer.gui.items[guiContainer.handlers.toTrk8ClearTrigger.id].place(
        trackPanels[7].x+10+120+120+120+120+120+120+50,trackPanels[7].y+_upperPanelPadding+_guiElemUpperPadding,
        guiContainer.gui.items[guiContainer.handlers.toTrk8ClearTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toTrk8ClearTrigger.id].h
      );

    guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].place(
      trackPanels[0].x+10+120+120+120+120+120+120,
      guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].y,guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toRandomizeTrigger.id].h
    );
    guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].place(
      trackPanels[0].x+10+120+120+120+120+120+120+50,
      guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].y,guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].w,guiContainer.gui.items[guiContainer.handlers.toClearTrigger.id].h
    );
  };
  p.initGui=function(_mode){
    let elementH=16;
    guiContainer.gui = new GUI(p,false);
    p.initGui_global(elementH);
    switch(_mode){
      case 0: p.initGui_tracksFrom1to4(elementH); break;
      case 1: p.initGui_tracksFrom1to4(elementH); p.initGui_tracksFrom5to8(elementH); break;
      default: console.log("[p.initGui] unhandled _mode: "+_mode);
    }
    if(guiContainer.isActive) guiContainer.gui.enableAllItems(); else guiContainer.gui.disableAllItems();
    //guiContainer.gui.forceBroadcast();
    guiContainer.helper.baseRightBound = globalPanel.padding*2+10+120+120+120+120+120+120+50+30;
      //guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].x +
      //guiContainer.gui.items[guiContainer.handlers.toTrk1ClearTrigger.id].w;
  };
  p.initGui_global=function(_elementH){
    let elementH=_elementH;
    let gui_trg_rnd = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toRandomizeTrigger));
    gui_trg_rnd.onTrigger=function(_id){dr.randomize();};
    guiContainer.handlers.toRandomizeTrigger.id=guiContainer.gui.addItem(gui_trg_rnd);
    let gui_trg_clr = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toClearTrigger));
    gui_trg_clr.onTrigger=function(_id){dr.clear()};
    guiContainer.handlers.toClearTrigger.id=guiContainer.gui.addItem(gui_trg_clr);
    let gui_sld_f = new SimpleSlider(30,150,270,elementH,GUI.ORIENTATION_HORIZONTAL,false,4,18,12,guiContainer.getLabelByLang(guiContainer.handlers.toSpeedSlider));
    gui_sld_f.onChange=function(_id,_v){
      if(maxIsDetected) window.max.outlet('dr','speed',_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','speed',_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.speed,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toSpeedSlider.id=guiContainer.gui.addItem(gui_sld_f);
    let gui_sld_vol = new SimpleSlider(30,270,270,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toVolSlider));
    gui_sld_vol.onChange=function(_id,_v){
      if(guiContainer.handlers.toTrk1VolSlider.id>=0) synth.setPlayerVol(0,_v*guiContainer.gui.items[guiContainer.handlers.toTrk1VolSlider.id].getValue(),dr.tracks.length);
      if(guiContainer.handlers.toTrk2VolSlider.id>=0) synth.setPlayerVol(1,_v*guiContainer.gui.items[guiContainer.handlers.toTrk2VolSlider.id].getValue(),dr.tracks.length);
      if(guiContainer.handlers.toTrk3VolSlider.id>=0) synth.setPlayerVol(2,_v*guiContainer.gui.items[guiContainer.handlers.toTrk3VolSlider.id].getValue(),dr.tracks.length);
      if(guiContainer.handlers.toTrk4VolSlider.id>=0) synth.setPlayerVol(3,_v*guiContainer.gui.items[guiContainer.handlers.toTrk4VolSlider.id].getValue(),dr.tracks.length);
      if(guiContainer.handlers.toTrk5VolSlider.id>=0) synth.setPlayerVol(4,_v*guiContainer.gui.items[guiContainer.handlers.toTrk5VolSlider.id].getValue(),dr.tracks.length);
      if(guiContainer.handlers.toTrk6VolSlider.id>=0) synth.setPlayerVol(5,_v*guiContainer.gui.items[guiContainer.handlers.toTrk6VolSlider.id].getValue(),dr.tracks.length);
      if(guiContainer.handlers.toTrk7VolSlider.id>=0) synth.setPlayerVol(6,_v*guiContainer.gui.items[guiContainer.handlers.toTrk7VolSlider.id].getValue(),dr.tracks.length);
      if(guiContainer.handlers.toTrk8VolSlider.id>=0) synth.setPlayerVol(7,_v*guiContainer.gui.items[guiContainer.handlers.toTrk8VolSlider.id].getValue(),dr.tracks.length);
      if(maxIsDetected) window.max.outlet('dr','vol',_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','vol',_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.vol,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toVolSlider.id=guiContainer.gui.addItem(gui_sld_vol);
  };
  p.initGui_tracksFrom1to4=function(_elementH){
    let elementH=_elementH;

    let gui_trg_trk1rnd = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk1RandomizeTrigger));
    gui_trg_trk1rnd.onTrigger=function(_id){dr.randomizeTrack(0);};
    guiContainer.handlers.toTrk1RandomizeTrigger.id=guiContainer.gui.addItem(gui_trg_trk1rnd);
    let gui_trg_trk2rnd = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk2RandomizeTrigger));
    gui_trg_trk2rnd.onTrigger=function(_id){dr.randomizeTrack(1);};
    guiContainer.handlers.toTrk2RandomizeTrigger.id=guiContainer.gui.addItem(gui_trg_trk2rnd);
    let gui_trg_trk3rnd = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk3RandomizeTrigger));
    gui_trg_trk3rnd.onTrigger=function(_id){dr.randomizeTrack(2);};
    guiContainer.handlers.toTrk3RandomizeTrigger.id=guiContainer.gui.addItem(gui_trg_trk3rnd);
    let gui_trg_trk4rnd = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk4RandomizeTrigger));
    gui_trg_trk4rnd.onTrigger=function(_id){dr.randomizeTrack(3);};
    guiContainer.handlers.toTrk4RandomizeTrigger.id=guiContainer.gui.addItem(gui_trg_trk4rnd);

    let gui_trg_trk1clr = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk1ClearTrigger));
    gui_trg_trk1clr.onTrigger=function(_id){dr.clearTrack(0);};
    guiContainer.handlers.toTrk1ClearTrigger.id=guiContainer.gui.addItem(gui_trg_trk1clr);
    let gui_trg_trk2clr = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk2ClearTrigger));
    gui_trg_trk2clr.onTrigger=function(_id){dr.clearTrack(1);};
    guiContainer.handlers.toTrk2ClearTrigger.id=guiContainer.gui.addItem(gui_trg_trk2clr);
    let gui_trg_trk3clr = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk3ClearTrigger));
    gui_trg_trk3clr.onTrigger=function(_id){dr.clearTrack(2);};
    guiContainer.handlers.toTrk3ClearTrigger.id=guiContainer.gui.addItem(gui_trg_trk3clr);
    let gui_trg_trk4clr = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk4ClearTrigger));
    gui_trg_trk4clr.onTrigger=function(_id){dr.clearTrack(3);};
    guiContainer.handlers.toTrk4ClearTrigger.id=guiContainer.gui.addItem(gui_trg_trk4clr);

    let gui_sld_trk1vol = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk1VolSlider));
    gui_sld_trk1vol.onChange=function(_id,_v){
      synth.setPlayerVol(0,_v*guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].getValue(),dr.tracks.length);
      if(maxIsDetected) window.max.outlet('dr','trackvol',0,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','trackvol',0,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk1vol,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk1VolSlider.id=guiContainer.gui.addItem(gui_sld_trk1vol);
    let gui_sld_trk2vol = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk2VolSlider));
    gui_sld_trk2vol.onChange=function(_id,_v){
      synth.setPlayerVol(1,_v*guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].getValue(),dr.tracks.length);
      if(maxIsDetected) window.max.outlet('dr','trackvol',1,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','trackvol',1,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk2vol,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk2VolSlider.id=guiContainer.gui.addItem(gui_sld_trk2vol);
    let gui_sld_trk3vol = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk3VolSlider));
    gui_sld_trk3vol.onChange=function(_id,_v){
      synth.setPlayerVol(2,_v*guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].getValue(),dr.tracks.length);
      if(maxIsDetected) window.max.outlet('dr','trackvol',2,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','trackvol',2,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk3vol,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk3VolSlider.id=guiContainer.gui.addItem(gui_sld_trk3vol);
    let gui_sld_trk4vol = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk4VolSlider));
    gui_sld_trk4vol.onChange=function(_id,_v){
      synth.setPlayerVol(3,_v*guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].getValue(),dr.tracks.length);
      if(maxIsDetected) window.max.outlet('dr','trackvol',3,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','trackvol',3,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk4vol,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk4VolSlider.id=guiContainer.gui.addItem(gui_sld_trk4vol);

    let gui_sld_trk1prob = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk1ProbSlider));
    gui_sld_trk1prob.onChange=function(_id,_v){
      if(maxIsDetected) window.max.outlet('dr','trackprob',0,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','trackprob',0,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk1prob,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk1ProbSlider.id=guiContainer.gui.addItem(gui_sld_trk1prob);
    let gui_sld_trk2prob = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk2ProbSlider));
    gui_sld_trk2prob.onChange=function(_id,_v){
      if(maxIsDetected) window.max.outlet('dr','trackprob',1,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','trackprob',1,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk2prob,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk2ProbSlider.id=guiContainer.gui.addItem(gui_sld_trk2prob);
    let gui_sld_trk3prob = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk3ProbSlider));
    gui_sld_trk3prob.onChange=function(_id,_v){
      if(maxIsDetected) window.max.outlet('dr','trackprob',2,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','trackprob',2,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk3prob,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk3ProbSlider.id=guiContainer.gui.addItem(gui_sld_trk3prob);
    let gui_sld_trk4prob = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk4ProbSlider));
    gui_sld_trk4prob.onChange=function(_id,_v){
      if(maxIsDetected) window.max.outlet('dr','trackprob',3,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','trackprob',3,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk4prob,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk4ProbSlider.id=guiContainer.gui.addItem(gui_sld_trk4prob);

    let gui_sld_trk1euclrot = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,15,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk1EuclRotSlider));
    gui_sld_trk1euclrot.outputFloats=false;
    gui_sld_trk1euclrot.onChange=function(_id,_v){
      dr.setEuclTrack(0);
      if(maxIsDetected) dr.sendTrackToMax(0);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(0, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk1rot,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk1EuclRotSlider.id=guiContainer.gui.addItem(gui_sld_trk1euclrot);
    let gui_sld_trk2euclrot = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,15,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk2EuclRotSlider));
    gui_sld_trk2euclrot.outputFloats=false;
    gui_sld_trk2euclrot.onChange=function(_id,_v){
      dr.setEuclTrack(1);
      if(maxIsDetected) dr.sendTrackToMax(1);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(1, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk2rot,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk2EuclRotSlider.id=guiContainer.gui.addItem(gui_sld_trk2euclrot);
    let gui_sld_trk3euclrot = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,15,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk3EuclRotSlider));
    gui_sld_trk3euclrot.outputFloats=false;
    gui_sld_trk3euclrot.onChange=function(_id,_v){
      dr.setEuclTrack(2);
      if(maxIsDetected) dr.sendTrackToMax(2);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(2, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk3rot,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk3EuclRotSlider.id=guiContainer.gui.addItem(gui_sld_trk3euclrot);
    let gui_sld_trk4euclrot = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,15,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk4EuclRotSlider));
    gui_sld_trk4euclrot.outputFloats=false;
    gui_sld_trk4euclrot.onChange=function(_id,_v){
      dr.setEuclTrack(3);
      if(maxIsDetected) dr.sendTrackToMax(3);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(3, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk4rot,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk4EuclRotSlider.id=guiContainer.gui.addItem(gui_sld_trk4euclrot);

    let gui_sld_trk1euclhits = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,16,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk1EuclHitsSlider));
    gui_sld_trk1euclhits.outputFloats=false;
    gui_sld_trk1euclhits.onChange=function(_id,_v){
      dr.setEuclTrack(0);
      if(maxIsDetected) dr.sendTrackToMax(0);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(0, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk1hits,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk1EuclHitsSlider.id=guiContainer.gui.addItem(gui_sld_trk1euclhits);
    let gui_sld_trk2euclhits = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,16,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk2EuclHitsSlider));
    gui_sld_trk2euclhits.outputFloats=false;
    gui_sld_trk2euclhits.onChange=function(_id,_v){
      dr.setEuclTrack(1);
      if(maxIsDetected) dr.sendTrackToMax(1);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(1, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk2hits,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk2EuclHitsSlider.id=guiContainer.gui.addItem(gui_sld_trk2euclhits);
    let gui_sld_trk3euclhits = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,16,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk3EuclHitsSlider));
    gui_sld_trk3euclhits.outputFloats=false;
    gui_sld_trk3euclhits.onChange=function(_id,_v){
      dr.setEuclTrack(2);
      if(maxIsDetected) dr.sendTrackToMax(2);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(2, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk3hits,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk3EuclHitsSlider.id=guiContainer.gui.addItem(gui_sld_trk3euclhits);
    let gui_sld_trk4euclhits = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,16,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk4EuclHitsSlider));
    gui_sld_trk4euclhits.outputFloats=false;
    gui_sld_trk4euclhits.onChange=function(_id,_v){
      dr.setEuclTrack(3);
      if(maxIsDetected) dr.sendTrackToMax(3);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(3, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk4hits,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk4EuclHitsSlider.id=guiContainer.gui.addItem(gui_sld_trk4euclhits);

    let gui_sld_trk1euclres = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,1,3,1,guiContainer.getLabelByLang(guiContainer.handlers.toTrk1EuclResolutionSlider));
    gui_sld_trk1euclres.outputFloats=false;
    gui_sld_trk1euclres.onChange=function(_id,_v){
      dr.setEuclTrack(0);
      if(maxIsDetected) dr.sendTrackToMax(0);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(0, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk1res,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk1EuclResolutionSlider.id=guiContainer.gui.addItem(gui_sld_trk1euclres);
    let gui_sld_trk2euclres = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,1,3,1,guiContainer.getLabelByLang(guiContainer.handlers.toTrk2EuclResolutionSlider));
    gui_sld_trk2euclres.outputFloats=false;
    gui_sld_trk2euclres.onChange=function(_id,_v){
      dr.setEuclTrack(1);
      if(maxIsDetected) dr.sendTrackToMax(1);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(1, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk2res,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk2EuclResolutionSlider.id=guiContainer.gui.addItem(gui_sld_trk2euclres);
    let gui_sld_trk3euclres = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,1,3,1,guiContainer.getLabelByLang(guiContainer.handlers.toTrk3EuclResolutionSlider));
    gui_sld_trk3euclres.outputFloats=false;
    gui_sld_trk3euclres.onChange=function(_id,_v){
      dr.setEuclTrack(2);
      if(maxIsDetected) dr.sendTrackToMax(2);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(2, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk3res,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk3EuclResolutionSlider.id=guiContainer.gui.addItem(gui_sld_trk3euclres);
    let gui_sld_trk4euclres = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,1,3,1,guiContainer.getLabelByLang(guiContainer.handlers.toTrk4EuclResolutionSlider));
    gui_sld_trk4euclres.outputFloats=false;
    gui_sld_trk4euclres.onChange=function(_id,_v){
      dr.setEuclTrack(3);
      if(maxIsDetected) dr.sendTrackToMax(3);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(3, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk4res,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk4EuclResolutionSlider.id=guiContainer.gui.addItem(gui_sld_trk4euclres);

    let gui_sld_trk1length = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,2,14,16,guiContainer.getLabelByLang(guiContainer.handlers.toTrk1LengthSlider));
    gui_sld_trk1length.outputFloats=false;
    gui_sld_trk1length.onChange=function(_id,_v){
      dr.tracks[0].loopLength=_v;
      if(maxIsDetected) window.max.outlet('dr','tracklooplength',0,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','tracklooplength',0,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk1len,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk1LengthSlider.id=guiContainer.gui.addItem(gui_sld_trk1length);
    let gui_sld_trk2length = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,2,14,16,guiContainer.getLabelByLang(guiContainer.handlers.toTrk2LengthSlider));
    gui_sld_trk2length.outputFloats=false;
    gui_sld_trk2length.onChange=function(_id,_v){
      dr.tracks[1].loopLength=_v;
      if(maxIsDetected) window.max.outlet('dr','tracklooplength',1,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','tracklooplength',1,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk2len,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk2LengthSlider.id=guiContainer.gui.addItem(gui_sld_trk2length);
    let gui_sld_trk3length = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,2,14,16,guiContainer.getLabelByLang(guiContainer.handlers.toTrk3LengthSlider));
    gui_sld_trk3length.outputFloats=false;
    gui_sld_trk3length.onChange=function(_id,_v){
      dr.tracks[2].loopLength=_v;
      if(maxIsDetected) window.max.outlet('dr','tracklooplength',2,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','tracklooplength',2,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk3len,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk3LengthSlider.id=guiContainer.gui.addItem(gui_sld_trk3length);
    let gui_sld_trk4length = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,2,14,16,guiContainer.getLabelByLang(guiContainer.handlers.toTrk4LengthSlider));
    gui_sld_trk4length.outputFloats=false;
    gui_sld_trk4length.onChange=function(_id,_v){
      dr.tracks[3].loopLength=_v;
      if(maxIsDetected) window.max.outlet('dr','tracklooplength',3,_v);
      if(webSocket.isActive) webSocket.processor.safeSend(['dr','tracklooplength',3,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk4len,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk4LengthSlider.id=guiContainer.gui.addItem(gui_sld_trk4length);
  };

  p.initGui_tracksFrom5to8=function(_elementH){
    let elementH=_elementH;

    let gui_trg_trk5rnd = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk5RandomizeTrigger));
    gui_trg_trk5rnd.onTrigger=function(_id){dr.randomizeTrack(4);};
    guiContainer.handlers.toTrk5RandomizeTrigger.id=guiContainer.gui.addItem(gui_trg_trk5rnd);
    let gui_trg_trk6rnd = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk6RandomizeTrigger));
    gui_trg_trk6rnd.onTrigger=function(_id){dr.randomizeTrack(5);};
    guiContainer.handlers.toTrk6RandomizeTrigger.id=guiContainer.gui.addItem(gui_trg_trk6rnd);
    let gui_trg_trk7rnd = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk7RandomizeTrigger));
    gui_trg_trk7rnd.onTrigger=function(_id){dr.randomizeTrack(6);};
    guiContainer.handlers.toTrk7RandomizeTrigger.id=guiContainer.gui.addItem(gui_trg_trk7rnd);
    let gui_trg_trk8rnd = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk8RandomizeTrigger));
    gui_trg_trk8rnd.onTrigger=function(_id){dr.randomizeTrack(7);};
    guiContainer.handlers.toTrk8RandomizeTrigger.id=guiContainer.gui.addItem(gui_trg_trk8rnd);

    let gui_trg_trk5clr = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk5ClearTrigger));
    gui_trg_trk5clr.onTrigger=function(_id){dr.clearTrack(4);};
    guiContainer.handlers.toTrk5ClearTrigger.id=guiContainer.gui.addItem(gui_trg_trk5clr);
    let gui_trg_trk6clr = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk6ClearTrigger));
    gui_trg_trk6clr.onTrigger=function(_id){dr.clearTrack(5);};
    guiContainer.handlers.toTrk6ClearTrigger.id=guiContainer.gui.addItem(gui_trg_trk6clr);
    let gui_trg_trk7clr = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk7ClearTrigger));
    gui_trg_trk7clr.onTrigger=function(_id){dr.clearTrack(6);};
    guiContainer.handlers.toTrk7ClearTrigger.id=guiContainer.gui.addItem(gui_trg_trk7clr);
    let gui_trg_trk8clr = new SimpleTrigger(230,30,30,elementH,GUI.ORIENTATION_HORIZONTAL,guiContainer.getLabelByLang(guiContainer.handlers.toTrk8ClearTrigger));
    gui_trg_trk8clr.onTrigger=function(_id){dr.clearTrack(7);};
    guiContainer.handlers.toTrk8ClearTrigger.id=guiContainer.gui.addItem(gui_trg_trk8clr);

    let gui_sld_trk5vol = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk5VolSlider));
    gui_sld_trk5vol.onChange=function(_id,_v){
      synth.setPlayerVol(4,_v*guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].getValue(),dr.tracks.length);
      if(maxIsDetected) window.max.outlet('dr','trackvol',4,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','trackvol',4,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk5vol,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk5VolSlider.id=guiContainer.gui.addItem(gui_sld_trk5vol);
    let gui_sld_trk6vol = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk6VolSlider));
    gui_sld_trk6vol.onChange=function(_id,_v){
      synth.setPlayerVol(5,_v*guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].getValue(),dr.tracks.length);
      if(maxIsDetected) window.max.outlet('dr','trackvol',5,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','trackvol',5,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk6vol,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk6VolSlider.id=guiContainer.gui.addItem(gui_sld_trk6vol);
    let gui_sld_trk7vol = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk7VolSlider));
    gui_sld_trk7vol.onChange=function(_id,_v){
      synth.setPlayerVol(6,_v*guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].getValue(),dr.tracks.length);
      if(maxIsDetected) window.max.outlet('dr','trackvol',6,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','trackvol',6,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk7vol,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk7VolSlider.id=guiContainer.gui.addItem(gui_sld_trk7vol);
    let gui_sld_trk8vol = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk8VolSlider));
    gui_sld_trk8vol.onChange=function(_id,_v){
      synth.setPlayerVol(7,_v*guiContainer.gui.items[guiContainer.handlers.toVolSlider.id].getValue(),dr.tracks.length);
      if(maxIsDetected) window.max.outlet('dr','trackvol',7,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','trackvol',7,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk8vol,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk8VolSlider.id=guiContainer.gui.addItem(gui_sld_trk8vol);

    let gui_sld_trk5prob = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk5ProbSlider));
    gui_sld_trk5prob.onChange=function(_id,_v){
      if(maxIsDetected) window.max.outlet('dr','trackprob',4,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','trackprob',4,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk5prob,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk5ProbSlider.id=guiContainer.gui.addItem(gui_sld_trk5prob);
    let gui_sld_trk6prob = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk6ProbSlider));
    gui_sld_trk6prob.onChange=function(_id,_v){
      if(maxIsDetected) window.max.outlet('dr','trackprob',5,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','trackprob',5,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk6prob,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk6ProbSlider.id=guiContainer.gui.addItem(gui_sld_trk6prob);
    let gui_sld_trk7prob = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk7ProbSlider));
    gui_sld_trk7prob.onChange=function(_id,_v){
      if(maxIsDetected) window.max.outlet('dr','trackprob',6,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','trackprob',6,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk7prob,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk7ProbSlider.id=guiContainer.gui.addItem(gui_sld_trk7prob);
    let gui_sld_trk8prob = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0.0,1.0,0.66,guiContainer.getLabelByLang(guiContainer.handlers.toTrk8ProbSlider));
    gui_sld_trk8prob.onChange=function(_id,_v){
      if(maxIsDetected) window.max.outlet('dr','trackprob',7,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','trackprob',7,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk8prob,Math.ceil(guiContainer.gui.items[_id].getNormValue()*127.0),midi.channels.out);
    };
    guiContainer.handlers.toTrk8ProbSlider.id=guiContainer.gui.addItem(gui_sld_trk8prob);

    let gui_sld_trk5euclrot = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,15,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk5EuclRotSlider));
    gui_sld_trk5euclrot.outputFloats=false;
    gui_sld_trk5euclrot.onChange=function(_id,_v){
      dr.setEuclTrack(4);
      if(maxIsDetected) dr.sendTrackToMax(4);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(4, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk5rot,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk5EuclRotSlider.id=guiContainer.gui.addItem(gui_sld_trk5euclrot);
    let gui_sld_trk6euclrot = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,15,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk6EuclRotSlider));
    gui_sld_trk6euclrot.outputFloats=false;
    gui_sld_trk6euclrot.onChange=function(_id,_v){
      dr.setEuclTrack(5);
      if(maxIsDetected) dr.sendTrackToMax(5);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(5, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk6rot,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk6EuclRotSlider.id=guiContainer.gui.addItem(gui_sld_trk6euclrot);
    let gui_sld_trk7euclrot = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,15,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk7EuclRotSlider));
    gui_sld_trk7euclrot.outputFloats=false;
    gui_sld_trk7euclrot.onChange=function(_id,_v){
      dr.setEuclTrack(6);
      if(maxIsDetected) dr.sendTrackToMax(6);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(6, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk7rot,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk7EuclRotSlider.id=guiContainer.gui.addItem(gui_sld_trk7euclrot);
    let gui_sld_trk8euclrot = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,15,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk8EuclRotSlider));
    gui_sld_trk8euclrot.outputFloats=false;
    gui_sld_trk8euclrot.onChange=function(_id,_v){
      dr.setEuclTrack(7);
      if(maxIsDetected) dr.sendTrackToMax(7);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(7, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk8rot,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk8EuclRotSlider.id=guiContainer.gui.addItem(gui_sld_trk8euclrot);

    let gui_sld_trk5euclhits = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,16,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk5EuclHitsSlider));
    gui_sld_trk5euclhits.outputFloats=false;
    gui_sld_trk5euclhits.onChange=function(_id,_v){
      dr.setEuclTrack(4);
      if(maxIsDetected) dr.sendTrackToMax(4);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(4, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk5hits,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk5EuclHitsSlider.id=guiContainer.gui.addItem(gui_sld_trk5euclhits);
    let gui_sld_trk6euclhits = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,16,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk6EuclHitsSlider));
    gui_sld_trk6euclhits.outputFloats=false;
    gui_sld_trk6euclhits.onChange=function(_id,_v){
      dr.setEuclTrack(5);
      if(maxIsDetected) dr.sendTrackToMax(5);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(5, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk6hits,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk6EuclHitsSlider.id=guiContainer.gui.addItem(gui_sld_trk6euclhits);
    let gui_sld_trk7euclhits = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,16,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk7EuclHitsSlider));
    gui_sld_trk7euclhits.outputFloats=false;
    gui_sld_trk7euclhits.onChange=function(_id,_v){
      dr.setEuclTrack(6);
      if(maxIsDetected) dr.sendTrackToMax(6);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(6, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk7hits,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk7EuclHitsSlider.id=guiContainer.gui.addItem(gui_sld_trk7euclhits);
    let gui_sld_trk8euclhits = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,0,16,0,guiContainer.getLabelByLang(guiContainer.handlers.toTrk8EuclHitsSlider));
    gui_sld_trk8euclhits.outputFloats=false;
    gui_sld_trk8euclhits.onChange=function(_id,_v){
      dr.setEuclTrack(7);
      if(maxIsDetected) dr.sendTrackToMax(7);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(7, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk8hits,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk8EuclHitsSlider.id=guiContainer.gui.addItem(gui_sld_trk8euclhits);

    let gui_sld_trk5euclres = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,1,3,1,guiContainer.getLabelByLang(guiContainer.handlers.toTrk5EuclResolutionSlider));
    gui_sld_trk5euclres.outputFloats=false;
    gui_sld_trk5euclres.onChange=function(_id,_v){
      dr.setEuclTrack(4);
      if(maxIsDetected) dr.sendTrackToMax(4);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(4, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk5res,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk5EuclResolutionSlider.id=guiContainer.gui.addItem(gui_sld_trk5euclres);
    let gui_sld_trk6euclres = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,1,3,1,guiContainer.getLabelByLang(guiContainer.handlers.toTrk6EuclResolutionSlider));
    gui_sld_trk6euclres.outputFloats=false;
    gui_sld_trk6euclres.onChange=function(_id,_v){
      dr.setEuclTrack(5);
      if(maxIsDetected) dr.sendTrackToMax(5);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(5, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk6res,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk6EuclResolutionSlider.id=guiContainer.gui.addItem(gui_sld_trk6euclres);
    let gui_sld_trk7euclres = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,1,3,1,guiContainer.getLabelByLang(guiContainer.handlers.toTrk7EuclResolutionSlider));
    gui_sld_trk7euclres.outputFloats=false;
    gui_sld_trk7euclres.onChange=function(_id,_v){
      dr.setEuclTrack(6);
      if(maxIsDetected) dr.sendTrackToMax(6);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(6, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk7res,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk7EuclResolutionSlider.id=guiContainer.gui.addItem(gui_sld_trk7euclres);
    let gui_sld_trk8euclres = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,1,3,1,guiContainer.getLabelByLang(guiContainer.handlers.toTrk8EuclResolutionSlider));
    gui_sld_trk8euclres.outputFloats=false;
    gui_sld_trk8euclres.onChange=function(_id,_v){
      dr.setEuclTrack(7);
      if(maxIsDetected) dr.sendTrackToMax(7);
      if(webSocket.isActive) dr.sendTrackViaWebSocket(7, webSocket.processor);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk8res,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk8EuclResolutionSlider.id=guiContainer.gui.addItem(gui_sld_trk8euclres);

    let gui_sld_trk5length = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,2,14,16,guiContainer.getLabelByLang(guiContainer.handlers.toTrk5LengthSlider));
    gui_sld_trk5length.outputFloats=false;
    gui_sld_trk5length.onChange=function(_id,_v){
      dr.tracks[4].loopLength=_v;
      if(maxIsDetected) window.max.outlet('dr','tracklooplength',4,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','tracklooplength',4,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk5len,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk5LengthSlider.id=guiContainer.gui.addItem(gui_sld_trk5length);
    let gui_sld_trk6length = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,2,14,16,guiContainer.getLabelByLang(guiContainer.handlers.toTrk6LengthSlider));
    gui_sld_trk6length.outputFloats=false;
    gui_sld_trk6length.onChange=function(_id,_v){
      dr.tracks[5].loopLength=_v;
      if(maxIsDetected) window.max.outlet('dr','tracklooplength',5,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','tracklooplength',5,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk6len,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk6LengthSlider.id=guiContainer.gui.addItem(gui_sld_trk6length);
    let gui_sld_trk7length = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,2,14,16,guiContainer.getLabelByLang(guiContainer.handlers.toTrk7LengthSlider));
    gui_sld_trk7length.outputFloats=false;
    gui_sld_trk7length.onChange=function(_id,_v){
      dr.tracks[6].loopLength=_v;
      if(maxIsDetected) window.max.outlet('dr','tracklooplength',6,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','tracklooplength',6,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk7len,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk7LengthSlider.id=guiContainer.gui.addItem(gui_sld_trk7length);
    let gui_sld_trk8length = new SimpleSlider(0,0,100,elementH,GUI.ORIENTATION_HORIZONTAL,true,2,14,16,guiContainer.getLabelByLang(guiContainer.handlers.toTrk8LengthSlider));
    gui_sld_trk8length.outputFloats=false;
    gui_sld_trk8length.onChange=function(_id,_v){
      dr.tracks[7].loopLength=_v;
      if(maxIsDetected) window.max.outlet('dr','tracklooplength',7,_v);
      if(webSocket.isActive) webSocket.processor.send(['dr','tracklooplength',7,_v]);
      if(midi.isActive&&midi.processor.isEnabled&&midi.processor.outputPort) midi.processor.sendCC(midi.ccmap.out.trk8len,_v,midi.channels.out);
    };
    guiContainer.handlers.toTrk8LengthSlider.id=guiContainer.gui.addItem(gui_sld_trk8length);
  };
  p.handleUrlParams=function(){
    try{
      let urlparams = p.getURLParams();
      if(urlparams){
        if("rnd" in urlparams){let v=parseInt(urlparams.rnd); if(!isNaN(v)){randomizeOnStart=(v>0);} console.log("[p.handleUrlParams] rnd: "+randomizeOnStart);}
        if("mode" in urlparams){let v=parseInt(urlparams.mode); if(!isNaN(v)){if((v>=0)&&(mode<2)) mode=v;} console.log("[p.handleUrlParams] mode: "+mode);}
        if("pointer" in urlparams){let v=parseInt(urlparams.pointer); if(!isNaN(v)){if(v>0) p.cursor(); else p.noCursor(); theme.pointer=(v>0);} console.log("[p.handleUrlParams] pointer: "+theme.pointer);}
        if("worker" in urlparams){let v=parseInt(urlparams.worker); if(!isNaN(v)){useWorker=(v>0);} console.log("[p.handleUrlParams] worker: "+useWorker);}
        if("lang" in urlparams){
          guiContainer.lang=decodeURIComponent(urlparams.lang); synth.lang=guiContainer.lang;
          console.log("[p.handleUrlParams] lang: "+guiContainer.lang);
        }
        if("ws" in urlparams){webSocket.address="ws://"+decodeURIComponent(urlparams.ws)+"/"; webSocket.isActive=true; console.log("[p.handleUrlParams] (ws) webSocket.address: "+webSocket.address);}
        if("xws" in urlparams){webSocket.address=decodeURIComponent(urlparams.xws); webSocket.isActive=true; console.log("[p.handleUrlParams] (xws) webSocket.address: "+webSocket.address);}
        if("midiinport" in urlparams){let v=parseInt(urlparams.midiinport); if(!isNaN(v)){midi.inputPortIndex=v; console.log("[p.handleUrlParams] MIDI input port index: "+v);}}
        if("midiinchn" in urlparams){if(!isNaN(urlparams.midiinchn)){midi.channels.in=(Math.abs(Math.floor(urlparams.midiinchn))%16); console.log("[p.handleUrlParams] MIDI input channel index: "+v);}}
        if("midioutport" in urlparams){let v=parseInt(urlparams.midioutport); if(!isNaN(v)){midi.outputPortIndex=v; console.log("[p.handleUrlParams] MIDI output port index: "+v);}}
        if("midioutchn" in urlparams){if(!isNaN(urlparams.midioutchn)){midi.channels.out=(Math.abs(Math.floor(urlparams.midioutchn))%16);; console.log("[p.handleUrlParams] MIDI outpit channel index: "+v);}}
        if("synth" in urlparams){let v=parseInt(urlparams.synth); if(!isNaN(v)){synth.isActive=(v>0);} console.log("[p.handleUrlParams] synth: "+synth.isActive);}
        if("tpf" in urlparams){let v=parseInt(urlparams.tpf); if(!isNaN(v)){v=Math.floor(v); if(v>=1) midi.ticksperframe=v;} console.log("[p.handleUrlParams] ticks per frame: "+v);}
        if("clock" in urlparams){let v=parseInt(urlparams.clock); if(!isNaN(v)){v=(v>0); dr.clock.auto=v;} console.log("[p.handleUrlParams] clock: "+v);}
        if("speed" in urlparams){let v=parseFloat(urlparams.speed); if(!isNaN(v)){if(v<0.0) v=0.0; if(v>1.0) v=1.0; v=4+Math.ceil(v*8.0); defSpeed=v;} console.log("[p.handleUrlParams] speed: "+v);}
        if("vol" in urlparams){let v=parseFloat(urlparams.vol); if(!isNaN(v)){if(v<0.0) v=0.0; if(v>1.0) v=1.0; defVol=v;} console.log("[p.handleUrlParams] vol: "+v);}
      }
    }catch(_e){console.log("[p.handleUrlParams] _e: "+_e);}
  };
  p.v2i=function(_v){if(_v>0) return 1; return 0;};
};
let myp5 = new p5(s); // let's run the sketch in the "instance mode"
								

									gui.js
									// a rudimentary GUI by Pawel Janicki, 2024-25, https://paweljanicki.jp

class GUI{
  static get GUI_ELEMENT_TYPE_SIMPLESLIDER(){return 1;}
  static get GUI_ELEMENT_TYPE_SIMPLETRIGGER(){return 2;}
  static get GUI_ELEMENT_TYPE_SIMPLETOGGLE(){return 3;}
  static get GUI_ELEMENT_TYPE_SIMPLEMIDINOTESSELECTOR(){return 4;}
  static get GUI_ELEMENT_TYPE_SIMPLECELLULARAUTOMATON1DSETUP(){return 5;}
  static get GUI_ELEMENT_TYPE_SIMPLELANGSELECTOR(){return 6;}
  static get GUI_ELEMENT_TYPE_SIMPLERADIO(){return 7;}
  static get ORIENTATION_VERTICAL(){return 1;}
  static get ORIENTATION_HORIZONTAL(){return 2;}
  constructor(_p,_usePg,_pgw,_pgh,_isParentSketchRenderer3D){
    this.p=_p; this.pg=null; this.usePg=false; this.isParentSketchinWebGlRenderingMode=false;
    this.fontName="Helvetica";this.fontSize=10;this.items=[];this.backlightedItemId=-1;
    this.mouseDragStatus={startX:-1,startY:-1,x:-1,y:-1,px:-1,py:-1,vx:0,vy:0,inProgress:false};
    this.usePg=_usePg;
    if(this.usePg){
      this.pg=this.p.createGraphics(_pgw,_pgh,this.p.P2D); //https://p5js.org/tutorials/layered-rendering-with-framebuffers/
      this.isParentSketchRenderer3D=_isParentSketchRenderer3D;
    }else{
      this.pg=this.p;
      this.isParentSketchRenderer3D=false;
    }
    this.backgroundPanel={
      isVisible:false,color:{r:128,g:128,b:128,a:186},rect:{x:20,y:20,w:300,h:200,r:5}
    };
  }
  draw(){
    if(this.usePg) this.pg.clear();
    if(this.backgroundPanel.isVisible){
      this.pg.noStroke(); this.pg.fill(this.backgroundPanel.color.r,this.backgroundPanel.color.g,this.backgroundPanel.color.b,this.backgroundPanel.color.a);
      if(this.usePg||(!this.isParentSketchRenderer3D)){
        this.pg.rect(
          this.backgroundPanel.rect.x,this.backgroundPanel.rect.y,
          this.backgroundPanel.rect.w,this.backgroundPanel.rect.h,
          this.backgroundPanel.rect.r,this.backgroundPanel.rect.r,this.backgroundPanel.rect.r,this.backgroundPanel.rect.r

        );
      }else{
        this.pg.rect(
          this.backgroundPanel.rect.x-this.p.width/2,
          this.backgroundPanel.rect.y-this.p.height/2,
          this.backgroundPanel.rect.w,backgroundPanel.rect.h,
          this.backgroundPanel.rect.r,this.backgroundPanel.rect.r,this.backgroundPanel.rect.r,this.backgroundPanel.rect.r
        );
      }
    }
    this.pg.textFont(this.fontName,this.fontSize); this.pg.textStyle(this.p.NORMAL);
    for(let i=0;i<this.items.length;i++) if(this.items[i].isEnabled) this.items[i].draw(this.fontName,this.fontSize);
    if(this.usePg){
      if(this.isParentSketchRenderer3D){
        this.p.image(this.pg,-this.p.width/2,-this.p.height/2);
      }else{
        this.p.image(this.pg,0,0);
      }
    }
  }
  forceBroadcast(){
    for(let i=0;i<this.items.length;i++){
      if(this.items[i] instanceof SimpleTrigger){/*nothing to do*/continue;}
      if(this.items[i] instanceof SimpleToggle){this.items[i].broadcast();continue;}
      if(this.items[i] instanceof SimpleSlider){this.items[i].broadcast();continue;}
      if(this.items[i] instanceof SimpleMidiNotesSelector){this.items[i].broadcast();continue;}
      if(this.items[i] instanceof SimpleLangSelector){this.items[i].broadcast();continue;}
      if(this.items[i] instanceof SimpleRadio){this.items[i].broadcast();continue;}
    }
  }
  setLangFromHandlers(_lang, _handlers){ // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries
    if(_lang===null) return; if(_lang===undefined) return; if(_lang.length<1) return;
    if(_handlers===null) return; if(_handlers===undefined) return;
    _lang=_lang.toLowerCase();
    for(const [key, value] of Object.entries(_handlers)){
      if(isNaN(value.id)) continue;
      if((value.id<0)||(value.id>=this.items.length)) continue;
      if("label" in value){
        if(_lang in value.label) this.items[value.id].setLabel(value.label[_lang]);
      }
    }
  }
  importValues(_values){
    for(let i=0;i<_values.length;i++){
      switch(_values[i][1]){
        case GUI_ELEMENT_TYPE_SIMPLEMIDINOTESSELECTOR: for(let j=2;j<_values[i].length;j++){let k=j-2; let v=_values[i][j]; this.items[_values[i][0]].setKeyAccessedByIndex(k,v);} break;
        case GUI_ELEMENT_TYPE_SIMPLECELLULARAUTOMATON1DSETUP: for(let j=2;j<_values[i].length;j++){let k=j-2; let v=_values[i][j]; this.items[_values[i][0]].setCaseStatusAccessedByIndex(k,v)} break;
        case GUI_ELEMENT_TYPE_SIMPLESLIDER: this.items[_values[i][0]].setValue(_values[i][2]); break;
        case GUI_ELEMENT_TYPE_SIMPLETOGGLE: this.items[_values[i][0]].setValue(_values[i][2]); break;
        case GUI_ELEMENT_TYPE_SIMPLERADIO: this.items[_values[i][0]].setValue(_values[i][2]); break;
        case GUI_ELEMENT_TYPE_SIMPLELANGSELECTOR: this.items[_values[i][0]].setValue(_values[i][2]); break;
        case GUI_ELEMENT_TYPE_SIMPLETRIGGER: /*nothing to do*/ break;
        default: console.log("[GUI, importValues] unhndled _values[i][0]: "+_values[i][0]);
      }
    }
  }
  exportValues(){
    let result=[];
    for(let i=0;i<this.items.length;i++){
      if(this.items[i] instanceof SimpleTrigger){
        result[result.length]=[i,GUI.GUI_ELEMENT_TYPE_SIMPLETRIGGER];
        continue;
      }
      if(this.items[i] instanceof SimpleToggle){
        result[result.length]=[i,this.bool2int(GUI.GUI_ELEMENT_TYPE_SIMPLETOGGLE,this.items[i].getValue())];
        continue;
      }
      if(this.items[i] instanceof SimpleLangSelector){
        result[result.length]=[i,this.bool2int(GUI.GUI_ELEMENT_TYPE_SIMPLELANGSELECTOR,this.items[i].getValue())];
        continue;
      }
      if(this.items[i] instanceof SimpleSlider){
        result[result.length]=[i,GUI.GUI_ELEMENT_TYPE_SIMPLESLIDER,this.items[i].getValue()];
        continue;
      }
      if(this.items[i] instanceof SimpleRadio){
        result[result.length]=[i,GUI.GUI_ELEMENT_TYPE_SIMPLERADIO,this.items[i].getValue()];
        continue;
      }
      if(this.items[i] instanceof SimpleMidiNotesSelector){
        let blob=[i,GUI.GUI_ELEMENT_TYPE_SIMPLEMIDINOTESSELECTOR];
        for(let j=0;j<this.items[i].numOfKeys;j++) blob[blob.length]=bool2int(this.items[i].keys[j].isPressed);
        result[result.length]=blob;
        continue;
      }
      if(this.items[i] instanceof SimpleCellularAutomaton1DSetup){
        let blob=[i,GUI.GUI_ELEMENT_TYPE_SIMPLECELLULARAUTOMATON1DSETUP];
        for(let j=0;j<this.items[i].cases.length;j++) blob[blob.length]=bool2int(this.items[i].cases[j].status);
        result[result.length]=blob;
        continue;
      }
    }
    return result;
  }
  bool2int(_b){if(_b) return 1; return 0;}
  addItem(_item){_item.p=this.p; _item.pg=this.pg; _item.id=this.items.length; this.items[_item.id]=_item; return _item.id;}
  enableAllItems(){for(let i=0;i<this.items.length;i++) this.enableItemAccessedById(i);}
  disableAllItems(){for(let i=0;i<this.items.length;i++) this.disableItemAccessedById(i);}
  enableItemAccessedById(_id){this.enableItem(this.items[_id]);}
  disableItemAccessedById(_id){this.disableItem(this.items[_id]);}
  isItemAccessedByIdEnabled(_id){this.isItemEnabled(this.items[_id]);}
  isItemEnabled(_item){return _item.isEnabled;}
  enableItem(_item){
    if(this.backlightedItemId>=0) this.items[this.backlightedItemId].isBacklighted=false;
    this.mouseDragStatus.inProgress=false; this.backlightedItemId=-1;
    _item.isEnabled=true;
  }
  disableItem(_item){
    if(this.backlightedItemId>=0) this.items[this.backlightedItemId].isBacklighted=false;
    this.mouseDragStatus.inProgress=false; this.backlightedItemId=-1;
    _item.isEnabled=false;
  }
  moveIdlePointer(_x,_y){    
    if(this.backlightedItemId>=0) this.items[this.backlightedItemId].isBacklighted=false;
    this.backlightedItemId=this.hitTestAllItems(_x,_y);
    if(this.backlightedItemId>=0) this.items[this.backlightedItemId].isBacklighted=true;
  }
  setItemAccessedByIdSize(_id,_x,_y,_w,_h){setItemSize(this.items[_id],_x,_y,_w,_h);}
  setItemSize(_item,_x,_y,_w,_h){_item.x=_x;_item.y=_y;_item.w=_w;_item.h=_h;}
  dragPointer(_x,_y){
    if(this.backlightedItemId>=0){
      if(this.mouseDragStatus.inProgress){
        if(this.items[this.backlightedItemId] instanceof SimpleSlider){
          this.mouseDragStatus.px=this.mouseDragStatus.x;this.mouseDragStatus.py=this.mouseDragStatus.y;this.mouseDragStatus.x=_x;this.mouseDragStatus.y=_y;
          this.mouseDragStatus.vx=this.mouseDragStatus.x-this.mouseDragStatus.px;this.mouseDragStatus.vy=this.mouseDragStatus.y-this.mouseDragStatus.py;
          if(this.items[this.backlightedItemId].orientation===GUI.ORIENTATION_VERTICAL){
            this.items[this.backlightedItemId].setValue(
              this.items[this.backlightedItemId].getRawValue() +
              (this.mouseDragStatus.vx-this.mouseDragStatus.vy)/this.items[this.backlightedItemId].h*this.items[this.backlightedItemId].range
            );
          }else{ // horizontal orientation
            this.items[this.backlightedItemId].setValue(
              this.items[this.backlightedItemId].getRawValue() +
              (this.mouseDragStatus.vx-this.mouseDragStatus.vy)/this.items[this.backlightedItemId].w*this.items[this.backlightedItemId].range
            );
          }
        }else{
          let ht=this.hitTestAllItems(_x,_y);
          if(ht!=this.backlightedItemId){
            this.mouseDragStatus.inProgress=false;
            this.items[this.backlightedItemId].isBacklighted=false;
            this.backlightedItemId=-1;
            if(ht>=0){
              this.backlightedItemId=ht;
              this.items[this.backlightedItemId].isBacklighted=true;
            }
          }
        }
      }else{
        let ht=this.hitTestAllItems(_x,_y);
        if(ht!=this.backlightedItemId){
            this.items[this.backlightedItemId].isBacklighted=false;
            this.backlightedItemId=-1;
            if(ht>=0){
              this.backlightedItemId=ht;
              this.items[this.backlightedItemId].isBacklighted=true;
            }
        }
      }
    }else{
      this.backlightedItemId=this.hitTestAllItems(_x,_y);
      if(this.backlightedItemId>=0) this.items[this.backlightedItemId].isBacklighted=true;
    }
  }
  getLock(){return this.backlightedItemId;}
  lockPointer(_x,_y){ // press
    if(this.mouseDragStatus.inProgress) return this.backlightedItemId;
    this.backlightedItemId=this.hitTestAllItems(_x,_y);
    if(this.backlightedItemId>=0){
      this.items[this.backlightedItemId].isBacklighted=true;
      this.mouseDragStatus.startX=_x;this.mouseDragStatus.startY=_y;
      this.mouseDragStatus.x=this.mouseDragStatus.startX;this.mouseDragStatus.y=this.mouseDragStatus.startY;
      this.mouseDragStatus.px=this.mouseDragStatus.startX;this.mouseDragStatus.py=this.mouseDragStatus.startY;
      this.mouseDragStatus.vx=0;this.mouseDragStatus.vy=0;this.mouseDragStatus.inProgress=true;
      if(this.items[this.backlightedItemId] instanceof SimpleToggle){
        this.items[this.backlightedItemId].setValue(!this.items[this.backlightedItemId].getValue());
      }
      if(this.items[this.backlightedItemId] instanceof SimpleMidiNotesSelector){
        let hit=this.items[this.backlightedItemId].hitTestAllKeys(_x,_y);
        if(hit>=0) this.items[this.backlightedItemId].setKeyAccessedByIndex(hit,!this.items[this.backlightedItemId].getKeyAccessedByIndex(hit).isPressed);
      }
      if(this.items[this.backlightedItemId] instanceof SimpleCellularAutomaton1DSetup){
        let hit=this.items[this.backlightedItemId].hitTestAllCases(_x,_y);
        if(hit>=0) this.items[this.backlightedItemId].setCaseStatusAccessedByIndex(hit,!this.items[this.backlightedItemId].getCaseStatusAccessedByIndex(hit));
      }
      if(this.items[this.backlightedItemId] instanceof SimpleLangSelector){
        let hit=this.items[this.backlightedItemId].hitTestAllItems(_x,_y);
        if(hit>=0) this.items[this.backlightedItemId].setValue(hit);
      }
      if(this.items[this.backlightedItemId] instanceof SimpleRadio){
        let hit=this.items[this.backlightedItemId].hitTestAllItems(_x,_y);
        if(hit>=0) this.items[this.backlightedItemId].setValue(hit);
      }
    }
    return this.backlightedItemId;
  }
  unlockPointer(_x,_y){ // release
    if(this.backlightedItemId<0) return;
    this.mouseDragStatus.inProgress=false;
    if(!this.hitTestItem(this.items[this.backlightedItemId],_x,_y)){
      this.items[this.backlightedItemId].isBacklighted=false;
      this.backlightedItemId=-1;
    }
    this.backlightedItemId=this.hitTestAllItems(_x,_y);
    if(this.backlightedItemId>=0){
      this.items[this.backlightedItemId].isBacklighted=true;
      if(this.items[this.backlightedItemId] instanceof SimpleTrigger) this.items[this.backlightedItemId].trigger();
    }
  }
  hitTestItem(_item,_x,_y){return _item.hitTest(_x,_y);}
  hitTestAllItems(_x,_y){for(let i=0;i<this.items.length;i++) if(this.hitTestItem(this.items[i],_x,_y)) return i; return -1;}
  setBackgroundPanelVisibility(_v){this.backgroundPanel.isVisible=(_v>0);}
  setBackgroundPanelColor(_r,_g,_b,_a){this.backgroundPanel.color.r=_r;this.backgroundPanel.color.g=_g;this.backgroundPanel.color.b=_b;this.backgroundPanel.color.a=_a;}
  setBackgroundPanelRect(_x,_y,_w,_h,_r){this.backgroundPanel.rect.x=_x;this.backgroundPanel.rect.y=_y;this.backgroundPanel.rect.w=_w;this.backgroundPanel.rect.h=_h;this.backgroundPanel.rect.r=_r;}
}

class SimpleSlider{
  constructor(_x,_y,_w,_h,_orient,_outputFloats,_min,_range,_value,_label){
    this.p=null; this.pg=null; this.isEnabled=true; this.changeTime={millis:-1,frameCount:-1};
    this.id=-1;this.outputFloats=_outputFloats;this.truncLength=2;this.verticalTextRotation=-90;this.outlineStrokeWeight=1;
    this.x=_x;this.y=_y;this.w=_w;this.h=_h;this.orientation=_orient;
    this.min=_min;this.range=_range;this.label=_label;this.setValue(_value);
    this.roundCorner=3; this.isBacklighted=false;
    this.balanceValue=this.min+this.range/2;this.applyBalance=false;
    this.colors={
      backlightOn:{
        background:{r:30,g:70,b:100,a:255},
        foreground:{r:30,g:120,b:150,a:255},
        outline:{r:30,g:225,b:255,a:255},
        text:{r:255,g:255,b:255,a:255}
      },
      backlightOff:{
        background:{r:30,g:70,b:100,a:220},
        foreground:{r:30,g:120,b:150,a:220},
        outline:{r:30,g:225,b:255,a:220},
        text:{r:255,g:255,b:255,a:230}
      }
    };
  }
  place(_x,_y,_w,_h){this.x=_x;this.y=_y;this.w=_w;this.h=_h;}
  hitTest(_x,_y){if((_x>=this.x)&&(_y>=this.y)&&(_x<(this.x+this.w))&&(_y<(this.y+this.h))&&this.isEnabled) return true; return false;}
  broadcast(){this.onChange(this.id,this.getValue());}
  onChange(_id, _v){console.log("GUI id: "+_id+" label: "+this.label+" value: "+_v+" millis: "+this.changeTime.millis+" frameCount: "+this.changeTime.frameCount);}
  setNormValue(_v){this.setValue(this.min+_v*this.range);}
  setValue(_v){
    //if(!this.outputFloats) _v=Math.round(_v);
    if(_v>(this.min+this.range)) _v=this.min+this.range; if(_v<this.min) _v=this.min; this.value=_v;
    if(this.p){this.changeTime.frameCount=this.p.frameCount; this.changeTime.millis=this.p.millis();}
    if(this.id>=0) this.onChange(this.id,this.getValue());
  }
  setLabel(_label){this.label=_label;}
  getLabel(){return this.label;}
  getRawValue(){return this.value;}
  getInvValue(){return (this.range-(this.getValue()-this.min)+this.min);}
  getValue(){if(this.outputFloats) return this.value; else return Math.round(this.value);}
  calcNormValue(_v){return ((_v-this.min)/this.range);}
  draw(_fontName,_fontSize){
    // draw bg
    let pixVal, pixAnchor; let normVal=this.calcNormValue(this.value); let normBalanceVal=this.calcNormValue(this.balanceValue);
    this.pg.noStroke(); 
    if(this.isBacklighted){
      this.pg.fill(this.colors.backlightOn.background.r,this.colors.backlightOn.background.g,this.colors.backlightOn.background.b,this.colors.backlightOn.background.a);
    }else{
      this.pg.fill(this.colors.backlightOff.background.r,this.colors.backlightOff.background.g,this.colors.backlightOff.background.b,this.colors.backlightOff.background.a);
    }
    this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    // draw slider
    if(this.isBacklighted){
      this.pg.fill(this.colors.backlightOn.foreground.r,this.colors.backlightOn.foreground.g,this.colors.backlightOn.foreground.b,this.colors.backlightOn.foreground.a);
    }else{
      this.pg.fill(this.colors.backlightOff.foreground.r,this.colors.backlightOff.foreground.g,this.colors.backlightOff.foreground.b,this.colors.backlightOff.foreground.a);
    } 
    if(this.orientation===GUI.ORIENTATION_VERTICAL){
      if(this.applyBalance){
        if(this.value<this.balanceValue){
          pixVal = this.h*(normBalanceVal-normVal); pixAnchor = this.y+normBalanceVal*this.h-pixVal;
        }else{
          pixVal = this.h*(normVal-normBalanceVal); pixAnchor = this.y+normBalanceVal*this.h;
        }
      }else{pixVal = this.h*normVal; pixAnchor = this.y+this.h-pixVal;}
      this.pg.rect(this.x,pixAnchor,this.w,pixVal,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    }else{ // orientation horizontal
      if(this.applyBalance){
        if(this.value<this.balanceValue){
          pixVal = this.w*(normBalanceVal-normVal); pixAnchor = this.x+normBalanceVal*this.w-pixVal;
        }else{
          pixVal = this.w*(normVal-normBalanceVal); pixAnchor = this.x+normBalanceVal*this.w;
        }
      }else{pixVal = this.w*normVal; pixAnchor = this.x;}
      this.pg.rect(pixAnchor,this.y,pixVal,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    }
    // draw outline
    this.pg.noFill(); this.pg.strokeWeight(this.outlineStrokeWeight);
    if(this.isBacklighted){
      this.pg.stroke(this.colors.backlightOn.outline.r,this.colors.backlightOn.outline.g,this.colors.backlightOn.outline.b,this.colors.backlightOn.outline.a);
    }else{
      this.pg.stroke(this.colors.backlightOff.outline.r,this.colors.backlightOff.outline.g,this.colors.backlightOff.outline.b,this.colors.backlightOff.outline.a);
    }
    this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    // draw label
    this.pg.noStroke();
    if(this.isBacklighted){
      this.pg.fill(this.colors.backlightOn.text.r,this.colors.backlightOn.text.g,this.colors.backlightOn.text.b,this.colors.backlightOn.text.a);
    }else{
      this.pg.fill(this.colors.backlightOff.text.r,this.colors.backlightOff.text.g,this.colors.backlightOff.text.b,this.colors.backlightOff.text.a);
    }
    this.pg.textAlign(this.p.CENTER,this.p.CENTER);
    this.pg.push();
      this.pg.translate(this.x+0.5*this.w,this.y+0.5*this.h);
      if(this.orientation===GUI.ORIENTATION_VERTICAL) this.pg.rotate(this.pg.radians(this.verticalTextRotation));
      let v=this.getValue(); if(this.outputFloats) v=v.toFixed(this.truncLength);
      this.pg.text(this.label+" "+v,0,0);
    this.pg.pop();
  }
}

class SimpleToggle{
  constructor(_x,_y,_w,_h,_orient,_value,_label){
    this.p=null; this.pg=null; this.isEnabled=true; this.changeTime={millis:-1,frameCount:-1};
    this.id=-1;this.verticalTextRotation=-90;this.outlineStrokeWeight=1;
    this.x=_x;this.y=_y;this.w=_w;this.h=_h;this.orientation=_orient;
    this.label=_label;this.setValue(_value);
    this.roundCorner=3; this.isBacklighted=false;
    this.colors={
      backlightOn:{
        background:{r:30,g:70,b:100,a:255},
        foreground:{r:30,g:120,b:150,a:255},
        outline:{r:30,g:225,b:255,a:255},
        text:{r:255,g:255,b:255,a:255}
      },
      backlightOff:{
        background:{r:30,g:70,b:100,a:220},
        foreground:{r:30,g:120,b:150,a:220},
        outline:{r:30,g:225,b:255,a:220},
        text:{r:255,g:255,b:255,a:230}
      }
    };
  }
  place(_x,_y,_w,_h){this.x=_x;this.y=_y;this.w=_w;this.h=_h;}
  hitTest(_x,_y){if((_x>=this.x)&&(_y>=this.y)&&(_x<(this.x+this.w))&&(_y<(this.y+this.h))&&this.isEnabled) return true; return false;}
  broadcast(){this.onChange(this.id,this.value);}
  onChange(_id, _v){console.log("GUI id: "+_id+" label: "+this.label+" value: "+_v+" millis: "+this.changeTime.millis+" frameCount: "+this.changeTime.frameCount);}
  setValue(_v){
    this.value=(_v>0);
    if(this.p){this.changeTime.frameCount=this.p.frameCount; this.changeTime.millis=this.p.millis();}
    if(this.id>=0) this.onChange(this.id,this.value);
  }
  getValue(){return this.value;}
  setLabel(_label){this.label=_label;}
  getLabel(){return this.label;}
  draw(_fontName,_fontSize){
    // draw bg
    this.pg.noStroke(); 
    if(this.isBacklighted){
      this.pg.fill(this.colors.backlightOn.background.r,this.colors.backlightOn.background.g,this.colors.backlightOn.background.b,this.colors.backlightOn.background.a);
    }else{
      this.pg.fill(this.colors.backlightOff.background.r,this.colors.backlightOff.background.g,this.colors.backlightOff.background.b,this.colors.backlightOff.background.a);
    }
    this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    // draw indicator
    if(this.isBacklighted){
      this.pg.fill(this.colors.backlightOn.foreground.r,this.colors.backlightOn.foreground.g,this.colors.backlightOn.foreground.b,this.colors.backlightOn.foreground.a);
    }else{
      this.pg.fill(this.colors.backlightOff.foreground.r,this.colors.backlightOff.foreground.g,this.colors.backlightOff.foreground.b,this.colors.backlightOff.foreground.a);
    } 
    if(this.value) this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    // draw outline
    this.pg.noFill(); this.pg.strokeWeight(this.outlineStrokeWeight);
    if(this.isBacklighted){
      this.pg.stroke(this.colors.backlightOn.outline.r,this.colors.backlightOn.outline.g,this.colors.backlightOn.outline.b,this.colors.backlightOn.outline.a);
    }else{
      this.pg.stroke(this.colors.backlightOff.outline.r,this.colors.backlightOff.outline.g,this.colors.backlightOff.outline.b,this.colors.backlightOff.outline.a);
    }
    this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    // draw label
    this.pg.noStroke();
    if(this.isBacklighted){
      this.pg.fill(this.colors.backlightOn.text.r,this.colors.backlightOn.text.g,this.colors.backlightOn.text.b,this.colors.backlightOn.text.a);
    }else{
      this.pg.fill(this.colors.backlightOff.text.r,this.colors.backlightOff.text.g,this.colors.backlightOff.text.b,this.colors.backlightOff.text.a);
    }
    this.pg.textAlign(this.p.LEFT,this.p.CENTER);
    this.pg.push();
      if(this.orientation===GUI.ORIENTATION_HORIZONTAL){
        this.pg.translate(this.x+this.pg.textSize(),this.y+0.5*this.h);
      }else{
        this.pg.translate(this.x+0.5*this.w,this.y+this.h-this.pg.textSize());
        this.pg.rotate(this.p.radians(this.verticalTextRotation));
      }
      this.pg.text(this.label,0,0);
    this.pg.pop();
    this.pg.textAlign(this.p.RIGHT,this.p.CENTER);
    this.pg.push();
      if(this.orientation===GUI.ORIENTATION_HORIZONTAL){
        this.pg.translate(this.x+this.w-this.pg.textSize(),this.y+0.5*this.h);
      }else{
        this.pg.translate(this.x+0.5*this.w,this.y+this.pg.textSize());
        this.pg.rotate(this.p.radians(this.verticalTextRotation));
      }
      if(this.value) this.pg.text('√',0,0); else this.pg.text('-',0,0);
    this.pg.pop();
  }
}

class SimpleTrigger{
  constructor(_x,_y,_w,_h,_orient,_label){
    this.p=null; this.pg=null; this.isEnabled=true; this.changeTime={millis:-1,frameCount:-1};
    this.id=-1;this.verticalTextRotation=-90;this.outlineStrokeWeight=1;
    this.x=_x;this.y=_y;this.w=_w;this.h=_h;this.orientation=_orient;
    this.label=_label;
    this.roundCorner=3; this.isBacklighted=false;
    this.blinkDuration=100; //ms
    this.colors={
      backlightOn:{
        background:{r:30,g:70,b:100,a:255},
        foreground:{r:30,g:120,b:150,a:255},
        outline:{r:30,g:225,b:255,a:255},
        text:{r:255,g:255,b:255,a:255}
      },
      backlightOff:{
        background:{r:30,g:70,b:100,a:220},
        foreground:{r:30,g:120,b:150,a:220},
        outline:{r:30,g:225,b:255,a:220},
        text:{r:255,g:255,b:255,a:230}
      }
    };
  }
  place(_x,_y,_w,_h){this.x=_x;this.y=_y;this.w=_w;this.h=_h;}
  hitTest(_x,_y){if((_x>=this.x)&&(_y>=this.y)&&(_x<(this.x+this.w))&&(_y<(this.y+this.h))&&this.isEnabled) return true; return false;}
  onTrigger(_id){console.log("GUI id: "+_id+" label: "+this.label+" millis: "+this.changeTime.millis+" frameCount: "+this.changeTime.frameCount);}
  broadcast(){this.onTrigger(this.id);} // rather shouldnt be used
  trigger(){
    if(this.p){this.changeTime.frameCount=this.p.frameCount; this.changeTime.millis=this.p.millis();}
    if(this.id>=0) this.onTrigger(this.id);
  }
  setLabel(_label){this.label=_label;}
  getLabel(){return this.label;}
  draw(_fontName,_fontSize){
    // draw bg
    this.pg.noStroke(); 
    if(this.isBacklighted){
      this.pg.fill(this.colors.backlightOn.background.r,this.colors.backlightOn.background.g,this.colors.backlightOn.background.b,this.colors.backlightOn.background.a);
    }else{
      this.pg.fill(this.colors.backlightOff.background.r,this.colors.backlightOff.background.g,this.colors.backlightOff.background.b,this.colors.backlightOff.background.a);
    }
    this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    // draw indicator
    if((this.p.millis()-this.changeTime.millis)<this.blinkDuration){
      if(this.isBacklighted){
        this.pg.fill(this.colors.backlightOn.foreground.r,this.colors.backlightOn.foreground.g,this.colors.backlightOn.foreground.b,this.colors.backlightOn.foreground.a);
      }else{
        this.pg.fill(this.colors.backlightOff.foreground.r,this.colors.backlightOff.foreground.g,this.colors.backlightOff.foreground.b,this.colors.backlightOff.foreground.a);
      } 
      this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    }
    // draw outline
    this.pg.noFill(); this.pg.strokeWeight(this.outlineStrokeWeight);
    if(this.isBacklighted){
      this.pg.stroke(this.colors.backlightOn.outline.r,this.colors.backlightOn.outline.g,this.colors.backlightOn.outline.b,this.colors.backlightOn.outline.a);
    }else{
      this.pg.stroke(this.colors.backlightOff.outline.r,this.colors.backlightOff.outline.g,this.colors.backlightOff.outline.b,this.colors.backlightOff.outline.a);
    }
    this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    // draw label
    this.pg.noStroke();
    if(this.isBacklighted){
      this.pg.fill(this.colors.backlightOn.text.r,this.colors.backlightOn.text.g,this.colors.backlightOn.text.b,this.colors.backlightOn.text.a);
    }else{
      this.pg.fill(this.colors.backlightOff.text.r,this.colors.backlightOff.text.g,this.colors.backlightOff.text.b,this.colors.backlightOff.text.a);
    }
    this.pg.textAlign(this.p.CENTER,this.p.CENTER);
    this.pg.push();
      this.pg.translate(this.x+0.5*this.w,this.y+0.5*this.h);
      if(this.orientation===GUI.ORIENTATION_VERTICAL) this.pg.rotate(this.p.radians(this.verticalTextRotation));
      this.pg.text(this.label,0,0);
    this.pg.pop();
  }
}

class SimpleMidiNotesSelector{
  constructor(_x,_y,_w,_h,_orient,_firstKey,_numOfKeys){
    this.keyboardPattern=[[true,'C'],[false,'c#'],[true,'D'],[false,'d#'],[true,'E'],[true,'F'],[false,'f#'],[true,'G'],[false,'g#'],[true,'A'],[false,'a#'],[true,'B']];
    this.p=null;this.pg=null;this.isEnabled=true;this.changeTime={millis:-1,frameCount:-1};
    this.id=-1;this.verticalTextRotation=-90;this.outlineStrokeWeight=1;
    this.x=_x;this.y=_y;this.w=_w;this.h=_h;this.orientation=_orient;
    this.roundCorner=3; this.isBacklighted=false;
    this.colors={
      backlightOn:{
        outline:{r:30,g:225,b:255,a:255},
        pressed:{
          natural:{r:200,g:200,b:200,a:255},
          sharp:{r:0,g:0,b:0,a:255},
          //foreground:{r:0,g:150,b:150,a:255},
          naturaltext:{r:0,g:0,b:0,a:255},
          sharptext:{r:255,g:255,b:255,a:255}
        },
        released:{
          natural:{r:200,g:200,b:200,a:125},
          sharp:{r:0,g:0,b:0,a:155},
          //foreground:{r:0,g:150,b:150,a:125},
          naturaltext:{r:0,g:0,b:0,a:125},
          sharptext:{r:255,g:255,b:255,a:125}
        }
      },
      backlightOff:{
        outline:{r:30,g:225,b:255,a:220},
        pressed:{
          natural:{r:200,g:200,b:200,a:220},
          sharp:{r:0,g:0,b:0,a:220},
          //foreground:{r:0,g:150,b:150,a:220},
          naturaltext:{r:0,g:0,b:0,a:230},
          sharptext:{r:255,g:255,b:255,a:230}
        },
        released:{
          natural:{r:200,g:200,b:200,a:90},
          sharp:{r:0,g:0,b:0,a:120},
          //foreground:{r:0,g:150,b:150,a:90},
          naturaltext:{r:0,g:0,b:0,a:100},
          sharptext:{r:255,g:255,b:255,a:100}
        }
      }
    };
    this.firstKey=_firstKey;this.numOfKeys=_numOfKeys;this.keys=[];
    if(this.orientation===GUI.ORIENTATION_HORIZONTAL){
      for(let i=0;i<this.numOfKeys;i++){
        let n=(this.firstKey+i)%this.keyboardPattern.length;
        this.keys[i]={
          isNatural:this.keyboardPattern[n][0],label:this.keyboardPattern[n][1],
          x:(this.x+this.w*i),y:this.y,w:this.w,h:this.h,midiKey:(this.firstKey+i),isPressed:false
        };
      }
      this.w*=this.numOfKeys;
    }else{ // orientation vertical
      for(let i=0;i<this.numOfKeys;i++){
        let n=(this.firstKey+i)%this.keyboardPattern.length;
        this.keys[i]={
          isNatural:this.keyboardPattern[n][0],label:this.keyboardPattern[n][1],
          x:this.x,y:(this.y+this.h*(this.numOfKeys-i-1)),w:this.w,h:this.h,midiKey:(this.firstKey+i),isPressed:false
        };
      }
      this.h*=this.numOfKeys;
    }
  }
  setLabel(_label){/*no label*/}
  getLabel(){return ""; /*no label*/}
  getNumberOfPressedKeys(){let result=0; for(let i=0;i<this.numOfKeys;i++) if(this.keys[i].isPressed) result+=1; return result;}
  getAllValuesAsArray(){let result=[]; for(let i=0;i<this.numOfKeys;i++) result[i]=this.keys[i].isPressed; return result;}
  hitTest(_x,_y){if((_x>=this.x)&&(_y>=this.y)&&(_x<(this.x+this.w))&&(_y<(this.y+this.h))&&this.isEnabled) return true; return false;}
  hitTestAllKeys(_x,_y){for(let i=0;i<this.numOfKeys;i++){if(this.hitTestKeyAccessedById(i,_x,_y)) return i;} return -1;}
  hitTestKeyAccessedById(_id,_x,_y){return this.hitTestKey(this.keys[_id],_x,_y);}
  hitTestKey(_key,_x,_y){if((_x>=_key.x)&&(_y>=_key.y)&&(_x<(_key.x+_key.w))&&(_y<(_key.y+_key.h))&&this.isEnabled) return true; return false;}
  broadcast(){this.onChange(this.id,-1,-1);}
  onChange(_id,_keyNum,_status){
    console.log(
      "GUI id: "+_id+" keyNum: "+_keyNum+" status: "+_status+
      " millis: "+this.changeTime.millis+" frameCount: "+this.changeTime.frameCount
    );
  }
  setMidiKey(_midiKey,_status){this.setKeyAccessedByIndex(_midiKey-this.firstKey,_status);}
  setKeyAccessedByIndex(_keyIndex,_status){
    _status=(_status>0); _keyIndex=Math.abs(Math.floor(_keyIndex));
    if(_keyIndex<0) _keyIndex=0; if(_keyIndex>=this.numOfKeys) _keyIndex=this.numOfKeys-1;
    if(_status===this.keys[_keyIndex].isPressed) return;
    this.keys[_keyIndex].isPressed=_status;
    if(this.p){this.changeTime.frameCount=this.p.frameCount; this.changeTime.millis=this.p.millis();}
    if(this.id>=0) this.onChange(this.id,_keyIndex,_status);
  }
  getMidiKey(_midiKey){this.getKeyAccessedByIndex(_midiKey-this.firstKey);}
  getKeyAccessedByIndex(_keyIndex){
    _keyIndex=Math.abs(Math.floor(_keyIndex));
    if(_keyIndex<0) _keyIndex=0; if(_keyIndex>=this.numOfKeys) _keyIndex=this.numOfKeys-1;
    return this.keys[_keyIndex];
  }
  draw(_fontName,_fontSize){
    // draw bg
    this.pg.noStroke(); 
    for(let i=0;i<this.keys.length;i++){
      if(this.keys[i].isPressed){
        if(this.isBacklighted){
          if(this.keys[i].isNatural)
            this.pg.fill(this.colors.backlightOn.pressed.natural.r,this.colors.backlightOn.pressed.natural.g,this.colors.backlightOn.pressed.natural.b,this.colors.backlightOn.pressed.natural.a);
          else
            this.pg.fill(this.colors.backlightOn.pressed.sharp.r,this.colors.backlightOn.pressed.sharp.g,this.colors.backlightOn.pressed.sharp.b,this.colors.backlightOn.pressed.sharp.a);
        }else{
          if(this.keys[i].isNatural)
            this.pg.fill(this.colors.backlightOff.pressed.natural.r,this.colors.backlightOff.pressed.natural.g,this.colors.backlightOff.pressed.natural.b,this.colors.backlightOff.pressed.natural.a);
          else
            this.pg.fill(this.colors.backlightOff.pressed.sharp.r,this.colors.backlightOff.pressed.sharp.g,this.colors.backlightOff.pressed.sharp.b,this.colors.backlightOff.pressed.sharp.a);
        }
      }else{
        if(this.isBacklighted){
          if(this.keys[i].isNatural)
            this.pg.fill(this.colors.backlightOn.released.natural.r,this.colors.backlightOn.released.natural.g,this.colors.backlightOn.released.natural.b,this.colors.backlightOn.released.natural.a);
          else
            this.pg.fill(this.colors.backlightOn.released.sharp.r,this.colors.backlightOn.released.sharp.g,this.colors.backlightOn.released.sharp.b,this.colors.backlightOn.released.sharp.a);
        }else{
          if(this.keys[i].isNatural)
            this.pg.fill(this.colors.backlightOff.released.natural.r,this.colors.backlightOff.released.natural.g,this.colors.backlightOff.released.natural.b,this.colors.backlightOff.released.natural.a);
          else
            this.pg.fill(this.colors.backlightOff.released.sharp.r,this.colors.backlightOff.released.sharp.g,this.colors.backlightOff.released.sharp.b,this.colors.backlightOff.released.sharp.a);
        }
      }
      if(this.orientation===GUI.ORIENTATION_HORIZONTAL){
        if(i===0){
          this.pg.rect(this.keys[i].x,this.keys[i].y,this.keys[i].w,this.keys[i].h,this.roundCorner,0,0,this.roundCorner);
        }else{
          if(i===(this.keys.length-1))
            this.pg.rect(this.keys[i].x,this.keys[i].y,this.keys[i].w,this.keys[i].h,0,this.roundCorner,this.roundCorner,0);
          else
            this.pg.rect(this.keys[i].x,this.keys[i].y,this.keys[i].w,this.keys[i].h);
        }
      }else{ // orientation vertical
        if(i===0){
          this.pg.rect(this.keys[i].x,this.keys[i].y,this.keys[i].w,this.keys[i].h,0,0,this.roundCorner,this.roundCorner);
        }else{
          if(i===(this.keys.length-1))
            this.pg.rect(this.keys[i].x,this.keys[i].y,this.keys[i].w,this.keys[i].h,this.roundCorner,this.roundCorner,0,0);
          else
            this.pg.rect(this.keys[i].x,this.keys[i].y,this.keys[i].w,this.keys[i].h);
        }
      }
    }
    // draw indicator
    /*
    if(this.isBacklighted){
      this.p.fill(this.colors.backlightOn.foreground.r,this.colors.backlightOn.foreground.g,this.colors.backlightOn.foreground.b,this.colors.backlightOn.foreground.a);
    }else{
      this.p.fill(this.colors.backlightOff.foreground.r,this.colors.backlightOff.foreground.g,this.colors.backlightOff.foreground.b,this.colors.backlightOff.foreground.a);
    } 
    if(this.value) this.p.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    */
    // draw outline
    this.pg.noFill(); this.pg.strokeWeight(this.outlineStrokeWeight);
    if(this.isBacklighted){
      this.pg.stroke(this.colors.backlightOn.outline.r,this.colors.backlightOn.outline.g,this.colors.backlightOn.outline.b,this.colors.backlightOn.outline.a);
    }else{
      this.pg.stroke(this.colors.backlightOff.outline.r,this.colors.backlightOff.outline.g,this.colors.backlightOff.outline.b,this.colors.backlightOff.outline.a);
    }
    this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    if(this.orientation===GUI.ORIENTATION_HORIZONTAL)
      for(let i=1;i<this.keys.length;i++) this.pg.line(this.keys[i].x,this.keys[i].y+1,this.keys[i].x,this.keys[i].y+this.keys[i].h-1);
    else // orientation vertical
      for(let i=1;i<this.keys.length;i++) this.pg.line(this.keys[i-1].x+1,this.keys[i-1].y,this.keys[i-1].x+this.keys[i-1].w-1,this.keys[i-1].y);
    // draw label
    this.pg.noStroke();
    this.pg.textAlign(this.p.CENTER,this.p.CENTER);
    for(let i=0;i<this.keys.length;i++){
      if(this.keys[i].isPressed){
        if(this.isBacklighted){
          if(this.keys[i].isNatural)
            this.pg.fill(this.colors.backlightOn.pressed.naturaltext.r,this.colors.backlightOn.pressed.naturaltext.g,this.colors.backlightOn.pressed.naturaltext.b,this.colors.backlightOn.pressed.naturaltext.a);
          else
            this.pg.fill(this.colors.backlightOn.pressed.sharptext.r,this.colors.backlightOn.pressed.sharptext.g,this.colors.backlightOn.pressed.sharptext.b,this.colors.backlightOn.pressed.sharptext.a);
        }else{
          if(this.keys[i].isNatural)
            this.pg.fill(this.colors.backlightOff.pressed.naturaltext.r,this.colors.backlightOff.pressed.naturaltext.g,this.colors.backlightOff.pressed.naturaltext.b,this.colors.backlightOff.pressed.naturaltext.a);
          else
            this.pg.fill(this.colors.backlightOff.pressed.sharptext.r,this.colors.backlightOff.pressed.sharptext.g,this.colors.backlightOff.pressed.sharptext.b,this.colors.backlightOff.pressed.sharptext.a);
        }
      }else{
        if(this.isBacklighted){
          if(this.keys[i].isNatural)
            this.pg.fill(this.colors.backlightOn.released.naturaltext.r,this.colors.backlightOn.released.naturaltext.g,this.colors.backlightOn.released.naturaltext.b,this.colors.backlightOn.released.naturaltext.a);
          else
            this.pg.fill(this.colors.backlightOn.released.sharptext.r,this.colors.backlightOn.released.sharptext.g,this.colors.backlightOn.released.sharptext.b,this.colors.backlightOn.released.sharptext.a);
        }else{
          if(this.keys[i].isNatural)
            this.pg.fill(this.colors.backlightOff.released.naturaltext.r,this.colors.backlightOff.released.naturaltext.g,this.colors.backlightOff.released.naturaltext.b,this.colors.backlightOff.released.naturaltext.a);
          else
            this.pg.fill(this.colors.backlightOff.released.sharptext.r,this.colors.backlightOff.released.sharptext.g,this.colors.backlightOff.released.sharptext.b,this.colors.backlightOff.released.sharptext.a);
        }
      }
      this.pg.push();
        this.pg.translate(this.keys[i].x+0.5*this.keys[i].w,this.keys[i].y+0.5*this.keys[i].h);
        if(this.orientation===GUI.ORIENTATION_HORIZONTAL){
          // nothing to do
        }else{ // orientation vertical
          this.pg.rotate(this.p.radians(this.verticalTextRotation));
        }
        this.pg.text(this.keys[i].label,0,0);
      this.pg.pop();
    }
  }
}

class SimpleCellularAutomaton1DSetup{
  constructor(_x,_y,_w,_h,_orient){
    this.cases=[
      /*0*/ {code:"000",status:false,x:_x,y:_y,w:_w,h:_h,bcode:[false,false,false]},
      /*1*/ {code:"001",status:true,x:_x,y:_y,w:_w,h:_h,bcode:[false,false,true]},
      /*2*/ {code:"010",status:true,x:_x,y:_y,w:_w,h:_h,bcode:[false,true,false]},
      /*3*/ {code:"011",status:false,x:_x,y:_y,w:_w,h:_h,bcode:[false,true,true]},
      /*4*/ {code:"100",status:true,x:_x,y:_y,w:_w,h:_h,bcode:[true,false,false]},
      /*5*/ {code:"101",status:false,x:_x,y:_y,w:_w,h:_h,bcode:[true,false,true]},
      /*6*/ {code:"110",status:false,x:_x,y:_y,w:_w,h:_h,bcode:[true,true,false]},
      /*7*/ {code:"111",status:false,x:_x,y:_y,w:_w,h:_h,bcode:[true,true,true]}
    ];
    this.p=null;this.pg=null;this.isEnabled=true;this.changeTime={millis:-1,frameCount:-1};
    this.id=-1;this.verticalTextRotation=-90;this.outlineStrokeWeight=1;
    this.x=_x;this.y=_y;this.w=_w;this.h=_h;this.orientation=_orient;
    this.roundCorner=3; this.isBacklighted=false;
    this.colors={
      backlightOn:{
        outline:{r:30,g:225,b:255,a:255},
        background:{r:30,g:70,b:100,a:255},
        prevCell:{r:255,g:255,b:255,a:200},
        currCell:{r:255,g:255,b:255,a:255}
        //foreground:{r:0,g:150,b:150,a:255}
      },
      backlightOff:{
        outline:{r:30,g:225,b:255,a:220},
        background:{r:30,g:70,b:100,a:220},
        prevCell:{r:255,g:255,b:255,a:170},
        currCell:{r:255,g:255,b:255,a:225}
        //foreground:{r:0,g:150,b:150,a:220}
      }
    };
    if(this.orientation===GUI.ORIENTATION_HORIZONTAL){
      for(let i=0;i<this.cases.length;i++) this.cases[i].x=this.x+this.w*i;
      this.w*=this.cases.length;
    }else{ // orientation vertical
      for(let i=0;i<this.cases.length;i++) this.cases[i].y=this.y+this.h*i;
      this.h*=this.cases.length;
    }
  }
  setLabel(_label){/*no label*/}
  getLabel(){return ""; /*no label*/}
  getAllValuesAsArray(){let result=[]; for(let i=0;i<this.cases.length;i++) result[i]=this.cases.status; return result;}
  hitTest(_x,_y){if((_x>=this.x)&&(_y>=this.y)&&(_x<(this.x+this.w))&&(_y<(this.y+this.h))&&this.isEnabled) return true; return false;}
  hitTestAllCases(_x,_y){for(let i=0;i<this.cases.length;i++){if(this.hitTestCaseAccessedById(i,_x,_y)) return i;} return -1;}
  hitTestCaseAccessedById(_id,_x,_y){return this.hitTestCase(this.cases[_id],_x,_y);}
  hitTestCase(_case,_x,_y){if((_x>=_case.x)&&(_y>=_case.y)&&(_x<(_case.x+_case.w))&&(_y<(_case.y+_case.h))&&this.isEnabled) return true; return false;}
  broadcast(){this.onChange(this.id,-1,-1);}
  onChange(_id,_caseNum,_status){
    console.log(
      "GUI id: "+_id+" caseNum: "+_caseNum+" status: "+_status+
      " millis: "+this.changeTime.millis+" frameCount: "+this.changeTime.frameCount
    );
  }
  findCaseIndexByCode(_code){for(let i=0;i<this.cases.length;i++) if(_code===this.cases[i].code) return i; return -1;}
  setRule(_v000,_v001,_v010,_v011,_v100,_v101,_v110,_v111){
    if(!isNaN(_v000)) this.setCaseStatusAccessedByIndex(0,(_v000>0));
    if(!isNaN(_v001)) this.setCaseStatusAccessedByIndex(1,(_v001>0));
    if(!isNaN(_v010)) this.setCaseStatusAccessedByIndex(2,(_v010>0));
    if(!isNaN(_v011)) this.setCaseStatusAccessedByIndex(3,(_v011>0));
    if(!isNaN(_v100)) this.setCaseStatusAccessedByIndex(4,(_v100>0));
    if(!isNaN(_v101)) this.setCaseStatusAccessedByIndex(5,(_v101>0));
    if(!isNaN(_v110)) this.setCaseStatusAccessedByIndex(6,(_v110>0));
    if(!isNaN(_v111)) this.setCaseStatusAccessedByIndex(7,(_v111>0));
  }
  setCaseStatus(_code, _status){let idx=this.findCaseIndexByCode; if(idx<0) return; this.setCaseStatusAccessedByIndex(idx,_status);}
  setCaseStatusAccessedByIndex(_index,_status){
    _status=(_status>0); _index=Math.abs(Math.floor(_index));
    if(_index>=this.cases.length) _index=this.cases.length-1;
    if(_status===this.cases[_index].status) return;
    this.cases[_index].status=_status;
    if(this.p){this.changeTime.frameCount=this.p.frameCount; this.changeTime.millis=this.p.millis();}
    if(this.id>=0) this.onChange(this.id,_index,_status);
  }
  getCaseStatusAccessedByCode(_code){return this.getCaseStatusAccessedByIndex(this.findCaseIndexByCode(_code));}
  getCaseStatusAccessedByIndex(_idx){return this.cases[_idx].status;}
  draw(_fontName,_fontSize){
    // draw bg
    this.pg.noStroke();
    if(this.isBacklighted)
      this.pg.fill(this.colors.backlightOn.background.r,this.colors.backlightOn.background.g,this.colors.backlightOn.background.b,this.colors.backlightOn.background.a);
    else
      this.pg.fill(this.colors.backlightOff.background.r,this.colors.backlightOff.background.g,this.colors.backlightOff.background.b,this.colors.backlightOff.background.a);
    this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    let tempw,temph;
    for(let i=0;i<this.cases.length;i++){
      tempw=this.cases[i].w/3; temph=this.cases[i].h/2;
      for(let j=0;j<this.cases[i].bcode.length;j++){
        if(this.isBacklighted){
          if(this.cases[i].bcode[j]){
            this.pg.noStroke(); this.pg.fill(this.colors.backlightOn.prevCell.r,this.colors.backlightOn.prevCell.g,this.colors.backlightOn.prevCell.b,this.colors.backlightOn.prevCell.a);
          }else{
            this.pg.noFill(); this.pg.stroke(this.colors.backlightOn.prevCell.r,this.colors.backlightOn.prevCell.g,this.colors.backlightOn.prevCell.b,this.colors.backlightOn.prevCell.a);
          }
        }else{
          if(this.cases[i].bcode[j]){
            this.pg.noStroke(); this.pg.fill(this.colors.backlightOff.prevCell.r,this.colors.backlightOff.prevCell.g,this.colors.backlightOff.prevCell.b,this.colors.backlightOff.prevCell.a);
          }else{
            this.pg.noFill(); this.pg.stroke(this.colors.backlightOff.prevCell.r,this.colors.backlightOff.prevCell.g,this.colors.backlightOff.prevCell.b,this.colors.backlightOff.prevCell.a);
          }
        }
        this.pg.rect(
          this.cases[i].x+j*tempw+2,
          this.cases[i].y+2,
          tempw-4,temph-4,
          this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner
        );
      }
      if(this.isBacklighted){
        if(this.cases[i].status){
          this.pg.noStroke(); this.pg.fill(this.colors.backlightOn.currCell.r,this.colors.backlightOn.currCell.g,this.colors.backlightOn.currCell.b,this.colors.backlightOn.currCell.a);
        }else{
          this.pg.noFill(); this.pg.stroke(this.colors.backlightOn.currCell.r,this.colors.backlightOn.currCell.g,this.colors.backlightOn.currCell.b,this.colors.backlightOn.currCell.a);
        }
      }else{
        if(this.cases[i].status){
          this.pg.noStroke(); this.pg.fill(this.colors.backlightOff.currCell.r,this.colors.backlightOff.currCell.g,this.colors.backlightOff.currCell.b,this.colors.backlightOff.currCell.a);
        }else{
          this.pg.noFill(); this.pg.stroke(this.colors.backlightOff.currCell.r,this.colors.backlightOff.currCell.g,this.colors.backlightOff.currCell.b,this.colors.backlightOff.currCell.a);
        }
      }
      this.pg.rect(
        this.cases[i].x+tempw+2,
        this.cases[i].y+temph+2,
        tempw-4,temph-4,
        this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner
      );
    }
    // draw outline
    this.pg.noFill(); this.pg.strokeWeight(this.outlineStrokeWeight);
    if(this.isBacklighted){
      this.pg.stroke(this.colors.backlightOn.outline.r,this.colors.backlightOn.outline.g,this.colors.backlightOn.outline.b,this.colors.backlightOn.outline.a);
    }else{
      this.pg.stroke(this.colors.backlightOff.outline.r,this.colors.backlightOff.outline.g,this.colors.backlightOff.outline.b,this.colors.backlightOff.outline.a);
    }
    this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
    if(this.orientation===GUI.ORIENTATION_HORIZONTAL)
      for(let i=1;i<this.cases.length;i++) this.pg.line(this.cases[i].x,this.cases[i].y+1,this.cases[i].x,this.cases[i].y+this.cases[i].h-1);
    else // orientation vertical
      for(let i=1;i<this.cases.length;i++) this.pg.line(this.cases[i-1].x+1,this.cases[i-1].y,this.cases[i-1].x+this.cases[i-1].w-1,this.cases[i-1].y);
  }
}

class SimpleLangSelector{
  constructor(_x,_y,_w,_h,_orient,_value,_label){
    this.p=null; this.pg=null; this.isEnabled=true; this.changeTime={millis:-1,frameCount:-1};
    this.id=-1;this.verticalTextRotation=-90;this.outlineStrokeWeight=1;
    this.x=_x;this.y=_y;this.w=_w;this.h=_h;this.orientation=_orient;
    this.label=_label;this.items=[];this.setValue(_value);
    this.roundCorner=3; this.isBacklighted=false;
    this.colors={
      backlightOn:{
        pressed:{
          background:{r:30,g:70,b:100,a:205},
          text:{r:255,g:255,b:255,a:205}
        },
        released:{
          background:{r:30,g:70,b:100,a:255},
          text:{r:255,g:255,b:255,a:255}
        }
      },
      backlightOff:{
        pressed:{
          background:{r:30,g:70,b:100,a:170},
          text:{r:255,g:255,b:255,a:170}
        },
        released:{
          background:{r:30,g:70,b:100,a:220},
          text:{r:255,g:255,b:255,a:230}
        }
      }
    };
  }
  setItems(_items){
    // orientation not handled yet
    for(let i=0;i<_items.length;i++){
      this.items[i]={
        label:_items[i].label, iconAsUnicode:_items[i].iconAsUnicode,
        x:(this.x+this.w*i),y:this.y,w:this.w,h:this.h
      };
    }
    this.w*=this.items.length;
  }
  hitTest(_x,_y){if((_x>=this.x)&&(_y>=this.y)&&(_x<(this.x+this.w))&&(_y<(this.y+this.h))&&this.isEnabled) return true; return false;}
  hitTestAllItems(_x,_y){
    if(!this.isEnabled) return -1;
    for(let i=0;i<this.items.length;i++){
      if((_x>=this.items[i].x)&&(_y>=this.items[i].y)&&(_x<(this.items[i].x+this.items[i].w))&&(_y<(this.items[i].y+this.items[i].h))) return i;
    }
    return -1;
  }
  broadcast(){this.onChange(this.id,this.value);}
  onChange(_id, _v){console.log("GUI id: "+_id+" label: "+this.label+" value: "+_v+" millis: "+this.changeTime.millis+" frameCount: "+this.changeTime.frameCount);}
  setValue(_v){
    this.value=Math.floor(Math.abs(_v));
    if(this.p){this.changeTime.frameCount=this.p.frameCount; this.changeTime.millis=this.p.millis();}
    if(this.id>=0) this.onChange(this.id,this.value);
  }
  setValueFromLanguageCode(_langCode){
    if(_langCode===null) return; if(_langCode.length<1) return;
    _langCode=_langCode.toLowerCase();
    for(let i=0;i<this.items.length;i++){
      if(_langCode===this.items[i].label.toLowerCase()){
        this.setValue(i); return;
      }
    }
  }
  getValue(){return this.value;}
  setLabel(_label){this.label=_label;}
  getLabel(){return this.label;}
  draw(_fontName,_fontSize){
    // draw bg
    this.pg.noStroke();
    for(let i=0;i<this.items.length;i++){
      if(this.value===i){ // is pressed (selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.pressed.background.r,this.colors.backlightOn.pressed.background.g,this.colors.backlightOn.pressed.background.b,this.colors.backlightOn.pressed.background.a);
        }else{
          this.pg.fill(this.colors.backlightOff.pressed.background.r,this.colors.backlightOff.pressed.background.g,this.colors.backlightOff.pressed.background.b,this.colors.backlightOff.pressed.background.a);
        }
      }else{ // is released (not selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.released.background.r,this.colors.backlightOn.released.background.g,this.colors.backlightOn.released.background.b,this.colors.backlightOn.released.background.a);
        }else{
          this.pg.fill(this.colors.backlightOff.released.background.r,this.colors.backlightOff.released.background.g,this.colors.backlightOff.released.background.b,this.colors.backlightOff.released.background.a);
        }
      }
      if(i===0){
        if(this.items.length===1){
          this.pg.rect(this.items[i].x,this.items[i].y,this.items[i].w,this.items[i].h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
        }else{
          this.pg.rect(this.items[i].x,this.items[i].y,this.items[i].w,this.items[i].h,this.roundCorner,0,0,this.roundCorner);
        }
        continue;
      }
      if(i===(this.items.length-1)){
        this.pg.rect(this.items[i].x,this.items[i].y,this.items[i].w,this.items[i].h,0,this.roundCorner,this.roundCorner,0);
        continue;
      }
      this.pg.rect(this.items[i].x,this.items[i].y,this.items[i].w,this.items[i].h);
    }
    this.pg.noStroke();
    this.pg.textAlign(this.p.CENTER,this.p.TOP);
    this.pg.textSize(_fontSize*3);
    for(let i=0;i<this.items.length;i++){
      if(this.value===i){ // is pressed (selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.pressed.text.r,this.colors.backlightOn.pressed.text.g,this.colors.backlightOn.pressed.text.b,this.colors.backlightOn.pressed.text.a);
        }else{
          this.pg.fill(this.colors.backlightOff.pressed.text.r,this.colors.backlightOff.pressed.text.g,this.colors.backlightOff.pressed.text.b,this.colors.backlightOff.pressed.text.a);
        }
      }else{ // is released (not selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.released.text.r,this.colors.backlightOn.released.text.g,this.colors.backlightOn.released.text.b,this.colors.backlightOn.released.text.a);
        }else{
          this.pg.fill(this.colors.backlightOff.released.text.r,this.colors.backlightOff.released.text.g,this.colors.backlightOff.released.text.b,this.colors.backlightOff.released.text.a);
        }
      }
      this.pg.text(this.items[i].iconAsUnicode,this.items[i].x+this.items[i].w*0.5,this.items[i].y);
    }
    this.pg.textAlign(this.p.CENTER,this.p.BOTTOM);
    this.pg.textSize(_fontSize);
    for(let i=0;i<this.items.length;i++){
      if(this.value===i){ // is pressed (selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.pressed.text.r,this.colors.backlightOn.pressed.text.g,this.colors.backlightOn.pressed.text.b,this.colors.backlightOn.pressed.text.a);
        }else{
          this.pg.fill(this.colors.backlightOff.pressed.text.r,this.colors.backlightOff.pressed.text.g,this.colors.backlightOff.pressed.text.b,this.colors.backlightOff.pressed.text.a);
        }
      }else{ // is released (not selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.released.text.r,this.colors.backlightOn.released.text.g,this.colors.backlightOn.released.text.b,this.colors.backlightOn.released.text.a);
        }else{
          this.pg.fill(this.colors.backlightOff.released.text.r,this.colors.backlightOff.released.text.g,this.colors.backlightOff.released.text.b,this.colors.backlightOff.released.text.a);
        }
      }
      this.pg.text(this.items[i].label,this.items[i].x+this.items[i].w*0.5,this.items[i].y+this.items[i].h-3);
    }
  }
}
class SimpleRadio{
  constructor(_x,_y,_w,_h,_orient,_value,_label){
    this.p=null; this.pg=null; this.isEnabled=true; this.changeTime={millis:-1,frameCount:-1};
    this.id=-1;this.verticalTextRotation=-90;this.outlineStrokeWeight=1;
    this.x=_x;this.y=_y;this.w=_w;this.h=_h;this.orientation=_orient;
    this.label=_label;this.items=[];//this.setValue(_value);
    this.roundCorner=3; this.isBacklighted=false;
    this.colors={
      backlightOn:{
        outline:{r:30,g:225,b:255,a:255},
        pressed:{
          background:{r:30,g:70,b:100,a:205},
          text:{r:255,g:255,b:255,a:205}
        },
        released:{
          background:{r:30,g:70,b:100,a:255},
          text:{r:255,g:255,b:255,a:255}
        }
      },
      backlightOff:{
        outline:{r:30,g:225,b:255,a:220},
        pressed:{
          background:{r:30,g:70,b:100,a:170},
          text:{r:255,g:255,b:255,a:170}
        },
        released:{
          background:{r:30,g:70,b:100,a:220},
          text:{r:255,g:255,b:255,a:230}
        }
      }
    };
  }
  setItems(_items){
    // orientation not handled yet
    for(let i=0;i<_items.length;i++){
      this.items[i]={
        label:_items[i].label, //iconAsUnicode:_items[i].iconAsUnicode,
        x:(this.x+this.w*i),y:this.y,w:this.w,h:this.h
      };
    }
    this.w*=this.items.length;
  }
  hitTest(_x,_y){if((_x>=this.x)&&(_y>=this.y)&&(_x<(this.x+this.w))&&(_y<(this.y+this.h))&&this.isEnabled) return true; return false;}
  hitTestAllItems(_x,_y){
    if(!this.isEnabled) return -1;
    for(let i=0;i<this.items.length;i++){
      if((_x>=this.items[i].x)&&(_y>=this.items[i].y)&&(_x<(this.items[i].x+this.items[i].w))&&(_y<(this.items[i].y+this.items[i].h))) return i;
    }
    return -1;
  }
  broadcast(){this.onChange(this.id,this.value);}
  onChange(_id, _v){console.log("GUI id: "+_id+" label: "+this.label+" value: "+_v+" millis: "+this.changeTime.millis+" frameCount: "+this.changeTime.frameCount);}
  setValue(_v){
    if(isNaN(_v)){console.log("[SimpleRadio, setValue] _v is NaN: "+_v); return;}
    _v=Math.floor(_v);
    if(_v<0){console.log("[SimpleRadio, setValue] _v < 0, _v: "+_v); return;}
    if(_v>=this.items.length){console.log("[SimpleRadio, setValue] _v >= items.length, _v: "+_v); return;}
    this.value=_v;
    if(this.p){this.changeTime.frameCount=this.p.frameCount; this.changeTime.millis=this.p.millis();}
    if(this.id>=0) this.onChange(this.id,this.value);
  }
  getValue(){return this.value;}
  setLabel(_label){this.label=_label;}
  getLabel(){return this.label;}
  draw(_fontName,_fontSize){
    // draw bg
    this.pg.noStroke();
    for(let i=0;i<this.items.length;i++){
      if(this.value===i){ // is pressed (selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.pressed.background.r,this.colors.backlightOn.pressed.background.g,this.colors.backlightOn.pressed.background.b,this.colors.backlightOn.pressed.background.a);
        }else{
          this.pg.fill(this.colors.backlightOff.pressed.background.r,this.colors.backlightOff.pressed.background.g,this.colors.backlightOff.pressed.background.b,this.colors.backlightOff.pressed.background.a);
        }
      }else{ // is released (not selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.released.background.r,this.colors.backlightOn.released.background.g,this.colors.backlightOn.released.background.b,this.colors.backlightOn.released.background.a);
        }else{
          this.pg.fill(this.colors.backlightOff.released.background.r,this.colors.backlightOff.released.background.g,this.colors.backlightOff.released.background.b,this.colors.backlightOff.released.background.a);
        }
      }
      if(i===0){
        if(this.items.length===1){
          this.pg.rect(this.items[i].x,this.items[i].y,this.items[i].w,this.items[i].h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
        }else{
          this.pg.rect(this.items[i].x,this.items[i].y,this.items[i].w,this.items[i].h,this.roundCorner,0,0,this.roundCorner);
        }
        continue;
      }
      if(i===(this.items.length-1)){
        this.pg.rect(this.items[i].x,this.items[i].y,this.items[i].w,this.items[i].h,0,this.roundCorner,this.roundCorner,0);
        continue;
      }
      this.pg.rect(this.items[i].x,this.items[i].y,this.items[i].w,this.items[i].h);
    }
    this.pg.noStroke();
    //this.pg.textAlign(this.p.CENTER,this.p.TOP); this.pg.textSize(_fontSize*3);
    /*
    for(let i=0;i<this.items.length;i++){
      if(this.value===i){ // is pressed (selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.pressed.text.r,this.colors.backlightOn.pressed.text.g,this.colors.backlightOn.pressed.text.b,this.colors.backlightOn.pressed.text.a);
        }else{
          this.pg.fill(this.colors.backlightOff.pressed.text.r,this.colors.backlightOff.pressed.text.g,this.colors.backlightOff.pressed.text.b,this.colors.backlightOff.pressed.text.a);
        }
      }else{ // is released (not selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.released.text.r,this.colors.backlightOn.released.text.g,this.colors.backlightOn.released.text.b,this.colors.backlightOn.released.text.a);
        }else{
          this.pg.fill(this.colors.backlightOff.released.text.r,this.colors.backlightOff.released.text.g,this.colors.backlightOff.released.text.b,this.colors.backlightOff.released.text.a);
        }
      }
      this.pg.text(this.items[i].iconAsUnicode,this.items[i].x+this.items[i].w*0.5,this.items[i].y);
    }
    */
    this.pg.textAlign(this.p.CENTER,this.p.CENTER); this.pg.textSize(_fontSize);
    for(let i=0;i<this.items.length;i++){
      if(this.value===i){ // is pressed (selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.pressed.text.r,this.colors.backlightOn.pressed.text.g,this.colors.backlightOn.pressed.text.b,this.colors.backlightOn.pressed.text.a);
        }else{
          this.pg.fill(this.colors.backlightOff.pressed.text.r,this.colors.backlightOff.pressed.text.g,this.colors.backlightOff.pressed.text.b,this.colors.backlightOff.pressed.text.a);
        }
      }else{ // is released (not selected)
        if(this.isBacklighted){
          this.pg.fill(this.colors.backlightOn.released.text.r,this.colors.backlightOn.released.text.g,this.colors.backlightOn.released.text.b,this.colors.backlightOn.released.text.a);
        }else{
          this.pg.fill(this.colors.backlightOff.released.text.r,this.colors.backlightOff.released.text.g,this.colors.backlightOff.released.text.b,this.colors.backlightOff.released.text.a);
        }
      }
      this.pg.text(this.items[i].label,this.items[i].x+this.items[i].w*0.5,this.items[i].y+this.items[i].h*0.5);
    }
    this.pg.noFill(); this.pg.strokeWeight(this.outlineStrokeWeight);
    if(this.isBacklighted)
      this.pg.stroke(this.colors.backlightOn.outline.r,this.colors.backlightOn.outline.g,this.colors.backlightOn.outline.b,this.colors.backlightOn.outline.a);
    else
      this.pg.stroke(this.colors.backlightOff.outline.r,this.colors.backlightOff.outline.g,this.colors.backlightOff.outline.b,this.colors.backlightOff.outline.a);
      this.pg.rect(this.x,this.y,this.w,this.h,this.roundCorner,this.roundCorner,this.roundCorner,this.roundCorner);
  }
}
								

									worker.js
									var i = 0;

function timedCount() {
    i = i + 1;
    postMessage(i);
}

setInterval(timedCount, 1000.0/60.);
								

									dr.js
									class Dr{
  constructor(_p,_theme,_guiContainer,_synth){
    this.p=_p; this.theme=_theme; this.guiContainer=_guiContainer; this.synth=_synth;
    this.euclid = new Euclid();
    this.numOfTracks=4; this.numOfSteps=16; this.tracks=[];
    this.ticks=0; this.clock={auto:true};
  }
  init(_numOfTracks){
    this.numOfTracks=_numOfTracks;
    for(let trk=0;trk<this.numOfTracks;trk++){
      this.tracks[trk]={loopLength:this.numOfSteps,playheadPos:0,steps:[]};
      for(let stp=0;stp<this.numOfSteps;stp++) this.tracks[trk].steps[stp]={isActive:false,x:-1,y:-1,w:-1,h:-1};
    }
  }
  clear(){
    for(let trk=0;trk<this.numOfTracks;trk++) this.clearTrack(trk);
  }
  randomize(){
    for(let trk=0;trk<this.numOfTracks;trk++) this.randomizeTrack(trk);
  }
  randomizeTrack(_trackId){
    for(let stp=0;stp<this.numOfSteps;stp++) this.tracks[_trackId].steps[stp].isActive=(Math.random()>0.5);
  }
  clearTrack(_trackId){
    for(let stp=0;stp<this.numOfSteps;stp++) this.tracks[_trackId].steps[stp].isActive=false;
  }
  handleTick(){
    let result=[]; this.ticks+=1; let pos=0; let prob=0.0;
    for(let i=0;i<this.tracks.length;i++){
      pos=this.ticks%this.tracks[i].loopLength;
      if(pos!==this.tracks[i].playheadPos){
        this.tracks[i].playheadPos=pos;
        if(this.tracks[i].steps[this.tracks[i].playheadPos].isActive){
          switch(i){
            case 0: prob=this.guiContainer.gui.items[this.guiContainer.handlers.toTrk1ProbSlider.id].getValue(); break;
            case 1: prob=this.guiContainer.gui.items[this.guiContainer.handlers.toTrk2ProbSlider.id].getValue(); break;
            case 2: prob=this.guiContainer.gui.items[this.guiContainer.handlers.toTrk3ProbSlider.id].getValue(); break;
            case 3: prob=this.guiContainer.gui.items[this.guiContainer.handlers.toTrk4ProbSlider.id].getValue(); break;
            case 4: prob=this.guiContainer.gui.items[this.guiContainer.handlers.toTrk5ProbSlider.id].getValue(); break;
            case 5: prob=this.guiContainer.gui.items[this.guiContainer.handlers.toTrk6ProbSlider.id].getValue(); break;
            case 6: prob=this.guiContainer.gui.items[this.guiContainer.handlers.toTrk7ProbSlider.id].getValue(); break;
            case 7: prob=this.guiContainer.gui.items[this.guiContainer.handlers.toTrk8ProbSlider.id].getValue(); break;
            default: console.log("[Dr, updatePlayheads] unhandled i: "+i);
          }
          if(Math.random()<prob){this.synth.triggerSoundByIndex(i,false);result[result.length]=i;}
        }
      }
    }
    return result;
  }
  place(_trackPanels,_padding){
    for(let trk=0;trk<this.numOfTracks;trk++){
      let segw=(_trackPanels[trk].w-_padding.left-_padding.right)/this.numOfSteps;
      let segh=_trackPanels[trk].h-_padding.top-_padding.bottom;
      let trackX=_trackPanels[trk].x+_padding.left;
      let trackY=_trackPanels[trk].y+_padding.top;
      for(let stp=0;stp<this.numOfSteps;stp++){
        this.tracks[trk].steps[stp].x=trackX+segw*stp+2;
        this.tracks[trk].steps[stp].y=trackY+2;
        this.tracks[trk].steps[stp].w=segw-4;
        this.tracks[trk].steps[stp].h=segh-4;
      }
    }
  }
  draw(){
    this.p.noStroke();
    for(let trk=0;trk<this.numOfTracks;trk++){
      for(let stp=0;stp<this.numOfSteps;stp++){
        if(stp>=this.tracks[trk].loopLength) continue;
        if(this.tracks[trk].steps[stp].isActive) this.p.fill(255); else this.p.fill(255,128);
        this.p.rect(
          this.tracks[trk].steps[stp].x,this.tracks[trk].steps[stp].y,
          this.tracks[trk].steps[stp].w,this.tracks[trk].steps[stp].h,
          5,5,5,5
        );
        if(stp===this.tracks[trk].playheadPos){
          this.p.fill(this.theme.bgColor.r,this.theme.bgColor.g,this.theme.bgColor.b);
          this.p.circle(
            this.tracks[trk].steps[stp].x+10,
            this.tracks[trk].steps[stp].y+10,
            10
          );
        }
      }
    }
  }
  hitTest(_x,_y){
    for(let trk=0;trk<this.numOfTracks;trk++){
      for(let stp=0;stp<this.numOfSteps;stp++){
        if((_x>=this.tracks[trk].steps[stp].x)&&(_x<(this.tracks[trk].steps[stp].x+this.tracks[trk].steps[stp].w))&&(_y>=this.tracks[trk].steps[stp].y)&&(_y<(this.tracks[trk].steps[stp].y+this.tracks[trk].steps[stp].h)))
          return {trackIndex:trk,stepIndex:stp};
      }
    }
    return {trackIndex:-1,stepIndex:-1};
  }
  v2i(_v){if(isNaN(_v)) return 0; if(_v>0) return 1; return 0;}
  getTrackSeq(_trackNum){
    let result=[];
    for(let i=0;i<this.tracks[_trackNum].steps.length;i++) result[result.length]=this.v2i(this.tracks[_trackNum].steps[i].isActive);
    return result;
  }
  sendTrackToMax(_trackNum){
    let arr=["track", _trackNum];
    for(let i=0;i<this.tracks[_trackNum].steps.length;i++) arr[arr.length]=this.v2i(this.tracks[_trackNum].steps[i].isActive);
    window.max.outlet.apply(window.max,["dr"].concat(arr));
  }
  sendTrackViaWebSocket(_trackNum, _ws){
    if(!_ws.isEnabled) return; let arr=["track", _trackNum];
    for(let i=0;i<this.tracks[_trackNum].steps.length;i++) arr[arr.length]=this.v2i(this.tracks[_trackNum].steps[i].isActive);
    _ws.send(["dr"].concat(arr));
  }
  setEuclTrack(_trackNum){
    let euclPat; let n=0;
    switch(_trackNum){
      case 0:
        euclPat = this.euclid.get(
          this.tracks[0].steps.length,
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk1EuclHitsSlider.id].getValue(),
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk1EuclRotSlider.id].getValue()
        );
        for(let i=0;i<this.tracks[0].steps.length;i++) this.tracks[0].steps[i].isActive=false;
        for(let i=0;i<euclPat.length;i++){
          n=i*this.guiContainer.gui.items[this.guiContainer.handlers.toTrk1EuclResolutionSlider.id].getValue();
          if(n>=this.tracks[0].steps.length) break;
          this.tracks[0].steps[n].isActive=euclPat[i];
        }
      break;
      case 1:
        euclPat = this.euclid.get(
          this.tracks[1].steps.length,
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk2EuclHitsSlider.id].getValue(),
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk2EuclRotSlider.id].getValue()
        );
        for(let i=0;i<this.tracks[1].steps.length;i++) this.tracks[1].steps[i].isActive=false;
        for(let i=0;i<euclPat.length;i++){
          n=i*this.guiContainer.gui.items[this.guiContainer.handlers.toTrk2EuclResolutionSlider.id].getValue();
          if(n>=this.tracks[1].steps.length) break;
          this.tracks[1].steps[n].isActive=euclPat[i];
        }
      break;
      case 2:
        euclPat = this.euclid.get(
          this.tracks[2].steps.length,
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk3EuclHitsSlider.id].getValue(),
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk3EuclRotSlider.id].getValue()
        );
        for(let i=0;i<this.tracks[2].steps.length;i++) this.tracks[2].steps[i].isActive=false;
        for(let i=0;i<euclPat.length;i++){
          n=i*this.guiContainer.gui.items[this.guiContainer.handlers.toTrk3EuclResolutionSlider.id].getValue();
          if(n>=this.tracks[2].steps.length) break;
          this.tracks[2].steps[n].isActive=euclPat[i];
        }
      break;
      case 3:
        euclPat = this.euclid.get(
          this.tracks[3].steps.length,
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk4EuclHitsSlider.id].getValue(),
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk4EuclRotSlider.id].getValue()
        );
        for(let i=0;i<this.tracks[3].steps.length;i++) this.tracks[3].steps[i].isActive=false;
        for(let i=0;i<euclPat.length;i++){
          n=i*this.guiContainer.gui.items[this.guiContainer.handlers.toTrk4EuclResolutionSlider.id].getValue();
          if(n>=this.tracks[3].steps.length) break;
          this.tracks[3].steps[n].isActive=euclPat[i];
        }
      break;
      case 4:
        euclPat = this.euclid.get(
          this.tracks[4].steps.length,
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk5EuclHitsSlider.id].getValue(),
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk5EuclRotSlider.id].getValue()
        );
        for(let i=0;i<this.tracks[4].steps.length;i++) this.tracks[4].steps[i].isActive=false;
        for(let i=0;i<euclPat.length;i++){
          n=i*this.guiContainer.gui.items[this.guiContainer.handlers.toTrk5EuclResolutionSlider.id].getValue();
          if(n>=this.tracks[4].steps.length) break;
          this.tracks[4].steps[n].isActive=euclPat[i];
        }
      break;
      case 5:
        euclPat = this.euclid.get(
          this.tracks[5].steps.length,
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk6EuclHitsSlider.id].getValue(),
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk6EuclRotSlider.id].getValue()
        );
        for(let i=0;i<this.tracks[5].steps.length;i++) this.tracks[5].steps[i].isActive=false;
        for(let i=0;i<euclPat.length;i++){
          n=i*this.guiContainer.gui.items[this.guiContainer.handlers.toTrk6EuclResolutionSlider.id].getValue();
          if(n>=this.tracks[5].steps.length) break;
          this.tracks[5].steps[n].isActive=euclPat[i];
        }
      break;
      case 6:
        euclPat = this.euclid.get(
          this.tracks[6].steps.length,
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk7EuclHitsSlider.id].getValue(),
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk7EuclRotSlider.id].getValue()
        );
        for(let i=0;i<this.tracks[6].steps.length;i++) this.tracks[6].steps[i].isActive=false;
        for(let i=0;i<euclPat.length;i++){
          n=i*this.guiContainer.gui.items[this.guiContainer.handlers.toTrk7EuclResolutionSlider.id].getValue();
          if(n>=this.tracks[6].steps.length) break;
          this.tracks[6].steps[n].isActive=euclPat[i];
        }
      break;
      case 7:
        euclPat = this.euclid.get(
          this.tracks[7].steps.length,
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk8EuclHitsSlider.id].getValue(),
          this.guiContainer.gui.items[this.guiContainer.handlers.toTrk8EuclRotSlider.id].getValue()
        );
        for(let i=0;i<this.tracks[7].steps.length;i++) this.tracks[7].steps[i].isActive=false;
        for(let i=0;i<euclPat.length;i++){
          n=i*this.guiContainer.gui.items[this.guiContainer.handlers.toTrk8EuclResolutionSlider.id].getValue();
          if(n>=this.tracks[7].steps.length) break;
          this.tracks[7].steps[n].isActive=euclPat[i];
        }
      break;
      default: console.log("[Dr, setEuclTrack] unhandled _trackNum: "+_trackNum);
    }
  }
}
								

									euclid.js
									// based on: https://github.com/computermusicdesign/euclidean-rhythm/blob/master/max-example/euclidSimple.js
// Pawel Janicki, 2024, https://paweljanicki.jp
class Euclid{
  constructor(){}
  get(_steps, _pulses, _rotate){
    let result=[]; let bucket=0;
    for(let i=0;i<_steps;i++){
      bucket+=_pulses;
      if(bucket>=_steps){
        bucket-=_steps; result[result.length]=true;
      }else{
        result[result.length]=false;
      }
    }
    return this.rotate(result,_rotate);
  }
  rotate(_seq, _rotate){
    if(_rotate===0) return _seq;
    if(_rotate<0){
      let offset = floor(abs(_rotate)/_seq.length)+1;
      offset*=_seq.length; _rotate+=offset;
    }
    let result=[];
    for(let i=0;i<_seq.length;i++)
      result[i]=_seq[(i+_rotate)%_seq.length];
    return result;
  }
}
								

									synth.js
									class Synth{
  constructor(_p){
    this.p=_p; this.isActive=true; this.audioEnabled=false; this.initCallCount=0;
    this.sounds=[]; this.lang="en"; this.soundsLoaded=false; this.mode=0;
  }
  setMode(_mode){this.mode=_mode;}
  loadSounds(){
    switch(this.mode){
      case 0: this.loadSounds_base4trcks(); break;
      case 1: this.loadSounds_base8trcks(); break;
      default: console.log("[Synth, loadSounds] unhandled this.mode: "+this.mode);
    }
  }
  loadSounds_base4trcks(){
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/01-perc-808.wav").toDestination()),label:{en:"click",pl:"klik"}};
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/01-hihat-plain.wav").toDestination()),label:{en:"hat",pl:"talerz"}};
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/01-snare-808.wav").toDestination()),label:{en:"snare",pl:"werbel"}};
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/01-kick-808.wav").toDestination()),label:{en:"kick",pl:"stopa"}};
    for(let i=0;i<this.sounds.length;i++) this.sounds[i].player.autostart=false;
    this.soundsLoaded=true;
  }
  loadSounds_base8trcks(){
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/02-perc-tribal.wav").toDestination()),label:{en:"perc 1",pl:"perkusjonalia 1"}};
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/02-tom-acoustic01.wav").toDestination()),label:{en:"perc 2",pl:"perkusjonalia 2"}};
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/02-hihat-electro.wav").toDestination()),label:{en:"hat 1",pl:"talerz 1"}};
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/02-openhat-808.wav").toDestination()),label:{en:"hat 2",pl:"talerz 2"}};
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/02-stick-analog.wav").toDestination()),label:{en:"snare 1",pl:"werbel 1"}};
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/02-snare-acoustic01.wav").toDestination()),label:{en:"snare 2",pl:"werbel 2"}};
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/02-kick-electro01.wav").toDestination()),label:{en:"kick 1",pl:"stopa 1"}};
    this.sounds[this.sounds.length]={player:(new Tone.Player("assets/02-kick-newwave.wav").toDestination()),label:{en:"kick 2",pl:"stopa 2"}};
    for(let i=0;i<this.sounds.length;i++) this.sounds[i].player.autostart=false;
    this.soundsLoaded=true;
  }
  getLabel(_soundIndex){
    if(!this.soundsLoaded){console.log("[Synth, getLabel] sample array is empty"); return "empty";}
    switch(this.lang){
      case "en": return this.sounds[_soundIndex].label.en;
      case "pl": return this.sounds[_soundIndex].label.pl;
      default: console.log("[Synth, getLabel] unhandled this.lang: "+this.lang);
    }
  }
  init(){
    this.initCallCount+=1;
    if(this.audioEnabled||(!this.isActive)) return;
    Tone.start(); this.audioEnabled=true; console.log("[Synth, init] audioEnabled: "+this.audioEnabled+" isActive: "+this.isActive);
  }
  mag2db(_mag){return (20*Math.log10(_mag));}
  setPlayerVol(_firstIndex,_volume,_indexMultiplier){
    _volume=this.mag2db(_volume);
    this.sounds[_firstIndex].player.volume.value=_volume;
    if(_indexMultiplier>0){
      let i=_firstIndex;
      while((i+_indexMultiplier)<this.sounds.length){
        this.sounds[i+_indexMultiplier].player.volume.value=_volume;
        i+=_indexMultiplier;
      }
    }
  }
  triggerSoundByIndex(_index,_mono){if(this.isActive&&this.audioEnabled) this.sounds[_index].player.start();}; //p.triggerSoundByIndex=function(_index,_mono){if(sounds[_index].sample.isPlaying()&&_mono) sounds[_index].sample.stop(); sounds[_index].sample.play();};
}
								

									midi.js
									class Midi{
    constructor(){
        this.isEnabled=false;
        this.inputPortIndex=-1;this.outputPortIndex=-1;this.inputPort=null;this.outputPort=null;
    }
    init(_inputPortIndex,_outputPortIndex){
        if(!isNaN(_inputPortIndex)) this.inputPortIndex=Math.floor(_inputPortIndex);
        if(!isNaN(_outputPortIndex)) this.outputPortIndex=Math.floor(_outputPortIndex);
        WebMidi.enable().then(()=>{this.onMidiEnabled()}).catch(_err=>this.onMidiNotAvailable(_err));
    }
    onMidiNotAvailable(_err){this.isEnabled=false;console.log("[Midi, onMidiNotAvailable] WebMIDI is not available: "+_err);/*alert(_e);*/};
    onMidiEnabled(){
        this.printMidiPorts();
        if(this.inputPortIndex<0){
            console.log("[Midi, onMidiEnabled] no MIDI input port is selected (input port index < 0)");
        }else{
            if(this.inputPortIndex<WebMidi.inputs.length){
                this.inputPort=WebMidi.inputs[this.inputPortIndex];
                if(this.onNoteOn) this.inputPort.addListener('noteon', 'all', (_midiEvent)=>this.onNoteOn(_midiEvent));
                if(this.onNoteOff) this.inputPort.addListener('noteoff', 'all', (_midiEvent)=>this.onNoteOff(_midiEvent));
                if(this.onCC) this.inputPort.addListener('controlchange', 'all', (_midiEvent)=>this.onCC(_midiEvent));
                if(this.onClock) this.inputPort.addListener('clock', 'all', (_midiEvent)=>this.onClock(_midiEvent));
                if(this.onStart) this.inputPort.addListener('start', 'all', (_midiEvent)=>this.onStart(_midiEvent));
                if(this.onStop) this.inputPort.addListener('stop', 'all', (_midiEvent)=>this.onStop(_midiEvent));
                if(this.onContinue) this.inputPort.addListener('continue', 'all', (_midiEvent)=>this.onContinue(_midiEvent));
                console.log("[Midi, onMidiEnabled] selected MIDI input port is: ("+this.inputPortIndex+") "+ this.inputPort.name);
            }else{console.log("[Midi, onMidiEnabled] selected MIDI input port index is out of range: "+this.inputPortIndex);}
        }
        if(this.outputPortIndex<0){
            console.log("[Midi, onMidiEnabled] no MIDI output port is selected (output port index < 0)");
        }else{
            if(this.outputPortIndex<WebMidi.outputs.length){
                this.outputPort=WebMidi.outputs[this.outputPortIndex];
                console.log("[Midi, onMidiEnabled] selected MIDI output port is: ("+this.outputPortIndex+") "+ this.outputPort.name);
            }else{console.log("[Midi, onMidiEnabled] selected MIDI output port index is out of range: "+this.outputPortIndex);}
        }
        this.isEnabled=true;
    }
    onNoteOn(_midiEvent){console.log(_midiEvent);};
    onNoteOff(_midiEvent){console.log(_midiEvent);};
    onCC(_midiEvent){console.log();};
    onClock(_midiEvent){console.log(_midiEvent);};
    onStart(_midiEvent){console.log(_midiEvent);};
    onContinue(_midiEvent){console.log(_midiEvent);};
    onStop(_midiEvent){console.log(_midiEvent);};
    sendCC(_ctrl,_val,_chn){this.outputPort.sendControlChange(_ctrl,_val,_chn);} // ctrl: 0-127, val: 0-127 chn: 1-16
    sendMidiNoteOn(_pitch,_amp,_chn){this.outputPort.sendNoteOn(_pitch,{attack:_amp,channels:[_chn]});} // chn: 1-16
    sendMidiNoteOff=function(_pitch,_chn){this.outputPort.sendNoteOff(_pitch,{channels:[_chn]});} // chn: 1-16
    sendMidiNote=function(_pitch,_amp,_chn){if(_amp>0.0) this.sendMidiNoteOn(_pitch,_amp,_chn); else this.sendMidiNoteOff(_pitch,_chn);} // chn: 1-16
    printMidiPorts(){
        console.log("WebMIDI enabled.");
        console.log("**** MIDI input ports ****");
        for(let i=0;i<WebMidi.inputs.length;i++) console.log(i+" "+WebMidi.inputs[i].name);
        console.log("**** MIDI output ports ****");
        for(let i=0;i<WebMidi.outputs.length;i++) console.log(i+" "+WebMidi.outputs[i].name);
        if(WebMidi.inputs.length<1&&WebMidi.outputs.length<1) console.log("The browser appears to support MIDI, but no MIDI device is detected.");
    }
}
								

									ws.js
									// https://github.com/chr15m/pd-ws

class WS{
  constructor(){this.isEnabled=false; this.address="ws://localhost:9001/"; this.websocket=null;}
  init(_address,_handler){
    this.address=_address;
    this.websocket = new WebSocket(this.address);
    this.websocket.onmessage=function(_msg){_handler(_msg);}
    this.websocket.onopen=()=>{console.log("[WS, init, onopen] connected"); this.isEnabled=true;};
    this.websocket.onclose=()=>{console.log("[WS, init, onclose] disconnected"); this.isEnabled=false;};
    this.websocket.onerror=(_err)=>{console.log("[WS, init, onerror] "+_err);};
  }
  safeSend(_arr){if(this.isEnabled) this.send(_arr);} 
  send(_arr){this.websocket.send(_arr);} // ws.send(["hello", 42, "beep"])
}
								