SY-BlingBangBang Week01 Processing入門介紹

 [TODO]

標題：你的品牌 系列 簡介

檢籤：學號_姓名 ,  Week01

快捷鍵：

Ctrl-C, Ctrl-V

Ctrl-Z 還原

Ctrl-T 自動排版

Ctrl-N 新文件 New

Ctrl-S 存檔 Save

Ctrl-A 全選All

一系列的工具(沒有背，可以)

上課內容：

視窗大小

size(500,500);

視窗大小、背景顏色

size(500,500);
background(255,255,0);


顏色切換
void setup(){
  size(500,500);//大小
}

void draw(){
  if(mousePressed) background(255,0,0);//紅色
  else background(0,255,0);//綠色
}

滑鼠畫圖
void setup(){
  size(500,500);//大小
}

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


線條粗細
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 的值，決定線的粗細


線條粗細、顏色
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 的值，決定線的粗細


形狀、顏色、大小(使用色彩選擇器)
size(600,400);
background(#FFFFA2); //色彩的色碼 #RRGGBB (色彩選擇器，可挑色)
rect(100,100,400,200);
//在100,100的地方，畫寬度400，高度200的長方形
fill(#FFFFA2); //填充色
ellipse(300,200,100,100);


承上，更改顏色
size(600,400);
background(#5A649D); //色彩的色碼 #RRGGBB (色彩選擇器，可挑色)
rect(100,100,400,200);
//在100,100的地方，畫寬度400，高度200的長方形
fill(#BBA3E3); //填充色
ellipse(300,200,100,100);


畫小精靈(有邊線)
size(400,400);
fill(#74AFFF); //填充藍色
//noStroke(); //不要有邊緣筆觸
//ellipse(50,50,100,100); //本來畫圖
arc(50, 50, 100, 100, 1, PI*2-1, PIE); //改畫弧度
//X座標，Y，寬，高，開始，結束，蘋果派的畫法


邊線(紅)
size(400,400);
fill(#74AFFF); //填充藍色
stroke(255,0,255); //noStroke(); //不要有邊緣筆觸
//ellipse(50,50,100,100); //本來畫圖
arc(50, 50, 100, 100, 1, PI*2-1, PIE); //改畫弧度
//X座標，Y，寬，高，開始，結束，蘋果派的畫法



畫小精靈(無邊線)
size(400,400);
fill(#74AFFF); //填充藍色
noStroke(); //不要有邊緣筆觸
//ellipse(50,50,100,100); //本來畫圖
arc(50, 50, 100, 100, 1, PI*2-1, PIE); //改畫弧度
//X座標，Y，寬，高，開始，結束，蘋果派的畫法


畫許多小精靈(小嘴巴)
size(400,400);
fill(#74AFFF); //填充藍色
for(int x=0; x<400; x+=100){
  for(int y=0; y<400; y+=100){
    arc(x+50, y+50, 100, 100, 0.5, PI*2-0.5, PIE); //改畫弧度
    //X座標，Y，寬，高，開始，結束，蘋果派的畫法
  }
}



畫許多小精靈(大嘴巴)
size(400,400);
fill(#74AFFF); //填充藍色
for(int x=0; x<400; x+=100){
  for(int y=0; y<400; y+=100){
    arc(x+50, y+50, 100, 100, 1, PI*2-1, PIE); //改畫弧度
    //X座標，Y，寬，高，開始，結束，蘋果派的畫法
  }
}