charlie roberts charlieroberts

A JS audio ecosystem

Interested in both browser-based audio and in per-sample processing techniques

• the web audio api (WAAPI) only provides block-based nodes, with the exception of the ScriptProcessor node and the AudioWorklet.
• This precludes lots of important synthesis techniques (feedback, hard sync, audio rate modulation of scheduling etc.)
• The ScriptProcessor and the AudioWorklet let you write sample-level processing using JavaScript. How can we write DSP in a dynamic language like JavaScript that is efficient enough to explore such techniques?

Three libraries:

• genish.js: A collection of DSP helpers for dealing with phase, buffers, math operations, and control flow. Optimized for efficiency by avoiding branching, closures, and inheritance, and by only using a single block of memory. Loosely based on Gen for Max_MSP_Jitter.
• gibberish.js: Synths, effects, and sequencing using functions created with genish.js.
• gibber.audio.lib: Rapid development and live coding using synths and

Design for Others Demo Day

For prototype observers

Each group will setup a laptop to display their prototype.
In a similar fashion to the paper prototypes demo day, you will raise your hand when you are ready to pair up with another group. However, in this case you are looking for a group that is <= 4 in distance from your group number (given a group count of 20). Thus, if you are group 2, you can work with groups 18,19,20,1,3,4,5,6. If you are group 10, you can work with groups 6–14.
Unlike last class, when we needed two people to run prototypes / record observations, in this case our prototypes should mostly run themselves. This means we can have two people record observations. You can either have observers assigned to monitor different types of interactions, or have both do more general monitoring… there’s a good chance each observer will have different insights on the decisions that each user makes.
After each user has gone through the prototype project, ask them to make a guess as to wh

This is a SCRIPT-8 cassette.

WPI IMGD Slack: Code of Conduct

Welcome!

The WPI IMGD Slack channel is intended for current and former students and faculty in the Interactive Media and Game Development Program at WPI. It’s a place for us to share works in progress, project ideas, and opportunities for engaging with the broader community. And we can chat about life at WPI, make lunch plans, etc.

The current admins are:

A-Frame Tutorial

#aframe #webvr #imgd-5100

This tutorial is designed to get you up to speed with controlling A-Frame entities in JavaScript, including basic interaction. For other tasks, see the examples and hundreds of other A-Frame tutorials out there.

Basic Setup

So, the easiest way to get started is probably to go to the A-Frame website, click on the first Example (Hello WebVR), and then click the “View Source” button in the upper right corner. This will open the project up in Glitch. If you then scroll down, you can click on the “Remix your own” button to start creating working on your own copy of the project. You should see three geometries and a plane.
For purposes of this tutorial, go ahead and delete everything between the <body> and </body> tags in the index.html file. Hit the “Show Live” button to see your (now blank) composition in another tab. Drag that tab out to another window for easier editing / hot reloading.
Let’s add some stuff! Everything in

Notes for SOTA Workshop 2017

Dr. Charlie Roberts

Live coding with Gibber

Today we’ll be looking at live coding which is a kinda weird performance practice where people create audio and visuals by programming them live, in front of an audience. We’ll be using a system called Gibber for live coding today, but there are many, many others…. If you’re interested in live coding you can learn more at:

http://toplap.org

Step 1: Launch Gibber

Go to the follow website using Google Chrome: http://gibber.cc

WPI Creative Coding Slack: Code of Conduct

Welcome!

The WPI Creative Coding Slack channel is intended for current and former students and faculty interested in creative coding at WPI. It’s a place for us to share works in progress, project ideas, and opportunities for engaging with the broader community.

The current admins are:

Gillian Smith
Charlie Roberts

	<!doctype html>
	<html lang='en'>

	<body></body>

	<script>
	const makeAnObjectAndDelayStuffWithIt = function() {
	const obj = {
	__queue__:[],
	__initialized__:false,

	/*
	Example usage:

	osc(
	Tidal( '<1 20> [50 100]*2' ),
	0.01,
	1.4
	).out( o0 )
	*/

	// first, download the hydra-synth repo: https://github.com/ojack/hydra-synth
	// second, build it with browserify: browserify index.js -o hydra.js --standalone Hydra
	// third, place the resulting hydra.js file in the smae directory as marching.js

	script = document.createElement('script')
	script.src = 'http://localhost:12000/hydra.js'
	document.querySelector('head').appendChild( script )
	canvas = document.createElement('canvas')

	hydra = new Hydra({ canvas })