Robert van Heumen Composer Improvisor Laptop-Instrumentalist Sound-Designer
Software Developer

Back to west28.nl (music player)

Circles

Circles

Circles is a audio visual online installation that elaborates on techiques and ideas developed for PointCode. The code can be found on Github.

Click here to start Circles

Please use headphones or decent quality speakers. You might also want to make the browser window fullscreen (most probably using the function key F11). You can let it run by itself, control it using keys on your keyboard, or provide querystring parameters (this is still in experimental phase). Examples below.

Keyboard shortcuts

• n: trigger the next scenario
• a: trigger the same scenario again (with possibly other random arguments)
• s: toggle window-size listener
• q: stop playback
• p: start playback

Query string parameters (experimental phase)

By adding extra parameters to the url, you can control the installation yourself. Possible parameters are: scenario, size, color, background, alpha, disableClear, enableClear, clearWithDelay, vibrationFactor, movementFactor, circles.

• Values for scenario: static, duet, walk, big, small, paint, audiotest, red_alpha, red, blue, blue_middle, green, green_red_alpha, blue_red_alpha, yellow.
  Example: https://west28.nl/Circles/v1?scenario=red_alpha
• Size is in number of pixels.
  Example: https://west28.nl/Circles/v1?scenario=red_alpha&size=100
• Color and background are hexadecimal without the # sign.
  Example: https://west28.nl/Circles/v1?background=22aa3f&size=300
• The alpha parameter can be just a value between 0 and 1 for a static alpha value, or 4 values indicating the type of process (only "fade-in" for now), the initial alpha value, the step value and the wait value (in seconds); for example: fade-in,0.005,0.001,0.1.
  Example: https://west28.nl/Circles/v1?scenario=static&alpha=0.2
• The parameters enableClear and disableClear override whether the previous points are cleared or not. No value necessary.
  Example: https://west28.nl/Circles/v1?scenario=walk&enableClear
  Example: https://west28.nl/Circles/v1?scenario=walk&disableClear
• The parameter delayClear is only useful with disableClear, and allows to clear the previous points with a delay of a number of seconds. If no value is passed the default (5 seconds) is used.
  Example: https://west28.nl/Circles/v1?scenario=walk&disableClear&delayClear=2
• The parameters vibrationFactor and movementFactor influence the speed of vibration and movement: lower values increase the speed, higher values slow it down.
  Example: https://west28.nl/Circles/v1?scenario=blue&vibrationFactor=0.1
  Example: https://west28.nl/Circles/v1?scenario=paint&movementFactor=0.3
• The circles parameter turns the points into circles. If no value is passed the default size factor (0.95) is used.
  Example: https://west28.nl/Circles/v1?scenario=green_red_alpha&circles=0.5

To top
Fade to black