Build the circuit as shown in the diagram.

• Download the code here.
• Open the project using Workshop 4. This project uses the Visi Environment.
• The project can be improved by expanding the number of light nodes. To control additional light nodes, declare a new PWM pin and pull-down pin then set the pins as output.

• Add a new button and slider widgets from the widget ribbon and make sure to paste the code on the editor.

• Inside the “touchState == TOUCH_PRESSED” and “touchState == TOUCH_MOVING” condition, add a new condition for the new button and slider.

• In adjusting the brightness using PWM, use the value of the current frame of the attached slider as the PWM output. Note: the circuit used is only limited to DC-Powered lighting devices.

• You may also change the background image and the widgets in this project.

• Connect the display to the PC. Make sure that you are connected to the right port. Red Button indicates that the device is not connected, Blue Button indicates that the device is connected to the right port.

• Go back to “Home” tab. This time, click on the “Comp’nLoad” button.                                  

• Workshop 4 will prompt you to select a drive to copy the image files to a uSD Card. After selecting the correct drive, click OK.
• After inserting your micro SD card this GUI should appear on the gen4 Display: