소개

개인적으로 생각하는 초기본적이고 필요하다고 생각하는 Processing의 코드입니다.
(scratch의 블록도 몇 가지 함께 게재하고 있습니다.)

1. void setup(){}

시작될 때 {}의 내용을 한 번 실행합니다.

2. void draw(){}

{}의 내용을 계속 실행한다.

3. size(500,500);

화면의 가로와 세로의 크기를 각각 500px로 한다.

4. random(0,255);

0에서 255까지의 임의 값(난수).

5. background(255,255,255,100);

배경색을 RGB(255, 255, 255)(새하얀)로 한다. (투명도는 100/255)

6. frameRate(10);

초당 화면을 10회 업데이트합니다.
( draw(){} 는 1회의 갱신에 대해, 1번 실행되기 때문에, 결과적으로 1초간에 10회선을 그릴까라고 한다).

7. ellipse(100,100,50,50);

중심(100, 100)의 위치에, 가로 직경 50으로, 세로 직경 50의 타원(ellipse)을 그린다. (이 경우 직경 50의 원)

8. line(0,0,10,20);

(x, y) = (0,0)의 점에서 (x, y) = (10,20)의 점까지의 선 (line)을 그립니다.

9. strokeWeight(3);

선 두께를 3px로 설정합니다.

10. stroke(255,255,255,100);

선의 색을 RGB(255,255,255)(새하얀)로 한다. (투명도는 100/255)

Tips

작품 예 (짧은 스크립트)

이 코드를 사용하여 다음과 같은 짧은 스크립트 제품을 만들 수 있습니다.
- 랜덤 서클
- 랜덤 라인
- 이미지 필터
- 그라데이션 디자인
- 치카치카 화면

Processing-3D

3D용 입문 코드는 다음 기사에 적혀 있습니다.
「초입문 코드 10선!」【Processing-3D】