12750140_week03

 

課堂作業1

//week03_01_P3D_translate_totateY_radians_box
void setup(){
  size(400,400,P3D); //開啟3D模式
}
void draw(){
  background(128); //灰色背景
  translate(mouseX,mouseY);
  rotateY(radians(frameCount)); //對Y旋轉
  box(200); //大小200的 3D Box 盒子
}

課堂作業2

//week03_02_2D_point_line_rect_ellipse
size(400,400); //2D座標系統
stroke(255,0,0); //筆觸是紅色
strokeWeight(8); //筆觸權重大小
point(200,200);  //預設的點，只有 1 pixel
line(200,0,400,100); //畫線
rect(50,50,100,100); //四邊形 x,y,w,h

fill(255,255,0); //填黃色
ellipse(300,200,50,80); //橢圓 x,y,w,h

課堂作業3

//week03_03_rect_corners
size(400,400);
rect(50,50,100,100);
rect(50,200,100,100,20);
rect(200,50,100,100,10,20,30,40);

課堂作業4

//week03_04_mousePressed_stroe_line
void setup(){
  size(500,500);
}
void draw(){
  //background(255); //先刪掉
  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,0,255); //藍色
  rect(0,150,50,50);
  if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);
}
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,0,255);
  } 
}

課堂作業4b

//week03_04b_mousePRessed_stroe_line
void setup(){
  size(500,500);
}
void draw(){
  //background(255); //先刪掉
  stroke(0);
  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,0,255); //藍色
  rect(0,150,50,50);
  stroke(myStroke);
  if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);
}
color myStroke;
void mousePressed(){
  if(mouseX<50){
      if(mouseY<50) myStroke =color(255,0,0);
      else if(mouseY<100) myStroke = color(255,255,0);
      else if(mouseY<150) myStroke = color(0,255,0);
      else if(mouseY<200) myStroke = color(0,0,255);
  } 
}

課堂作業5

//week03_05_mouse_cat_x_y
void setup(){
  size(400,400);
}
float x,y; //貓的座標
void draw(){
  background(255);
  ellipse(x,y,40,40);
  ellipse(mouseX,mouseY,40,20);
  x = (x*14 + mouseX) /15;
  y = (y*14 + mouseY) /15;
} //新的座標，舊的座標*14，目標*1

課堂作業6

//week03_06_lerp_frameCount
void setup(){
  size(400,400);
}
float startX = 10, startY = 10;
float stopX = 390, stopY = 390;
void draw(){
  ellipse(startX,startY,10,10);
  ellipse(stopX,stopY,10, 10);
  float midX = lerp(startX,stopX,frameCount / 200.0);
  float midY = lerp(startY,stopY,frameCount / 200.0);
  // frameCount 是 「第幾個frame」1小時=60分，1分=60秒，1秒=60 frame
  ellipse(midX,midY,10,10);
} 

課堂作業7

//week03_07_bezier_curve
size(400,400);
int x1 = 340, x2 = 40, x3 = 360, x4 = 60;
int y1 = 80, y2 = 40, y3 = 360, y4 = 320;
line(x1, y1, x2, y2);
line(x3, y3, x4, y4);
bezier(x1, y1, x2, y2, x3, y3, x4, y4); //貝氏曲線

課堂作業8

//week03_08_bezier_equation
void setup(){
  size(400,400);
}
int x1 = 340, x2 = 40, x3 = 360, x4 = 60;
int y1 = 80, y2 = 40, y3 = 360, y4 = 320;
void draw(){
  background(255);
  line(x1, y1, x2, y2);
  line(x3, y3, x4, y4);
  bezier(x1, y1, x2, y2, x3, y3, x4, y4); //貝氏曲線
  float t = frameCount / 200.0 %1;
  float t2 = 1-t;
  float x = x1*t2*t2*t2 + 3*x2*t*t2*t2 + 3*x3*t*t*t2 + x4*t*t*t;
  float y = y1*t2*t2*t2 + 3*y2*t*t2*t2 + 3*y3*t*t*t2 + y4*t*t*t;
  ellipse(x, y, 10, 10);
}

課堂作業8b

//week03_08b_bezier_equation
void setup(){
  size(400,400);
}
int x1 = 120, x2 = 320, x3 = 320, x4 = 120;
int y1 = 80, y2 = 20, y3 = 300, y4 = 300;
void draw(){
  background(255);
  line(x1, y1, x2, y2);
  line(x3, y3, x4, y4);
  bezier(x1, y1, x2, y2, x3, y3, x4, y4); //貝氏曲線
  float t = frameCount / 200.0 %1;
  float t2 = 1-t;
  float x = x1*t2*t2*t2 + 3*x2*t*t2*t2 + 3*x3*t*t*t2 + x4*t*t*t;
  float y = y1*t2*t2*t2 + 3*y2*t*t2*t2 + 3*y3*t*t*t2 + y4*t*t*t;
  ellipse(x, y, 10, 10);
}

課堂作業9

//week03_09_3D_random_random_random_point_translate
float [] x = new float[1000];
float [] y = new float[1000];
void setup(){
  size(400,400,P3D);
  for(int i=0; i<1000; i++){
    x[i] = random(400);
    y[i] = random(400);
  }
}
void draw(){
  background(0); //黑色背景
  stroke(255);
  translate(0,0,mouseY);
  for(int i=0;i<1000;i++){
    point(x[i],y[i]);
  }
}

課堂作業10

//week03_10_3D_random_random_random_point_translate
float [] x = new float[5000];
float [] y = new float[5000];
float [] z = new float[5000];
void setup(){
  size(400,400,P3D);
  for(int i=0; i<5000; i++){
    x[i] = random(400);
    y[i] = random(400);
    z[i] = random(-400,400);
  }
}
void draw(){
  background(0); //黑色的背景
  stroke(255); //白色的線條
  translate(0,0,mouseY);
  for(int i=0;i<5000;i++){
    point(x[i],y[i],z[i]); //現在是3D的點
  }
}

課堂作業11

//week03_11_3D_sphere_translate_rotateY
void setup(){
  size(400,400,P3D); 
}
void draw(){
  background(128); 
  translate(mouseX,mouseY);
  rotate(radians(frameCount)); 
  sphere(200);
}

課堂作業12

//week03_12_3D_sphere_translate_rotateY_lights
void setup(){
  size(400,400,P3D); //開啟3D模式
}
void draw(){
  background(128); //灰色背景
  lights(); //加上打光
  translate(mouseX,mouseY);
  rotateY(radians(frameCount));
  sphere(200);
}

課堂作業13

//week03_13_3D_pushMatrix_translate_sphere_popMatrix
void setup(){
  size(600,400,P3D);
}
void draw(){
  background(128);
  lights();
  
  pushMatrix(); //備份矩陣
    translate(300,100); //習慣上，要往右再縮
    sphere(100);
  popMatrix(); //還原矩陣
  //要備份矩陣、還原矩陣，就不會出錯
  pushMatrix();
    translate(100,100);
    sphere(100);
  popMatrix();
}