์ด ๋ฌธ์„œ์˜ ์›๋ณธ์€ ์™ธ๋ถ€ ์œ„ํ‚ค์—์„œ ๊ฐ€์ ธ์™”์Šต๋‹ˆ๋‹ค.
1. ๊ฐœ์š”2. ๋ณด๋ฉด
2.1. ๊ฐ„๋‹จ2.2. ๋ณดํ†ต2.3. ์–ด๋ ค์›€2.4. ์˜ค๋‹ˆ
3. ๊ฐ€์‚ฌ

1. ๊ฐœ์š”[ํŽธ์ง‘]

ํƒœ๊ณ ์˜ ๋‹ฌ์ธ ์‹œ๋ฆฌ์ฆˆ์˜ ์ˆ˜๋ก๊ณก. ์ž‘๊ณก๊ฐ€๋Š” ๋งˆ์Šค๋ถ€์น˜ ์œ ์ง€(ๅข—ๆธ•่ฃ•ไบŒ), ์ž‘์‚ฌ๊ฐ€๋Š” ๊ธฐ์šฐ(็ฅ‡็พฝ), ๋ณด์ปฌ์€ ์•„์ดํ•˜๋ผ ์นด์˜ค๋ฆฌ(ๆ„›ๅŽŸๅœญ็น”).

๊ฐ€์‚ฌ๊ฐ€ ํŠน์ดํ•˜๊ฒŒ๋„ Java ๊ธฐ๋ฐ˜์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ธ Processing์œผ๋กœ ์“ฐ์—ฌ์กŒ๋‹ค.

2. ๋ณด๋ฉด[ํŽธ์ง‘]

void setup
BPM
140
NS1 ๊ธฐ์ค€
๋‚œ์ด๋„
๊ฐ„๋‹จ
๋ณดํ†ต
์–ด๋ ค์›€
์˜ค๋‹ˆ
4
5
6
8
๋…ธํŠธ ์ˆ˜
199
335
526
885
์ˆ˜๋ก ๋ฒ„์ „
๋น„๊ณ 

2.1. ๊ฐ„๋‹จ[ํŽธ์ง‘]

2.2. ๋ณดํ†ต[ํŽธ์ง‘]

2.3. ์–ด๋ ค์›€[ํŽธ์ง‘]

2.4. ์˜ค๋‹ˆ[ํŽธ์ง‘]

3. ๊ฐ€์‚ฌ[ํŽธ์ง‘]



๊ฐ€์‚ฌ์˜ ํŠน์„ฑ์ƒ ์ฃผ์„๋งŒ ๋ฒˆ์—ญํ•˜์˜€๋‹ค.
void setup() {
size(400,400);
}

float a = 0;

void draw() {
fill(#021050,5);
rect(0,0,width,height);
translate(200+a*10,200+a*10);
rotate(a);
scale(a/15);
a+= 0.05;
kao(0,-50);
kao(1,50);
if(a>30) a-= 50;
}

//้ญ”ๆณ•ใฎ็ญ† ๅ‘ชๆ–‡ใง็ตตๆใใ‚ˆ ๅ›ใ‚‚ๆใ“ใ†๏ผ
//๋งˆ๋ฒ•์˜ ๋ถ“, ์ฃผ๋ฌธ์œผ๋กœ ๊ทธ๋ฆผ ๊ทธ๋ฆด๊ฑฐ์•ผ! ๋„ˆ๋„ ๊ทธ๋ ค๋ด!

void kao(int don, float b){
stroke(0);
strokeWeight(2);
fill(#f7eedd);
ellipse(b,0,50,50);
noStroke();
fill(#68c0c0 + #8f8768 * don);
ellipse(b,0,38,38);
stroke(0);
strokeWeight(1.4);
arc(b + 4.26,5,8.5,7.3,0.3,PI,OPEN);
arc(b - 4.26,5,8.5,7.3,0,PI - 0.3,OPEN);
fill(0);
ellipse(b - 11,-2,6.56,7);
ellipse(b + 11,-2,6.56,7);
}

//ไธ–็•ŒใŒๅง‹ใพใ‚‹ใ‚ˆ๏ผ
//์„ธ๊ณ„๊ฐ€ ์‹œ์ž‘ํ• ๊ฑฐ์•ผ!

์ด ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๋ฉด ์ด๋Ÿฐ ๋ชจ์–‘์ด ๋‚˜์˜จ๋‹ค.