Spectacle Light Board Hookup Guide a learn.sparkfun.com tutorial

Available online at: http://sfe.io/t629

Contents

Spectacle Light Board

The Spectacle Light Board allows you to add some fairly complex lighting effects to your Spectacle projects. It has connections for up to three strands of addressable LEDs and a connector for external power.

Spectacle Light Board

Spectacle Light Board

DEV-14052
$14.95

tl;dr (essentials)

  1. If more than approximately 10 pixels will be on at once, we recommend powering the Light Board through the onboard micro B USB port.
  2. For smaller numbers of pixels, it is possible to power them directly over the Spectacle control cable.
  3. Most of the LED effects want a continuous type signal, such as the Button board "Latch On/Latch Off" function.
  4. Only WS2812 (NeoPixel) type addressable LED strips will work with the Spectacle Light Board.

Meet the Spectacle Light Board

Designed to make it easy to add relatively complex lighting effects to your Spectacle projects, the Spectacle Light Board integrates with the rest of the Spectacle ecosystem to allow you to control lighting effects relatively effortlessly.

It has two 1/8" (3.5mm) jacks for Spectacle control signals. Pay attention to the directionality of the jacks! The one labeled "In" should be plugged into a board that is closer to the Director Board than the Light Board is, or into the Director Board itself.

Signal jacks

The Light Board supports up to three strands of addressable LEDs. Each strand can have up to 60 individual pixels. Not all types of addressable LEDs are compatible with the Spectacle Light Board. If you have questions about whether or not a particular type of LED strip is compatible with the Light Board, contact SparkFun technical support.

LED Strand Connectors

The Light Board has a Micro B USB connector to allow it to be directly powered by an external power supply. The relatively slender audio cables the Spectacle data travels over are not adequate for the large amount of current drawn by more than a few pixels.

USB Power Jack

Suggested Reading

Before proceeding, you should read through the Spectacle User's Guide. It will give you the basics you'll need to know about how Spectacle works to follow the rest of this tutorial.

The Configuration Utility

Spectacle Light Board

Action list for light board

The Light board supports 9 different actions. Most of them want a continuous-type signal input, although a couple of them can be used with momentary input signals. We'll cover the difference under each action. Each action will have a field for the number of pixels the lightstrip that action is being applied to has, the use of which should be fairly apparent, and which we won't mention again.

Rainbow Effect

Rainbow effect settings

The rainbow effect displays a rainbow of colors across the strip, changing the color of each pixel indvidually to make it appear as though the rainbow is scrolling along the lightstrip.

Theater chase

Theater chase settings

Theater chase mode behaves like a marquee light border. The lights will march along making it appear as though the lightstrip is moving in steps.

Scanning effect

Scanning effect settings

Scanning mode sees a small group of lights bouncing back and forth along the length of the lightstrip, reminiscent of Cylons from Battlestar Galactica.

Twinkle effect

Twinkle effect settings

Causes individual lights on the selected strip to perform a twinkling action.

Lightning effect

Lightning effect settings

Causes the entire strip to strobe in a manner that looks a lot like a lightning flash.

Flame effect

Flame effect settings

Causes the entire strip to crackle like a fire.

Fade effect

Fade effect settings

The lightstrip will change from one color to another over time, then back to the first.

Fill

Fill settings

Fills some number of lights on the light strip with a single color. Blanks the other lights to off.

Light pixel

Pixel settings

Turns on one light and blanks the rest of the lights to off.

Example Project

Let's use the Spectacle Light Board to put together a working project! We're going to use a "virtual board" to blink a lightstrip attached to the Light Board.

Connect the boards

To follow along with this tutorial, you'll need the following hardware:

Wall Adapter Power Supply - 5.1V DC 2.5A (USB Micro-B)

Wall Adapter Power Supply - 5.1V DC 2.5A (USB Micro-B)

TOL-13831
$7.95
16

LED RGB Strip - Addressable, Bare (1m)

COM-12025
7 Retired
JST to JST-SM Wire - 1ft

JST to JST-SM Wire - 1ft

CAB-14165
$1.95
Spectacle Light Board

Spectacle Light Board

DEV-14052
$14.95
Spectacle Director Board

Spectacle Director Board

DEV-13912
$24.95 $9.95

Note that you will need two of the TRRS cables!

First, plug one end of one of the TRRS cables into the "Direct" jack on the Director Board.

The direct jack

Next, take the other TRRS cable and plug it into the "Program" jack on the Director Board.

The program jack

Take the other end of this cable and plug it into the audio jack of the phone, tablet, or computer that you'll be using to program the system.

Into the phone jack

Now, plug the free end of the first cable into the "In" jack on the Light Board. Pay attention to which jack you plug into, as the two jacks are directional.

Light board input jack

Next, you'll need the JST-SM to JST-PH adapter cable. Plug the white end into connector position 0 on the Light Board.

Adapter into light board

Plug the black end of the adapter into the mating connector on the light strip.

Adapter into light strip

