Week 1,hw01

1.1



1.2 
PImage img;  
int x=10,y=10;
img = loadImage("http://buytheway.buyble.com.tw/
                                     wp-content/uploads/2011/01/hello-kitty-fredscorner1.jpg");  
size(img.width+2*x,img.height+2*y);  
background(125,125,255);
image(img,x,y);

1.3

在今天有學習到一些processing的語法，有一種入門的感覺！

而今天有深深地感覺到這是一個比較高階的語言，短短幾行就能夠表現出以往需要比較多程式碼

的效果。在它本身的help裡面有許多的函式，東西很多，連事件的部分感覺得比以往寫的還要簡

單。未來我想要學習到一些比較屌一點的東西，而且比較有難度的。比較希望能夠將processing

的程式讓手機能夠執行，寫出來一個很炫的動態桌布或是很好玩的遊戲在手機上面。

1.4

原始圖片

Processing圖片

程式碼：

void setup()
{
  size(600,600);
  background(255,255,255); 
}

void draw()
{
  //卡片底
  strokeWeight(2);
  stroke(131,199,252);
  translate(5,419);
  rotate(-PI/4); 
  fill(39,134,200); 
  rect(0,0,580,250,18);   
  rotate(PI/4); 
  translate(-5,-419);
  
  //臉區
  strokeWeight(0);
  stroke(255,255,255);
  translate(390,396);
  rotate(-PI/4); 
  fill(254,251,242); 
  ellipse(0, 0, 500, 360);
  rotate(PI/4); 
  translate(-396,-396);
  
  //眼睛
  strokeWeight(6);
  stroke(39,134,200);
  translate(235,315);
  rotate(-PI/4); 
  fill(254,251,242); 
  ellipse(0, 0, 120, 150);
  ellipse(120, 0, 120, 150);
  rotate(PI/4); 
  translate(-235,-315);
  
  //瞳孔
  strokeWeight(12);
  stroke(39,134,200);
  translate(260,305);
  rotate(-PI/4); 
  fill(254,251,242); 
  ellipse(0, 0, 20, 30);
  ellipse(70, 0, 20, 30);
  rotate(PI/4); 
  translate(-260,-305);
  
  //鼻線
  strokeWeight(6);
  stroke(39,134,200);
  translate(330,324);
  rotate(PI/4); 
  line(0,0,90,0);
  rotate(-PI/4); 
  translate(-330,-324);
  
  //鼻子
  strokeWeight(0);
  stroke(234,4,31);
  translate(330,324);
  rotate(-PI/4); 
  fill(231,4,31); 
  ellipse(0, 0, 68, 68);
  fill(255,255,255);
  ellipse(-4, -10, 24, 24);
  rotate(PI/4); 
  translate(-330,-324);
  
  //鬍鬚
    //left
  strokeWeight(6);
  stroke(39,134,200);
  translate(158,483);
  rotate(-PI/7.5); 
  line(0,0,150,0);
  rotate(PI/7.5); 
  translate(-158,-483);
  
  strokeWeight(6);
  stroke(39,134,200);
  translate(200,540);
  rotate(-PI/4.34); 
  line(0,0,150,0);
  rotate(PI/4.34); 
  translate(-200,-540);
    //right
  strokeWeight(6);
  stroke(39,134,200);
  translate(414,299);
  rotate(-PI/7.5-PI/5); 
  line(0,0,150,0);
  rotate(PI/7.5+PI/5); 
  translate(-414,-299);
  
  strokeWeight(6);
  stroke(39,134,200);
  translate(434,319);
  rotate(-PI/3.85); 
  line(0,0,150,0);
  rotate(PI/3.85); 
  translate(-434,-319);
  
  //卡片底線
  strokeWeight(2);
  stroke(205);
  translate(215,568);
  rotate(-PI/4); 
  line(0,0,500,0);
  rotate(PI/4); 
  translate(-215,-568);
  
  save("C:/99161196Pic1.jpg");
}