Emily Week01-Processing入門介紹

week01_1_size

size(400, 400);

week01_2_background

 size(500,500);

background(255,255,0);//黃色

設定一個背景500*500的視窗，並設置為黃色。

week01_3_void_setup_void_draw_if_mousePressed

void setup() {
  size(500, 500);//大小
}
void draw() {
  if (mousePressed)background(255, 0, 0);//紅色
  else background(0, 255, 0);//綠色
}

設定一個500*500的大小視窗，如果按下滑鼠背景設為紅色，
否則原來是綠色。

week01_4_if_mousePressed_line_mouseX_mouseY_pmouseX_pmouseY

void setup() {
  size(500, 500);
}
void draw() {
  if (mousePressed) line(mouseX, mouseY, pmouseX, pmouseY);
}//如果 mouse按下去，就畫線mouse的XY座標到previous mouse XY

設定一個500*500的視窗大小，如果滑鼠按著畫了一條線，會顯示出來。

week01_5_void_keyPressed_if_key_strokeWeight

void setup() {
  size(500, 500);
}
void draw() {
  if (mousePressed) line(mouseX, mouseY, pmouseX, pmouseY);
}//如果 mouse按下去，就畫線mouse的XY座標到previous mouse XY
void keyPressed() {
  if (key=='1') strokeWeight(1);
  if (key=='2') strokeWeight(5);
  if (key=='3')strokeWeight(10);
}//如果key按下去，看key的值，決定線的粗細。

week01_6_void_keyPressed_if_key_stroke

void setup() {
  size(500, 500);
}
void draw() {
  if (mousePressed) line(mouseX, mouseY, pmouseX, pmouseY);
}//如果 mouse按下去，就畫線mouse的XY座標到previous mouse XY
void keyPressed() {
  if (key=='1') strokeWeight(1);
  if (key=='2') strokeWeight(5);
  if (key=='3')strokeWeight(10);
  if (key=='4')stroke(255, 0, 0);
  if (key=='5')stroke(255, 255, 0);
  if (key=='6')stroke(0, 255, 0);
  if (key=='7')stroke(0, 0, 255);
  if (key=='8')stroke(255, 0, 255);
}//如果key按下去，看key的值，決定線的粗細。

week01_7_background_rect_fill_ellipse
size(600, 400);
background(#FFFFA2);//色彩的色碼 #RRGGBB(色彩選擇器，可調色)
rect (100, 100, 400, 200);
//在100,100的地方，畫寬度400,高度200的長方形
fill(#FFFFA2);//填充色
ellipse(300, 200, 100, 100);











week01_8_arc
size(400, 400);
fill(#FFDC0F);//填充黃色
stroke(255, 0, 0); //noStroke();//不要有邊緣的筆觸
//ellipse(50,50,100,100);//本來畫圓
arc(50, 50, 100, 100, 0+1, PI*2-1, PIE);//改變弧度
////X座標,Y,寬,高,開始,結束,蘋果派的方法畫










week01_9_for_x_for_y_arc
size(400, 400);
fill(#FFDC0F);//填充黃色
for (int x=0; x<400; x+=100) {
  for (int y=0; y<400; y+=100) {
    arc(x+50, y+50, 100, 100, 0+1, PI*2-1, PIE);//改變弧度
  }
}











上傳github!!