Finally, plug the Micro B end of the power adapter into the Director Board, and the other end into the wall. You should see one solid light and one blinking light on the Light Board. On the Director Board, you'll see one solid light and one light which blinks one time, then pauses, then repeats. This shows that power is present and the boards are up and running.

Setting up the board configuration

Blank project page

When you first open the Spectacle app webpage, this is what you'll see. Your project name will differ from mine, as Spectacle assigns a random name to each project.

add a board button

To continue, we must tell the project which boards we wish to use. Start by clicking the "Add a board" button at the bottom of the page.

List of available boards

This will bring up a list of the available boards. Click anywhere in the "Lights" box to add a Light Board to the system.

Light board edit button

Now that you've added the Light Board, it's time to add the actions to the light board. To get a blink effect, we're going to trigger two events on one signal, and make one delayed slightly. Click the clapboard icon as highlighted in the above picture to bring up the list of actions assigned to that board.

No actions assigned

Naturally, there are no actions in the list, since we haven't added any yet. Click the "Add an Action" button at the bottom of the screen to bring up a list of available actions.

Actions list for light board

Here's the list of Light Board actions that will pop up when you hit the "Add an Action" button. We want to add an action of the "Fill Color" type, so click on that entry.

alt text

Here's the "Fill Color" action list of options. See the previous page of the tutorial for information about the various fields.

Fill with settings in place

Fill in the blanks of the page as seen above. This sets up the strip to turn on to solid white when an event hits channel 0. Now, add another "Fill Color" type action and scroll down so it's completely visible.

settings for second fill page

Once you've added the second "Fill Color" action, set the fields as shown above. This will cause it to trigger on the same action as the first fill, but it won't activate for two seconds. Then, it will set all the lights on the strip to "black" (off).

Go back button

Click the "Go Back" button to return to the main screen. Clicking this button automatically saves your work, as well.

Now, repeat the steps from above to add a Virtual Board. Click the clapboard icon to edit the list of actions for the Virtual Board.

Virtual Boards provide a number of functions outside of the normal operation of Spectacle boards. In this case, we want "Periodic Input", which generates a signal at a fixed timing rate.

list of Virtual Board actions

Here are the actions we can use with a Virtual Board. We want a "Periodic Input", to create our blinking action.

Periodic settings

You should set up the periodic action to match the settings above. This will generate a short pulse every 10 seconds. Now click "Go Back" again to return to the main page.

Finished project

Congratulations! You've finished the configuration step of the process. Now it's time to move on to loading the project onto your Director Board.

Uploading

Now that you've created your Spectacle program it's time to upload it to the Director Board. If you followed the instructions above, your uploading device is connected to the board and ready to go, so all you need to do is touch the "Install Script" button at the bottom of the page. That will bring up the page seen below.

Upload page

Make sure the volume on your device is turned all the way up, and that no other audio source (music, video, etc) is playing in the background. Then press and hold the "RST" button on the Director Board, press and hold the "PROG" button, then release the "RST" button.

This will put the Director Board into program mode. You'll see the light on the board blink three times, pause, then repeat. This is your visual indicator that the board is in program mode. Once you've established that the board is in program mode, you can begin programming by touching the "Install" button on the Spectacle app screen. The button will gray out during the programming process, which should only last for a few seconds. Once programming is done, you'll see the light on the Director Board blink 10 times, pause, then repeat. That's your cue that the program was uploaded successfully.

Press the "RST" button again to reset the system and begin the program!

If you have any troubles, visit the troubleshooting page for help resolving your issues.

Resources and Going Further

For general Spectacle information, please check out the user guide:

Spectacle User's Guide

May 4, 2017

The Spectacle system is designed to help those without electronics or programming experience integrate electronics into projects.

For more Spectacle fun, check out the additional tutorials below:

Spectacle Sound Kit Hookup Guide

All the information you need to use the Spectacle Sound Kit in one place.

Spectacle User's Guide

The Spectacle system is designed to help those without electronics or programming experience integrate electronics into projects.

Spectacle Light and Sound Kit Hookup Guide

All the information you need to use the Spectacle Light and Sound Kit in one place.

Spectacle Audio Board Hookup Guide

All the information you need to use the Spectacle Audio Board in one place.

Spectacle Button Board Hookup Guide

All the information you need to use the Spectacle Button Board in one place.

Spectacle Motion Kit Hookup Guide

All the information you need to use the Spectacle Motion Kit in one place.

Spectacle Motion Board Hookup Guide

All the information you need to use the Spectacle Motion Kit in one place.

Spectacle Inertia Board Hookup Guide

Everything you need to know about using the Spectacle Inertia Board in one place.

Or check out the blog project post that used the Spectacle Light Board:

Hardware Hump Day: Be a Spectacle at Graduation!

May 10, 2017

IoTuesday: From Juicero to Juicezero

May 16, 2017

Hardware Hump Day: Blade Runner Parasol

October 4, 2017

learn.sparkfun.com | CC BY-SA 3.0 | SparkFun Electronics | Niwot, Colorado