Exercise - Building a Complex Component

• Open a new Flowcode flowchart.

• Ensure that the System Panel is visible. If not use the View menu.

• The following assumes that you have built, and exported a LED component, as described in Exercise - Create a LED component and Exercise - Exporting the LED component.

• Open the 'Outputs' toolbox, where you stored the exported 'newLED' component.

• Locate the 'newLED' component, and use the down-arrow next to it to add it to the System Panel.

• Click on the LED to select it. Change the 'color' property to orange (e.g. 0x0080FF).

• Using the Panel Properties, with the LED still selected, set its 'Position' to X=0, Y=0, Z=10, and its 'Scale' to 'Wi...'=1, 'He...'=1, 'De...'=0.25.

The component should resemble the picture opposite, (depending on the 'camera' zoom.)

• Click on the head of the vertical arrow, (green), to rotate the camera to give an 'edge-on' view.

• The LED should still be selected. If not, click on it. Right-click and select the 'Copy' option. Then right-click and select the 'Paste' option.

A second identical LED appears.

• Set its 'Position' co-ordinates to X=0, Y=0, Z=-10. The System panel should now resemble the one shown opposite:

• Drag and drop a cube onto the System Panel.

• Select it, and set its 'Position' co-ordinates to X=0, Y=0, Z=0, and 'Scale' to 'Wi...'=32, 'He...'=12, 'De...'=32.

• Change its 'color' property to mid-grey (e.g. 0x5A5A5A).

• Drag across all three shapes and group them by clicking on the 'Group' icon.

The System Panel looks like: