학생 작품 예제-mouse position

















void setup(){

  size(900,600);

  smooth();

  noStroke();

}



int i;



void draw(){

  background(121,171,255);

  fill(160,186,237);

  rect(0,0,900,400);

  fill(196,222,255);

  rect(0,0,900,350);

  fill(214,240,255);

  rect(0,0,900,300);

  fill(232,255,255);

  rect(0,0,900,150);//sky



  fill(255,228,0);

  ellipse(mouseX,mouseY,70,70);

  fill(255,255,54);

  ellipse(mouseX,mouseY,50,50);//sun with mouse



  fill(120);

  rect(75,200,50,500,6,6,0,0);

  fill(140);

  rect(230,200,50,500,6,6,0,0);

  fill(120);

  rect(150,250,100,500,6,6,0,0);

  rect(275,245,50,500,6,6,0,0);

  rect(400,185,50,500,6,6,0,0);

  rect(690,500,60,500,6,6,0,0);

  fill(130);

  rect(325,210,50,500,6,6,0,0);

  rect(650,350,50,500,6,6,0,0);//background building



  fill(91);

  rect(0,350,100,500,9,9,0,0);

  rect(105,100,100,500,9,9,0,0);

  rect(350,400,100,500,9,9,0,0);

  fill(100);

  rect(450,150,100,500,9,9,0,0);

  fill(98);

  rect(550,300,100,500,9,9,0,0);

  fill(94);

  rect(750,400,100,500,9,9,0,0);//front building



  fill(45,0,0);

  rect(0,550,900,600);

  fill(93,31,0);

  rect(0,550,900,5);//ground



  fill(225);

  rect(i,550,10,10);

  rect(i+10,540,15,20);

  rect(i+25,550,10,10);//car1

 

  rect(i+60,550,10,10);

  rect(i+70,540,15,20);

  rect(i+85,550,10,10);//car2

   

  rect(i+120,550,10,10);

  rect(i+130,540,15,20);

  rect(i+145,550,10,10);//car3



  rect(i+180,550,10,10);

  rect(i+190,540,15,20);

  rect(i+205,550,10,10);//car4



  i=i+2;

  if(i>width)i=0;//cars speed

}



void mouseMoved(){

  fill(255,198,198);

  ellipse(mouseX,mouseY,70,70);

  fill(255,48,48);

  ellipse(mouseX,mouseY,50,50); //if mouse moved sun will change red

}

학생작품 예제 - mouse position, mousePressed




















//The fireworks burst in the black sky

void setup() {
  size( 800,800);
  background(0);
  smooth();
} //size,color setup


void draw() {
  smooth();
  stroke(255,165,0);
  line(mouseX,mouseY,220,220);
  stroke(220,020,060);
  line(mouseX,mouseY,450,450);
  stroke(255,160,122);
  line(mouseX,mouseY,220,650);
  stroke(255,182,193);
  line(mouseX,mouseY,700,100);

}//There are three of the color of lines and locate.


