crucialfelix/january-2017-gencomp-udk.md

Last active January 19, 2017 12:53

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/crucialfelix/5be3c8956eccd9b43266261fcde34e8d.js"></script>
Save crucialfelix/5be3c8956eccd9b43266261fcde34e8d to your computer and use it in GitHub Desktop.

Download ZIP

Notes for Gen Comp class at UDK, Berlin Jan 2017

Raw

january-2017-gencomp-udk.md

supercollider.js

supercollider.js - write javascript code, run it using node.js on the commandline. runs on a single computer.

supercollider features

High-quality audio server
Hundreds of UGens (unit generators)
Complex low-level control system
http://supercollider.github.io/
http://doc.sccode.org/Guides/Tour_of_UGens.html

supercollider.js

running code on the command line

node patterns-example.js

graph TD;
    subgraph single machine
    supercollider.js --OSC--> supercollider
    supercollider --OSC--> supercollider.js
    supercollider--Audio Interface-->speaker(fa:fa-volume-up)
    end

connecting to supercollider.js in a web browser

graph TD;
    subgraph client machine
    web-browser
    end
    subgraph server machine
    web-browser --websocket--> nodejs-webserver
    nodejs-webserver --websocket--> web-browser
    nodejs-webserver --> supercollider.js
    supercollider.js --OSC--> supercollider
    supercollider --OSC--> supercollider.js
    supercollider--Audio Interface-->speaker(fa:fa-volume-up)
    end

complexity

webpack build tool
just importing scripts on page
jsfiddle

creative techniques

Start very simple and experiment

Copy something and fork it, remix it into something new

https://github.com/inconvergent/meander

Look for simple, single page examples.

https://tonejs.github.io/

Combine two examples

graphics + audio

graphics frameworks

https://threejs.org/ Canvas - WebGL

http://paperjs.org/showcase/

https://d3js.org/

webaudio

https://webaudio.github.io/web-audio-api/

https://tonejs.github.io/

https://tonejs.github.io/demos
http://www.whitevinyldesign.com/solarbeat/
http://stepping.audio/
http://robertvinluan.com/Ramsophone/ Simple concept, solid style.

https://github.com/alemangui/web-audio-resources

standard ui elements

http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage

http://nexusosc.com/

Types of works

Synth / music instrument interface
2D artwork
3D particles / game aesthetic
Literary coding / blogging

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment