#1. Processing - Shapes

-Processing is a visual programming language that allows you to sketch with codes, so to speak.

-Processing is based on Java, but because program elements in Processing are fairly simple, you can learn to use it even if you don't know any Java. If you're familiar with Java, it's best to forget that Processing has anything to do with Java for a while, until you get the hang of how the API works.

-Processing is a flexible software sketchbook and a language for learning how to code. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology.

-How to use processing with VS Code?

 

  Installation Instructions

1. Open Visual Studio Code.
2. Open the Command Pallet ( CTRL+SHIFT+P for Windows/Linux or CMD+SHIFT+P on Mac) enter the command “Install Extension”
3. Search for “Processing Language” and click on this extension.
4. Restart Visual Studio Code.

 

-Learn the Processing #Shapes

https://hello.processing.org/editor/#shapes

Processing Hour of Code | Editor

 

 

Code>>

rect(10,80,450,200);
rect(400,350,-350,-250);
rect(100,50,200,200);
rect(200,200,10,10);
rect(80,330,-12,-18);
rect(330,140,5,50);
ellipse(250,200,50,200);
ellipse(250,150,450,10);
ellipse(100,350,5,30);

 

Run Code>>

 

 

Meaning>>

-rect(10,80,450,200);

직사각형( 왼쪽위시작점x, y, 도형넓이, 높이);

-ellipse(250,200,50,200);
-타원형 ( 중심점x, y, 도형넓이, 높이);

-제일 마지막 코드가 최상위의 레이어가 됨

-기본 도형은  불투명

 

 

Shape Primitives>>

• triangle()
• rect()
• quad()
• ellipse()
• arc()

 

https://processing.org/examples/shapeprimitives.html

Shape Primitives / Examples