week03-12750724

課堂作業1

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

課堂作業2

//week03_2_point_line_rect_ellipse
size(400, 400);//2D座標系統
stroke(255, 0, 0);//筆觸為紅色
strokeWeight(8);//筆觸全種大小，預設只有1pixel
point(200, 200);//預設的點
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_3_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個數字為四個角的弧角

課堂作業4

//week03_4_mousePressed_stroke_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);
  }
}

//week03_4b_mousePressed_stroke_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_5_mouse_cat_x_y
void setup()
{
  size(400, 400);
}
float x, y;//貓座標
void draw(){
  background(255);
  ellipse(mouseX, mouseY, 40, 20);
  ellipse(x, y, 40, 40);
  x = (x * 4 + mouseX) / 5;
  y = (y * 4 + mouseY) / 5;
}//新的座標，舊的目標*14，目標*1

課堂作業6

//week03_6_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);
  
  //lerp()可做內差，要給它0.0~1.0之間的數
  float midX = lerp(startX, stopX, frameCount / 200.0);
  float midY = lerp(startY, stopY, frameCount / 200.0);
  //frameCount是「第幾個frame」1小時=60分，1分=60秒，1秒=60frame
  ellipse(midX, midY, 10, 10);
}

課堂作業7

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

課堂作業8

//week03_8_bezier_equation
void setup(){
  size(400, 400);
}
int x1 = 340, x2 = 40, x3 = 360, x4 = 60;
int y1 = 80, y2 = 40, y3 = 340, 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);
}


//week03_8b_bezier_eqution
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_9_3D_random_random_point
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);//白色線條
 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);
  rotateY(radians(frameCount));
  sphere(200);
}

課堂作業12

//week03_12_3D_sphere_translate_rotateY_lights
void setup(){
 size(400, 400, P3D); 
}
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);//習慣上要再往後縮1單位
    sphere(100);
  popMatrix();//還原矩陣
  //要備份矩陣、還原矩陣，就不會出錯
  pushMatrix();//備份矩陣
    translate(100, 100);
    sphere(100);
  popMatrix();//還原矩陣
}

下面程式碼會讓兩顆球旋轉

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