void mousePressed() {
  stroke(255);
 fill(240,230,140);
 ellipse(mouseX,mouseY,50,50);
 fill(#F7F25A);
 ellipse(mouseX,mouseY,30,30);

}
//Two by superimposing the color and locate a circle.

학생작품

학생 작품 -drawing, mouseX mouseY, mousePressed

void setup()
{
size(500,500);
background(30);
}

void draw()
{
  noStroke();
  fill(0);
  ellipse(500,570,900,600);
  noStroke();
  fill(255,228,0);
  rect(380,230,60,60);
  stroke(0);
  fill(93);
  rect(419,240,15,15);
  noStroke();
  fill(45,100,60);
  rect(390,260,20,30);
  fill(102,37,0);
  rect(429,199,10,30);
  noStroke();
  fill(152,0,0);
triangle(410,190,380,230,440,230);

smooth();
fill(150);
ellipse(440,190,10,10);
ellipse(440,170,13,15);
ellipse(430,140,20,20);
ellipse(420,110,25,25);
ellipse(410,90,40,30);
ellipse(390,70,60,30);
ellipse(360,50,100,40);

stroke(250);
strokeWeight(4);
line(360,270,360,290);
line(355,280,355,300);
line(360,295,360,315);
line(370,300,370,320);
line(400,300,400,320);
line(410,300,410,320);
line(420,300,420,320);
line(430,300,430,320);
line(440,300,440,320);
line(450,300,450,320);
line(460,295,460,315);
line(470,290,470,310);
line(475,280,475,300);
line(470,265,470,285);
line(460,260,460,280);
line(450,255,450,275);
line(370,265,370,285);
if(mousePressed==true){
stroke(4);
}
fill(0);
strokeWeight(4);
line(360,270,360,290);
line(355,280,355,300);
line(360,295,360,315);
line(370,300,370,320);
line(400,300,400,320);
line(410,300,410,320);
line(420,300,420,320);
line(430,300,430,320);
line(440,300,440,320);
line(450,300,450,320);
line(460,295,460,315);
line(470,290,470,310);
line(475,280,475,300);
line(470,265,470,285);
line(460,260,460,280);
line(450,255,450,275);
line(370,265,370,285);

noStroke();
fill(255,228,0);
ellipse(20,20,2,2);
ellipse(60,60,2,2);
ellipse(80,50,2,2);
ellipse(250,20,2,2);
ellipse(260,80,2,2);
ellipse(180,250,2,2);
ellipse(300,20,2,2);
ellipse(20,450,2,2);
ellipse(200,180,2,2);
ellipse(50,50,1,1);
ellipse(100,100,1,1);
ellipse(50,50,1,1);
ellipse(250,200,1,1);
ellipse(280,210,1,1);
ellipse(180,250,1,1);
ellipse(350,250,1,1);
ellipse(40,300,1,1);
ellipse(350,180,1,1);

fill(255,228,0);
ellipse(50,50,50,50);
fill(30);
ellipse(60,60,50,50);
fill(255,228,0);
ellipse(mouseX,mouseY,1,1);
}

학생작품

학생 작품 예제-random, mouseX, mouseY, keyPressed
[When art meets technology]
P.21

float r;
float g;
float b;
float a;

float diam;
float x;
float y;

void setup()
{
  size(500,500);
  background(100,200,255);
  smooth();
  noStroke();
}
void draw()
{
  r=(255);
  g=(255);
  b=(255);
  a=random(255);
  diam=random(20);
  x=random(500);
  y=random(500);

  noStroke();
  fill(r,g,b,a);
  ellipse(x,y,diam,diam);

noStroke();
fill(255,255,255);
rect(0,410,500,90);//ground

noStroke();
fill(0);
ellipse(210,270,100,250);//arm1
noStroke();
fill(0);
ellipse(290,270,100,250);//arm2
noStroke();
fill(255,255,255);
ellipse(250,280,150,300);//body
noStroke();
fill(0);
ellipse(250,100,100,100);//head
noStroke();
fill(255,255,0);
ellipse(210,425,50,20);//foot1
noStroke();
fill(255,255,0);
ellipse(290,425,50,20);//foot2
noStroke();
fill(255,255,255);
ellipse(230,90,15,15);//eye1
noStroke();
fill(255,255,255);
ellipse(270,90,15,15);//eye1
noStroke();
fill(0);
ellipse(230,90,12,12);//eye2
noStroke();
fill(0);
ellipse(270,90,12,12);//eye2
noStroke();
fill(255,165,0);
triangle(235,100,265,100,250,110);//mouth

fill(255,255,255);
ellipse(mouseX,mouseY,10,10);

}

void keyPressed(){

noStroke();
fill(0);
ellipse(410,340,90,150);//arm1
noStroke();
fill(0);
ellipse(430,340,90,150);//arm2
noStroke();
fill(255,255,255);
ellipse(420,340,90,150);//body
fill(0);
noStroke();
ellipse(420,250,70,70);//head
noStroke();
fill(255,255,0);
ellipse(390,410,50,20);//foot1
noStroke();
fill(255,255,0);
ellipse(450,410,50,20);//foot2
noStroke();
fill(255,255,255);
ellipse(410,250,13,13);//eye1
noStroke();
fill(255,255,255);
ellipse(430,250,13,13);//eye1
noStroke();
fill(0);
ellipse(410,250,10,10);//eye2
noStroke();
fill(0);
ellipse(430,250,10,10);//eye2

}