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
  • Adding Component
  • Connecting
  • Stream
  1. API
  2. Platforms

TouchDesigner

PreviousMacOSNextUnreal Engine

Last updated 6 months ago

Adding Component

The first step is to download the Magic Component from .

Next open TouchDesigner and under "My Components," right click and choose "Add Folder."

Choose a name for your folder like "Magic."

Next right click again on your new folder, and choose "Browse Folder." This will open your folder. Drag the Magic.tox file you downloaded into this folder.

Drag the Magic Component into your scene.

Connecting

If the "Active" switch is "ON" data will start streaming immediately. Pressing the "Populate Menu" button will show individual windows for each module. You can either set modules through our app or set them directly through the Component's menu by selecting the port, choosing the module from the dropdown menu and pressing the "Set" button.

Stream

To connect module data to an element of your project add a CHOP to your scene. In this case we are using the "chopto1" that is in the starter scene. In this example we also have a button already connected to our Device.

All you need to then do is under the CHOP's menu under CHOP write "button1/out3." This is the general structure for all modules: [modulename][number].

You can view individual properties as well edit parameters by tapping on the modules window.

Congratulations! 🎉 You have successfully connected our Device to TouchDesigner!

Click on the Component. If you are on MacOS type "cu.SLAB_USBtoUART" under "Port." If you are on Windows type in your Device's COM port. For example for COM7 type "COM7." To find out which port follow along .

here
here