LEDStrip
JavaScript simulation of WS2812 LED strips commonly used with Arduino
Demo
There is a live demo available here:
http://dougalcampbell.github.io/LEDStrip/
Usage example
var container = $('.mylights')[0]; // Container DIV in the page
var colors = [ // blue gradient
[0,0,50],
[0,0,100],
[0,0,150],
[0,0,200],
[0,0,250]
];
var size = colors.length;
var strip = LEDstrip(container, size) // Initialize
.setcolors(colors) // chain commands
.send();
colors.forEach(function(val,idx){ // fiddle with colors
colors[idx][0] = colors[4-idx][2];
colors[idx][1] = (colors[idx][0] + colors[idx][2]) >> 1; // g = (r + b) / 2
});
strip.buffer = colors; // set the color buffer directly
strip.send();
// assume that animate() is a function that manipulates strip.buffer[]...
var rAF_id = requestAnimationFrame(animate);
var i = 0;
function animate() {
rAF_id = requestAnimationFrame(animate);
if (i == size) i = 0; // loop around the array
/* generate random rgb values */
var r = Math.floor(Math.random() * 255);
var g = Math.floor(Math.random() * 255);
var b = Math.floor(Math.random() * 255);
strip.buffer[i++] = [r, g, b];
strip.send();
}
Want to help?
If you find a bug, want to add a feature or new lighting driver, please feel free to contribute! Pull requests welcome!
TODO
- Add controls to demo for number of pixels and run speed
- Add Adafruit NeoPixel library compatibility
- Add simple 2D matrix support
- MOAR LIGHTING ALGORITHMS!