The interface can look intimidating at first, but don't worry, it will quickly make sense as we break it down together. Here we go!

Bento UI panels

Bento UI panels

<aside> 💡 The interface is based on a sub-framework called Organic UI, which features a ShapeShifter mechanism. Basically, this means that you can change the panel layout as much as you like, and save different layouts depending on what you want to work on.

</aside>

1. Light Blocks

The Light Blocks panel shows the building blocks of a light show. Each Block can be seen as a light effect, that can be assigned to a Prop. When you click a Light Block two things will happen: 1. the Block Visualizer (illustrated with No. 5) shows a preview of the Light Block and 2. the Inspector (illustrated with No. 4) displays the parameter of the selected Light Block.

<aside> 💡 Try to play a bit with the parameters of the Light Blocks. It's quite intuitive and you can instantly see the result in the Block Visualizer.

</aside>

<aside> 💡 For all the fine details about Light Blocks, please check the Light Blocks section.

</aside>

The light blocks panel displays the light building blocks.

The light blocks panel displays the light building blocks.

2. Props

The Props panel displays a list of Props that you can output your Light Blocks to. Each Prop has a unique prop ID and a representation of the output (aka colors) is displayed. You can create your Props manually by clicking on the green plus icon or detecting Props automatically by pressing "Detect Props".

You can assign a Light Block to a Prop in the following ways:

Assign to all Props by Right-click > "Assign to all".

Assign to all Props by Right-click > "Assign to all".