Processing_봄(봄바람 휘날리며)
소스코드
<head>
<script src="//cloud.github.com/downloads/processing-js/processing-js/processing-1.4.1.js">
</script>
</head>
<body>
<script data-processing-target="mycanvas" type="text/processing">
void setup(){
size (600, 600);
background(66, 134, 244);
}
float degree = 0.0;
void draw(){
pushMatrix();
translate(width/2, height/2);
rotate(degree);
color c = color(244, random(184, 255), 65, 10);
fill(c);
stroke(200, 100, 200, 10);
rect(cos(degree)*80+degree, cos(degree)*80+degree, 60, 60);
popMatrix();
degree += 0.1;
}
void setup()
{
size(580, 580);
}
int i = 0;
int j = 0;
void draw()
{
if(i >650) {i= 0 ; }
else
{ i = i + 4; }
if(j >650) {j= 0 ; }
else
{ j = j + 2; }
background(211, 255, 247);
fill(239, 211, 255);
rect (i, j+500, 100, 100, 12, 80, 12, 80);
fill(254, 211, 255);
rect (i+50, j+100, 80, 80, 12, 80, 12, 80);
fill(255, 211, 226);
rect (i+150, j+200, 60, 60, 12, 80, 12, 80);
fill(255, 135, 175 );
rect (i+10, j+100, 40, 40, 12, 80, 12, 80);
fill(239, 211, 255);
rect (i+800, j+500, 100, 100, 12, 80, 12, 80);
fill(254, 211, 255);
rect (i+500, j+100, 80, 80, 12, 80, 12, 80);
fill(255, 211, 226);
rect (i+150, j+900, 60, 60, 12, 80, 12, 80);
fill(255, 135, 175 );
rect (i+300, j+110, 40, 40, 12, 80, 12, 80);
}
</script><canvas id="mycanvas"></canvas></body>
댓글
댓글 쓰기