chotwo week01

 互動技術week01

Step01-1 直接模式

//Immediate Mode 直接模式

//This is very big

//中文字

size(500,500); //視窗(寬,高);

background(255,255,0); //背景(紅,綠,藍);

Step01-2 互動模式

    ellipse橢圓( 滑鼠座標X, 滑鼠座標Y,  寬,高);

//互動模式Interactive Mode (Active Mode)

void setup(){ //設定1次

  size(500,500);

  background(200,200,0);

}

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

  ellipse(mouseX, mouseY, 8, 8);

}

Step01-3   week01_3_if_mousePressed_line_mouseX_pmouseX

    滑鼠按下畫線 line( )

//互動模式Interactive Mode (Active Mode)

void setup(){ //設定1次

  size(500,500);

  background(255);//white

}

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

  if(mousePressed){

    line(mouseX, mouseY, pmouseX, pmouseY);

  }//畫從(滑鼠座標到,之前滑鼠座標)的線

}

Step01-4 keyPressed
    換畫筆&存檔

//互動模式Interactive Mode (Active Mode)

void setup(){ //設定1次

  size(500,500);

  background(255);//white 

}

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

  if(mousePressed){

    line(mouseX, mouseY, pmouseX, pmouseY);

  }//畫從(滑鼠座標到,之前滑鼠座標)的線

}

void keyPressed(){

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

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

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

  if(key=='s'|| key=='S') save("output.png");//if按下S存檔成output.png

}

Step01-5 strokeWeight

    改變筆觸大小

//互動模式Interactive Mode (Active Mode)

void setup(){ //設定1次

  size(500,500);

  background(255);//white

}

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

  if(mousePressed){

    line(mouseX, mouseY, pmouseX, pmouseY);

  }//畫從(滑鼠座標到,之前滑鼠座標)的線

}

void keyPressed(){

  if(key=='0') stroke(0,0,0);//black

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

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

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

  if(key=='s'|| key=='S') save("output.png");//if按下S存檔成output.png

  if(key=='+') strokeWeight(10);//筆觸大小=10

  if(key=='-') strokeWeight(1);

}

Step01-6 strokeWeight_println

    加減&印出筆觸大小

//互動模式Interactive Mode (Active Mode)

void setup(){ //設定1次

  size(500,500);

  background(255);//white

}

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

  if(mousePressed){

    line(mouseX, mouseY, pmouseX, pmouseY);

  }//畫從(滑鼠座標到,之前滑鼠座標)的線

}

int w = 1;

void keyPressed(){

  if(key=='0') stroke(0,0,0);//black

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

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

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

  if(key=='s'|| key=='S') save("output.png");//if按下S存檔成output.png

  if(key=='+') strokeWeight(++w);

  if(key=='-') strokeWeight(--w);

                      println(w);

}