Close

Animations!

A project log for FLED

An LED display showing visualizations and rendering data from a variety of TCP sources over the Open Pixel Control protocol

ben-delarreBen Delarre 04/15/2015 at 20:431 Comment

So after you have a working LED matrix, you can't stop there. Otherwise you just have a big display running strandtest and that frankly just sucks.

We built a Javascript animation engine that we use to drive the display, this runs NodeJS which allows you to write Javascript in the browser, test out your animations, then push them to the server which will render them in real time and stream them across the wifi to the display.

This is an awful lot of fun, with just a few lines of code you can get some great effects really quickly. Its even become part of our front-end programmer test at Supplyframe!

So I thought I had best build some examples to show how its done, and recreate some of my favourite old school demo effects. The code for the Javascript engine, and all the animations shown below is in our public repository here.

Here's a video:

And here's some photos:

First up, pulsing colored lights with additive blending:

Next, the 'green meanie' plasma:

No demo would be complete without a mandlebrot zoomer!

Next up some blobs:

And of course your classic 3d textured tunnel:

A spinny cube!

Inside another cube!

And a nice simple palette based plasma:

Discussions

Mike Szczys wrote 04/16/2015 at 23:25 point

Awesome! This turned out great Ben.

  Are you sure? yes | no