LogoLogo
  • Hello!
  • The Device
    • Device basics
    • Plugging in a module
  • APP
    • Downloading the app
    • Before you start
    • Connecting to The Device
    • Setting a module
    • Using the IMU
    • Logging in / account
    • Checking battery power
    • Renaming the Device
    • Updating the firmware
    • Beacon
  • STARTER PROJECTS
    • Interactive Lighting
    • Touch-Free Music Remote
    • Air Quality Monitor
  • Equations
    • Getting started with equations
    • Equation logic
    • Inputs
    • Outputs
      • Keyboard mode
      • Glow Output & Lighting
        • Fade
        • Dot
        • Arc
        • Rainbow
        • Glitter
      • Cloud Output
    • Sequences
    • Casting an equation
    • Editing & deleting equations
    • Removing an equation
  • API
    • Languages
      • Javascript
      • Python CSV
    • Platforms
      • Unity
        • Windows
        • MacOS
      • TouchDesigner
      • Unreal Engine
    • Streaming
  • Modes
    • Beacon
  • Modules
    • Button
    • Color
    • Dial
    • Digital
    • Distance
    • Environment
    • Flex
    • Force
    • Gesture
    • Glow
    • Joystick
    • Light
    • Motion
    • Move
    • Proximity
    • Slider
    • Sound
    • Spin
    • Thermal
    • Tone
  • Algorithms
    • Orientation
Powered by GitBook
On this page
  • Button + Glow Instructions
  • Proximity + Glow Instructions
  • Interactive Red Carpet 📸
  • Next Steps
  1. STARTER PROJECTS

Interactive Lighting

PreviousBeaconNextTouch-Free Music Remote

Last updated 6 months ago

Add interactive lighting to any art installation or space, whether to drive home an important message, set the mood for a party, or just add some beauty. To start, we are going to show some basic interactions you can set up, and then we will explain how to extend them to more complicated projects.

Materials Needed
IF Magic Knowledge


Our first interaction will be to turn a light on and off with a button. This is fairly simple, but you will see how everything builds on top of this.

Button + Glow Instructions

1

Add Module

First we need to to and our button and glow modules in our Device or Bare². Both of these modules can go into any port.

2

Build Equation

The next step is to build an that matches the logic shown here:

  1. To do so, first add a "when" statement by tapping the blue plus button and choosing logic. Tap "when this happens."

  1. To add our "button is pressed" statement, tap "this happens" in the sentence, choose button, and tap "pressed."

  1. Next, let's set our glow module to a color. Tap "do this" in the sentence, choose glow, tap the glow mode icon (color palette) and drag the hue slider to a color of your choosing.

  1. To turn the glow module off when the button is not pressed, repeat the steps above except this time choosing "not pressed" for the button's state and sliding the brightness slider to off.

3

Cast Equation

After the equation has been created it needs to be onto a Device. Tap the cast button in the bottom right hand corner and follow through the cast process steps.

4

Showtime 🌈

Once your equation has been cast, press the button. The glow module will light up with the color you chose while you're pressing the button, and then turn off when you release it.

You now have the basics of creating an interactive lighting set up. Instead of a button this could be swapped out with a distance or force sensor so that when someone is close to an exhibit or stepping on a specific surface you activate a lighting interaction.


Now that we have an LED turned off and on, let's take it up and notch and have the color be set by a proximity module.

Proximity + Glow Instructions

1

Set Color

The equation set up is the exact same but instead of sliding the color to a specific color we are going to use a "set to." Tap on the first "glow" in our sentence and then tap on the "set to" button (two circles) next to the color hue slider. Choose a proximity module.

2

Showtime

Plug a proximity module into your Device and cast the equation onto the Device. Now when you press the button and move your hand over the proximity module it will change color based upon how close your hand is.

By having individual properties be controlled by separate modules you can create collaborative art pieces. For example, imagine an escape room where one person has to hold down an object while another person has turn a switch to light up a clue.


Interactive Red Carpet 📸

The glow editor has a lot of features packed into it. All pattern's individual properties can be controlled by different modules. For example, at the Innovator's House at the Sundance Film Festival, an interactive red carpet was built with IF Magic and a glow pattern. As visitors walked down a red carpet a distance sensor measured their position and used it to set the position of a glowing dot on a LED strip.

Using everything demonstrated above, you can do the same. All you have to do is under glow choose "dot" and set position to a distance module.


Next Steps

The glow module is great for running tests, but six LED pixels can be small for installations. You can use the same equation and instead swap out a glow module with an LED strip and update the number of LEDs. To learn more, read on in the page.

As you can see there is a lot you can do with just a few modules and LEDs. For example an NYCxDesign award-winning at the Flatiron Plaza in NYC used six Devices with distance sensors and glow strips to create an interactive installation which reacted with different patterns depending on how people moved through the structure.

Glow Output & Lighting
architectural installation
Glow Module
Button Module
Proximity Module
Distance Module
Equations
Lighting Control
plug in
set
equation
cast
Interwoven
Interwoven