Actions
Forum Thread Details
  • Replies 5 replies
  • Subscribers 27 subscribers
  • Views 813 views
  • Users 0 members are here
Related

PSoC 4 Pioneer Kit Community Project#058 – An Introduction to Processing

cy.wbz

Hello!

 

Today’s example talks about using the open source programming software called Processing. This open source development environment is widely used in the Arduino community to create simple computer GUI interfaces for end applications. In this example we will give you a demonstratation of the power and simplicity of Processing. We will generate an application that allows the user to draw  a user created image. We will incorporate Processing in a Pioneer kit example later this week.

 


image

 

Forum Post Attachments:

 

At the bottom of this post we are including the following items:

  • Zip File of Images

 

Components Used:

 

This is a software only example so the user will not use any components.

 

Firmware Description:

 

In this example we will use the programming environment called Processing. This open source coding environment allows the user to generate simple computer based applications. Users can create applciations that generating interfaces, displays, and outputs. The following image is the Processing development window. You will notice, if you have experience with Arduino, that it looks very similar to the Sketching environment for Arduino.

 


image

 

The Processing software is hardware agnostic and can be used to enhance embedded example projects. It also allows customers to rapidly develop custom user interfaces without the need for a C# development environment or compiler.

 

In our Processing example we will allow the user to draw an image using their mouse. The image will be drawn in the GUI created by the Processing code.

To generate a simple GUI that allows you to draw a shape please add the following code to your sketch:

 


image

 

Later in the week we will show you how to take a drawing or selected image and then display that on an LED matrix using your Pioneer kit. 

 

Hardware Connections:

 

This is a software only example. Later in the week we will show users how to interface Processing with the Pioneer kit.

 

Test Your Project:

 

Download and setup your Processing environment. Run the Sketch and begin drawing your example.

 

I hope this example can help you in your design.

 

Best,

Matt

Attachments:
1832.Project Images.zip

  • Hi Matt,

     

    I have been meaning to play with Processing for some time.

    Now that you are showing off some of its features I might get ambitious, or find some time, to play with it more seriously.

     

    Thanks

    DAB

  • in reply to DAB

    DAB,

    Processing is extremely cool. It is easy to learn, cross-platform, text-only (hence copy-pastable), has a ton of examples and allows creating application (.exe) files. Importantly, using Processing, one can begin integrating hardware with software.

    This is the direction the world is moving now, and adding a User Interface (UI) to even a simple LED dimmer is powerful.

     

    Today's example shows how to make a simple 'RGB (+ white) Drawing Pad', though with a little more effort, one can make a slightly more generic drawing pad like that shown below.

    image

    As Matt said, later this week, we will show how to make such drawings real-time simultaneously on the computer screen and an RGB-LED-Matrix (http://www.adafruit.com/products/420) driven by the PSoC.

     

    There are quite a few other LED-related demos coming up as well, so, keep an eye out!

    Antonio

  • Hello Matt.

    Great project.

    The two types of methods used for Image Processing are Analog and Digital Image Processing. Analog or visual techniques of image processing can be used for the hard copies like printouts and photographs. Image analysts use various fundamentals of interpretation while using these visual techniques. The image processing is not just confined to area that has to be studied but on knowledge of analyst. Association is another important tool in image processing through visual techniques. So analysts apply a combination of personal knowledge and collateral data to image processing.

     

    Thanks for this project and i  will tune with this.

     

    Regards,

     

    Jesus Antonio.

  • in reply to jesusantoniocar

    J. Antonio,

     

    'Processing' in this case refers just to the sotware tool which describes itself as: (from http://processing.org/)

    "... a programming language, development environment, and online community.

    Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. Initially created to serve as a software sketchbook and to teach computer programming fundamentals within a visual context, Processing evolved into a development tool for professionals. Today, there are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning, prototyping, and production."

     

    It's free to download and use, so go ahead and try it out - you can try many cool examples with it under File > Examples

     

    Enjoy,

    Antonio

  • in reply to Former Member

    Hello Antonio.

    Thanks for the clarification, i will read all informations.

     

    Thanks again.

     

    Jesus Antonio.