The Next Generation

Kazzo

Electronic

Music

+ Web

JSConf EU 2014

Browser

+

Server

+

+

LEDs

JSConf EU 2014: Demo

Adafruit NeoPixel (NeoMatrix)

var myLEDs = [ 
  255, 0, 0 // red
];
var myLEDs = [ 
  255, 0,   0, // red
  255, 255, 0  // yellow
];
var myLEDs = [
  255, 0,   0, // red
  255, 255, 0, // yellow
  0,   255, 0  // green
];

#1

#2

#3

Adafruit Fadecandy

Fadecandy Server

Fadecandy Client

nube 1

ndVisualization.js

HTML Canvas

window resize

mouse events

ndSelector.js

div

dragabble

ndVisualization.js

HTML Canvas

ndVisualization.js

canvas_context.getImageData(x, y, 3, 3);

ndConnector.js

socket.io

ndAudio.js

Web Audio API

HTML audio

AnalyserNode

audio_analyser.getByteFrequencyData();

ndAudio.js

Thank you!

NERD DISCO: The Next Generation

By Tim Pietrusky

NERD DISCO: The Next Generation

Music visualization in the browser (HTML canvas, Web Audio API, socket.io) and on LEDs (Adafruit NeoPixel, Adafruit Fadecandy).

  • 4,906