May 13, 2014 AT 1:00 am

Gorgeous DIY Philips-Hue-Style LED lights with Node.js and Beaglebone #beagleboneblack @TXInstruments @beagleboardorg

Ben Radler posted up this great project on his site.

BACKSTORY

My roommate works for Apple, and travels to China for work. He brought back a spool of LED lights, and hacked together a script for an Arduino that played a series of 12 lights on repeat.

We then installed the lights in the ceiling in the upstairs of our apartment in San Francisco. It looked like this:

NewImage

CRITERIA FOR SUCCESS

We decided we wanted to create a simple UI that could be used to pick colors. Our criteria for success were as follows:

set all banks of light a single color
set colors individually on each bank of lights
save color choices and be able to bring them back up
same UI usable on desktop, tablet, and smartphone

THE UI

For the UI, I decided to base the design off of the awesome Color by hailpixel. This brilliant colorpicker interface allows you to adjust color on 3 axes:

X axis: hue
Y axis: lightness
Z axis (scrolling): saturation
Clicking allows the user to save a color into a “bank”. The color can also be adjusted after the fact. Each saved color gets added to the URL as its respective hex code.

Read the full tutorial here.


Check out all the Circuit Playground Episodes! Our new kid’s show and subscribe!

Have an amazing project to share? Join the SHOW-AND-TELL every Wednesday night at 7:30pm ET on Google+ Hangouts.

Join us every Wednesday night at 8pm ET for Ask an Engineer!

Learn resistor values with Mho’s Resistance or get the best electronics calculator for engineers “Circuit Playground”Adafruit’s Apps!



No Comments

No comments yet.

Sorry, the comment form is closed at this time.