06160805的課堂筆記

2019互動技術概論week03

注意：
size(w,h); //頁面大小
line(x,y,x,y); //線
rect(x,y,w,h); //矩形
circle(x,y,r); //圓形
ellipse(x,y,w,h); //橢圓
fill(R,G,B); //在矩形,圓形...等裡面的顏色
background(R,G,B); //頁面背景的顏色



打開processing

改字體大小：文件→偏好設定→編輯器字體大小

程式碼

按左鍵才會畫畫

void setup(){

  size(600,400);

}

void draw(){

  if(mousePressed && mouseButton==LEFT){//按下左鍵就畫線

    line(pmouseX,pmouseY,mouseX,mouseY); //pmouse代表舊的點將舊的點連到新的點，就可以畫出一條線

  }

}

將線換顏色

void setup(){

  size(600,400);

}

void draw(){

  stroke(255,0,0); //換顏色

  if(mousePressed && mouseButton==LEFT){

    line(pmouseX,pmouseY,mouseX,mouseY);

  }

}

當按下鍵盤數字鍵將線換顏色以及粗細

void setup(){

  size(600,400);

}

void draw(){

  if(key=='1') stroke(255,0,0);

  if(key=='2') stroke(255,255,0);

  if(key=='3') stroke(0,255,0);

  if(key=='4') strokeWeight(4);

  if(key=='5') strokeWeight(10);

  if(mousePressed && mouseButton==LEFT){

    line(pmouseX,pmouseY,mouseX,mouseY);

  }

}

用滑鼠就能改顏色，同時也能改粗細

void setup(){

  size(600,400);

  fill(255,0,0); rect(0,0,50,50); //畫有顏色的矩形

  fill(255,255,0); rect(0,50,50,50);

  fill(0,255,0); rect(0,100,50,50);

  fill(0,255,255); rect(0,150,50,50);

  fill(0,0,255); rect(0,200,50,50);

  fill(255); rect(0,250,50,150);

  line(25,250,25-7,400); //改粗細

  line(25,250,25+7,400); //改粗細

}

void draw(){

  if(mouseX<50 && mousePressed){

    if(mouseY<50) stroke(255,0,0); //按在小於座標50的地方，就會畫出紅色

    else if(mouseY<100)stroke(255,255,0); //按在小於座標100的地方，就會畫出黃色

    else if(mouseY<150)stroke(0,255,0); //按在小於座標150的地方，就會畫出綠色

    else if(mouseY<200)stroke(0,255,255); //按在小於座標200的地方，就會畫出淺藍色

    else if(mouseY<250)stroke(0,0,255); //按在小於座標250的地方，就會畫出深藍色

    else{

      strokeWeight((mouseY-250)/10);

    }

  }

  if(key=='1') stroke(255,0,0);

  if(key=='2') stroke(255,255,0);

  if(key=='3') stroke(0,255,0);

  if(key=='4') strokeWeight(4);

  if(key=='5') strokeWeight(10);

  if(mousePressed && mouseButton==LEFT){

    line(pmouseX,pmouseY,mouseX,mouseY);

  }

}

利用鍵盤上下左右鍵來畫線

void setup(){

  size(600,400);

  fill(255,0,0); rect(0,0,50,50);

  fill(255,255,0); rect(0,50,50,50);

  fill(0,255,0); rect(0,100,50,50);

  fill(0,255,255); rect(0,150,50,50);

  fill(0,0,255); rect(0,200,50,50);

  fill(255); rect(0,250,50,150);

  line(25,250,25-7,400);

  line(25,250,25+7,400);

}

void draw(){

  //if(key=='1') stroke(255,0,0);

  //if(key=='2') stroke(255,255,0);

  //if(key=='3') stroke(0,255,0);

  //if(key=='4') strokeWeight(4);

  //if(key=='5') strokeWeight(10);

  //if(mousePressed && mouseButton==LEFT){

   // line(pmouseX,pmouseY,mouseX,mouseY);

 // }

}

void mousePressed(){

  if(mouseX<50){

    if(mouseY<50) stroke(255,0,0);

    else if(mouseY<100)stroke(255,255,0);

    else if(mouseY<150)stroke(0,255,0);

    else if(mouseY<200)stroke(0,255,255);

    else if(mouseY<250)stroke(0,0,255);

    else{

      strokeWeight((mouseY-250)/10);

    }

  }

}

void mouseDragged(){

  if(mouseX>50){

    line(pmouseX,pmouseY,mouseX,mouseY);

  }

}

void keyPressed(){

  if(key=='1') stroke(255,0,0);

  if(keyCode==UP) line(300,200,300,0);

  if(keyCode==DOWN) line(300,200,300,400);

  if(keyCode==LEFT) line(300,200,0,200);

  if(keyCode==RIGHT) line(300,200,600,200);

}