2025年3月6日 星期四

12750892-黃聖諺的week03課堂筆記

 week03 12750892 黃聖諺

week03-1

//week03_01_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盒子
}



week03-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



week03-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);



week03-4

//week03_04_stroke_strokeWeight_fill_
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

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

week03-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

week03-6

//week03_06_lerp_frameCount
void setup()
{
  size(400, 400);
}
float startX = 10, startY = 10;
float stopX = 390, stopY = 290;
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秒 = 60 frame
  ellipse(midX, midY, 10, 10);
}



week03-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); //貝氏曲線

week03-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);
}


week03-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);
}

week03-9

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

week03-10

//week03_10_3D_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 的點
  }
}

week03-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);
}

week03-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);
}

week03-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();
}





































沒有留言:

張貼留言