week02 12750450 陳詮昕 12750450_陳詮昕,

 作業01:

//week02_1_fill_noStrock_rect

size(400,400); //視窗大小400X400

background(255);

fill(238);//填充色彩

noStroke();//不要畫框縣

rect(0,0,20,20); //四邊形rectangle x,y,w,h

rect(0,40,20,20);

rect(0,80,20,20);

作業02:

//week02_2_for_for_if_rect

size(400,400);

background(255);

fill(238);

noStroke();

int s = 400/14;//計算 每個格子的大小

for(int i=0;i<14;i++){//左手i對應y座標

  for(int j=0;j<14;j++){//右手j對應x座標

  //rect(0,i*s*2,s,s);//先試一下位置

    if( (i+j)%2==0) rect(j*s,i*s,s,s);

  }//下面才是真的程式碼,完成畫格子的任務

}

作業03:

//week02_3_void_setup_void_draw...

void setup(){//一開始,設定一次(貼上剛剛 week02-2的程式)

  size(400,400);

  background(255);

  fill(238);

  noStroke();

  int s = 400/14;//計算 每個格子的大小

  for(int i=0;i<14;i++){//左手i對應y座標

    for(int j=0;j<14;j++){//右手j對應x座標

    //rect(0,i*s*2,s,s);//先試一下位置

      if( (i+j)%2==0) rect(j*s,i*s,s,s);

    }//下面才是真的程式碼,完成畫格子的任務

  }

}

void draw(){//每秒畫60次

    stroke(255,0,0); //紅色的線

    if(mousePressed)line(mouseX,mouseY,pmouseX,pmouseY);

}//如果mouse按下去,就畫線,給兩個座標;現在mouse和之前的mouse

作業04:

////week02_4_Plmage_loadimage_background_fill_println

//新的開始,要描圖

PImage img ;

void setup(){

   size(400,400);

   img = loadImage("X..png");

}//記得把圖檔,(向上周一一樣)拉到程式碼裡

void draw(){

    background(img);

    fill(255,mouseX);//半透明的色彩 白色,alpha值是128

   println(mouseX);//把mouseX的值,在下面印出來

   rect(0,0,400,400);//畫超大的四邊形,全部蓋住

}

作業05a:

////week02_5_ArrayList_Integer_new_for_size_get_add_mouseDragged

//要描圖

ArrayList<Integer>x = new ArrayList<Integer>();//新資料結構

ArrayList<Integer>y = new ArrayList<Integer>();

PImage img ;

void setup(){

   size(400,400);

   img = loadImage("X..png");

}//記得把圖檔,(向上周一一樣)拉到程式碼裡

void draw(){

    background(img);

    fill(255,200);//半透明的色彩 白色,alpha值是200

   rect(0,0,400,400);//畫超大的四邊形,全部蓋住

   //上面是week02-4. 下面用迴圈從資料結構取出來

    for(int i=1;i<x.size();i++){

      line(x.get(i),y.get(i),x.get(i-1),y.get(i-1));

  }

}

void mouseDragged(){

    x.add(mouseX);

    y.add(mouseY);

}

作業05b:

//week02_6_

//想要有很多段,不要 一筆畫一直接著畫

ArrayList<Integer> x, y;

ArrayList<ArrayList<Integer>> xx = new ArrayList<ArrayList<Integer>>();//新資料結構

ArrayList<ArrayList<Integer>> yy = new ArrayList<ArrayList<Integer>>();

PImage img ;

void setup(){

   size(400,400);

   img = loadImage("X..png");

}//記得把圖檔,(向上周一一樣)拉到程式碼裡

void draw(){

    background(img);

    fill(255,200);//半透明的色彩 白色,alpha值是200

   rect(0,0,400,400);//畫超大的四邊形,全部蓋住

   //上面是week02-4. 下面用迴圈從資料結構取出來

   for(int I=0;I<xx.size();I++){

     ArrayList<Integer> x = xx.get(I);//新資料結構

     ArrayList<Integer> y = yy.get(I);

   for(int i=1;i<x.size();i++){

      line(x.get(i),y.get(i),x.get(i-1),y.get(i-1));

   }

  }

}

 void mouseDragged(){

    x.add(mouseX);

    y.add(mouseY);

}

void mousePressed(){

    x = new ArrayList<Integer>(); xx.add(x);

    y = new ArrayList<Integer>(); yy.add(x);

}

作業06:

//week02_6_

//想要有很多段,不要 一筆畫一直接著畫

ArrayList<Integer> x, y;

ArrayList<ArrayList<Integer>> xx = new ArrayList<ArrayList<Integer>>();//新資料結構

ArrayList<ArrayList<Integer>> yy = new ArrayList<ArrayList<Integer>>();

PImage img ;

void setup(){

   size(400,400);

   img = loadImage("X..png");

}//記得把圖檔,(向上周一一樣)拉到程式碼裡

void draw(){

    background(img);

    fill(255,200);//半透明的色彩 白色,alpha值是200

   rect(0,0,400,400);//畫超大的四邊形,全部蓋住

   //上面是week02-4. 下面用迴圈從資料結構取出來

   for(int I=0;I<xx.size();I++){

     ArrayList<Integer> x = xx.get(I);//新資料結構

     ArrayList<Integer> y = yy.get(I);

   for(int i=1;i<x.size();i++){

      line(x.get(i),y.get(i),x.get(i-1),y.get(i-1));

   }

  }

}

 void mouseDragged(){

   //println("vertex(mouseX,mpouseY);");

   println("vertex("+mouseX+","+mouseY+");");

   x.add(mouseX);

   y.add(mouseY);

}

void mousePressed(){

    x = new ArrayList<Integer>(); xx.add(x);

    y = new ArrayList<Integer>(); yy.add(x);

}

作業07:

//week02_7_

//想要有很多段,不要 一筆畫一直接著畫

ArrayList<Integer> x, y;

ArrayList<ArrayList<Integer>> xx = new ArrayList<ArrayList<Integer>>();//新資料結構

ArrayList<ArrayList<Integer>> yy = new ArrayList<ArrayList<Integer>>();

PImage img ;

void setup(){

   size(400,400);

   img = loadImage("X..png");

}//記得把圖檔,(向上周一一樣)拉到程式碼裡

void draw(){

s

    fill(255,200);//半透明的色彩 白色,alpha值是200

   rect(0,0,400,400);//畫超大的四邊形,全部蓋住

   //上面是week02-4. 下面用迴圈從資料結構取出來

   for(int I=0;I<xx.size();I++){

     ArrayList<Integer> x = xx.get(I);//新資料結構

     ArrayList<Integer> y = yy.get(I);

   for(int i=1;i<x.size();i++){

      line(x.get(i),y.get(i),x.get(i-1),y.get(i-1));

   }

  }

}

void keyPressed(){

    if(key=='s' || key=='S'){

        for(int I=0;I<xx.size();I++){

        ArrayList<Integer> x = xx.get(I);//新資料結構

        ArrayList<Integer> y = yy.get(I);

        for(int i=1;i<x.size();i++){

          println("vertex("+x.get(i)+","+y.get(i)+");");

        }

       println("endshape();");//endshape();

        }

    }

}

        

           

 void mouseDragged(){

   //println("vertex(mouseX,mpouseY);");

   //println("vertex("+mouseX+","+mouseY+");");

   x.add(mouseX);

   y.add(mouseY);

}

void mousePressed(){

    x = new ArrayList<Integer>(); xx.add(x);

    y = new ArrayList<Integer>(); yy.add(x);

}