2025年3月13日 星期四

傅士源的...12753096 week03

//week03_01_P3D_translate_rotateY_radians_box

void setup(){
  size(400,400,P3D);
}
void draw(){
  background(128);
  translate(mouseX,mouseY);
  rotateY(radians(frameCount));
  box(200);
}

//week03_02_2D_point_line_rect_elipse
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(200,200,50,80);//橢圓x,y,w,h

//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_04b_sroke_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_05_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*14+mouseX)/15;
  y=(y*14+mouseY)/15;
}

//week03_06_
void setup(){
   size(400,400);
}
float startX=0,startY=0;
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,startX,frameCount/200.0);
    float midY=lerp(startY,stopY,frameCount/200.0);
   //frameCount 是(第幾個frame)1小時=60分,1分=60秒,1秒=60
    ellipse(midX,midY,10,10);
    
}

//week03_06b_lerp_frameCount
void setup(){
   size(400,400);
}
float startX=0,startY=0;
float stopX=390,stopY=290;
void draw(){
    background(255);
    ellipse(startX,startY,10,10);
    ellipse(stopX,stopY,10,10);
    //lerp()可以做內插,要給他0.0~1.0之間的數
    float midX=lerp(startX,startX,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_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_08_bezier_
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_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_09_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]);
  }
}

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

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

//week03_12_3D_sphere_translate_rotateY
void setup(){
   size(400,300,P3D);
}
void draw(){
  background(128);
  lights();//加上打光
  translate(mouseX,mouseY);
  rotateY(radians(frameCount));
  sphere(200);
}

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

沒有留言:

張貼留言