2025年3月6日 星期四

week03_呱

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

}




week03-2

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

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


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




week03-4

//week03-4_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-4b_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-5_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-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,stopY,frameCount/200.0);
   float midY=lerp(startX,stopY,frameCount/200.0);
   //frameCount是 第幾個frame 1hr=60min 1min=60s
   ellipse(midX,midY,10,10);
}


week03-7

//week03-7_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-8_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-8b

  //week03-8b_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-9_3D_random_point
float []x=new float[5000];
float []y=new float[5000];
void setup(){
   size(400,400,P3D);
   for(int i=0;i<5000;i++){
    x[i]=random(400);
    y[i]=random(400);
   }
}
void draw(){
  background(0); //黑色背景
  stroke(255); //白色線條
  for(int i=0;i<5000;i++){
     point(x[i],y[i]); 
  }
}



week03-10

//week03-10_3D_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]); 
  }
}


week03-11

//week03-11_3D_sphere
void setup(){
   size(400,400,P3D); 
}
void draw(){
   background(128);
   translate(mouseX,mouseY);
   rotateY(radians(frameCount));
   sphere(200);
}


week03-12

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
















沒有留言:

張貼留言