Cool visualization tool: first introduction to processing

In order to let you understand how cool this tool is , Let's start with some pictures to shock you ：

Do you believe that? , The pictures above are js Achieved Oh , Really not ps The results of , Is it powerful .
Next , Let's learn some of this together processing How to achieve these cool effects .

brief introduction

It is said that this processing Tools are a course in the Department of effective arts , It is mainly used to make digital art works 、 Data visualization works and interactive multimedia art works , You can implement dynamic forms 、 Handle gestures 、 Define behavior , It can also simulate natural systems and integrate other media , The most important thing is that it is a development language , Is a very, very simple development language .

processing Mainly with JAVA Mainly , Cross platform , At present, mainstream browsers support . The government has provided a large number of libraries , For example, serial port 、 The Internet 、 video 、 visualization 、 voice 、GUI、3D Animation, etc. , Can break through PS, AI And other design tools , Create more creative works of art .

Official website address Click here

characteristic

• The unity of randomness and planning
• The combination of nature and man
• Mass personalized production
• Planned random operation
• Unspecified simulation process

Use

（1） install

Go directly to Download from the official website , After decompression, click Processing.exe Can run Processing Development environment of （IDE）.

You can also choose the Chinese version , Sure Click on File→Preferences→Language Select Chinese and click “ok” Restart again IDE that will do .）

The official website is in English , Students with poor English can download directly from my resources . My resources download link

（2） Follow along

A brief introduction to this tool ：

menu bar

Contains basic functions , Like opening 、 preservation 、 export 、 Set up 、 help .

The toolbar

Triangle icon ： Compile code , Open the display window , Run the program

Square icon ： Terminate a running program

Far right Java The drop-down ： You can choose different development languages

Write the following code in the coding area to try ：

void setup() {size(1080, 720);}void draw() { if (mousePressed) { fill(0); } else { fill(255); } ellipse(mouseX, mouseY, 80, 80);}

Click to run as follows ：

For more specific usage, please refer to Official documents .