connect client

real-time

jam out with friends

up to four band members

select an instrument by clicking join band

 

you are automatically synced to the server (host)

your smartphone turns into a controller!

 

control the rhythm of the music by making patterns on the beatpad

A 2-3-1-4 pattern.

Time

one measure (4/4)

Beat 1

Beat 2

Beat 3

Beat 4

one pitch interval (four notes)

Tone

HIGH

LOW

Create Simple Beat Patterns

4-3-2-1

1-2-3-4

1-2-X-X

Text

1-2-1-2

1-1-1-1

2-4-2-1

Pitch Interval

HIGH

LOW

For more pitch variation, change the pitch interval from high to low by sliding up and down.

Each interval will transpose the entire beatpad up or down one note.

one interval

j

play and combine your melody with others

 

watch as the notes of your entire ensemble fly out from your screen

made with          at NYU Shanghai x IMA

the stack

java (processing)

 

f

 

peasy and P3D (camera and 3D rendering)

minim (audio)

spacebrew (sockets)

ani (transitions)

leapmotion (for fun)

 

 

 

ffdf

 

node.js

 

ffdf

 

frontend (client)

p5.js, p5.sound.js (processing and canvas)

spacebrew (sockets)

shake-event.js, gyro.js (accelerometer)

 

 

 

HTML5 / CSS3 / JavaScript (vanilla and p5.js)

 

f

 

backend (visualization server)

backend (client)

node.js

express

 

made with          at NYU Shanghai x IMA

special thanks to

Professor Moon

guidance and support, ideas, creative prowess

George and Jonathan III

color scheme and inspiration behind 3D visualization 
www.georgeandjonathan.com

Chrome Music Lab

inspiration behind piano roll visualization
as well as mobile beatpad

Plink (Dinahmoe Labs)

multiplayer-music mashing goodness (where I first learned how to make random music sound good)