Mandala Maker

by 4D Makers
Mandala Maker

About this Project

Feb 10, 2018

by 4D Makers

Platform : 4D Systems

License :

Category : HMI Display

Difficulty Level : Intermediate

Downloads :

   
Add to Collections

Studies have shown that doodling could improve memory retention by up to 30% and that exposing your brain to creating intricate patterns (i.e. adult colouring books) could relieve stress and anxiety. This project is a fun drawing application designed to highlight the touch functions of the Gen4 Displays. This project uses a gen4-uLCD-70DT which is perfect because of its size.

How it Works

Components

HARDWARE COMPONENTS

 

SOFTWARE APP

Implementation

Step 1: Build

No external circuit is required for this Project.

Step2: Program

  • Download the project code here.
  • Open the projects using Workshop 4. This project uses the Visi Environment.
  • You can modify the properties of each widgets and buttons.

 

Step 3: Compile

  • Click on the “Compile” button.

Note: This step could be skipped. However, compiling is essential for debugging purposes.

 

Step 4: Comms Port

  • 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.

Step 5: Compile and Upload

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

                                             

  •  Workshop 4 IDE will prompt you to select a drive to copy the image files to a uSD Card. After selecting the correct drive, click OK.

 

Step6: Mount uSD Card

  • When the uSD card is not yet inserted, this message will appear on your gen4 Display: "Drive not mounted"
  • After inserting your uSD card the GUI will be loaaded on your display.

Demonstration

Home page

Mode Selection page

 

Drawing page

Gallery page

Settings page

Video

HARDWARE COMPONENTS

 

SOFTWARE APP

Step 1: Build

No external circuit is required for this Project.

Step2: Program

  • Download the project code here.
  • Open the projects using Workshop 4. This project uses the Visi Environment.
  • You can modify the properties of each widgets and buttons.

 

Step 3: Compile

  • Click on the “Compile” button.

Note: This step could be skipped. However, compiling is essential for debugging purposes.

 

Step 4: Comms Port

  • 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.

Step 5: Compile and Upload

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

                                             

  •  Workshop 4 IDE will prompt you to select a drive to copy the image files to a uSD Card. After selecting the correct drive, click OK.

 

Step6: Mount uSD Card

  • When the uSD card is not yet inserted, this message will appear on your gen4 Display: "Drive not mounted"
  • After inserting your uSD card the GUI will be loaaded on your display.

Home page

Mode Selection page

 

Drawing page

Gallery page

Settings page

Related Projects

Comments

Please log in or sign up to post a comment.

MAKE, SHARE and CONNECT