// 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 BOX 盒子
}
// week03_02_2D_point_line_rect_ellispe
size(400, 400); // 2D 座標系統
stroke(255, 0, 0); // 筆觸 red
strokeWeight(8); // 筆觸的權重大小
point(200, 200); // 預設的點，只有1 pixel
line(200, 0, 400, 100); // draw line
rect(50, 50, 100, 100); // 四邊形 (rectangle) x,y,w,h
fill(255, 255, 0); // draw yellow
ellipse(200, 200, 50, 80); // 橢圓 (ellipse) 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);
// rect: x,y,h,w,弧度
// week03_04_mousePressed_stroke_line
void setup(){
size(500, 500);
}
void draw(){
// background(255); // delete
fill(255, 0, 0); // red
rect(0, 0, 50, 50);
fill(255, 255, 0); // yellow
rect(0, 50, 50, 50);
fill(0, 255, 0); // green
rect(0, 100, 50, 50);
fill(0, 0, 255); // blue
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_04b_mousePressed_stroke_line
void setup(){
size(500, 500);
}
void draw(){
// background(255); // delete
stroke(0);
fill(255, 0, 0); // red
rect(0, 0, 50, 50);
fill(255, 255, 0); // yellow
rect(0, 50, 50, 50);
fill(0, 255, 0); // green
rect(0, 100, 50, 50);
fill(0, 0, 255); // blue
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; // cat 座標
void draw(){
background(255);
ellipse(x, y, 40, 40);
ellipse(mouseX, mouseY, 40, 20);
x = (x*14 + mouseY) / 15;
y = (y*14 + mouseY) / 15;
} // new(x,y), old(x,y)*14, goal*1
// 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);
// lerp() 可做內插，要給它 0.0~1.0 之間的數
float midX = lerp(startX, stopX, frameCount / 200.0);
float midY = lerp(startY, stopY, frameCount / 200.0);
// frameCount 是第幾個frame，1hr = 60mins, 1min = 60sec, 1sec = 60frame
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_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_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); // balck background
stroke(255); // white line
for(int i=0; i<1000; i++){
point(x[i], y[i]);
}
}
// 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); // balck background
stroke(255); // white line
translate(0, 0, mouseY);
for(int i=0; i<5000; i++){
point(x[i], y[i], z[i]); // 3D point
}
}
// week03_11_3D_sphare_translate_rotateY
void setup(){
size(400, 400, P3D);
}
void draw(){
background(128);
translate(mouseX, mouseY);
rotateY(radians(frameCount));
sphere(200);
}
// week03_12_3D_sphare_translate_rotateY_lights
void setup(){
size(400, 400, P3D);
}
void draw(){
background(128);
lights(); // 加上打光
translate(mouseX, mouseY);
rotateY(radians(frameCount));
sphere(200);
}
// week03_13_3D_ pushMatrix_translate_sphere_popMatrix
void setup(){
size(600, 400, P3D);
}
void draw(){
background(128);
lights();
pushMatrix(); // copy 矩陣
translate(300, 100);
rotateY(radians(frameCount)); // try
sphere(100);
popMatrix(); // return 矩陣
// if copy and return 矩陣,won`t be wrong
pushMatrix();
translate(100, 100);
rotateY(radians(frameCount)); // try
sphere(100);
popMatrix();
}
沒有留言:
張貼留言