week03-1
///week03_1 translate rotateY radiansbox
void setup(){
size(400,400,P3D);
}
void draw(){
background(128);
translate(mouseX,mouseY);
rotateY(radians(frameCount));
box(200);
}
//week_03_2_2D_point_line_rect_ellipse_
size(400,400);//2D座標系統
stroke(255,0,0);
strokeWeight(8);//筆觸的權重大小
point(200,2000);//預設點只有1pixel
line(200,0,400,100);//draw line
rect(50,50,100,100);//x,y,w,h
fill(255,255,0);//fill yello
ellipse(300,200,50,80);//橢圓x,y,w,h
//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_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,mouseX,mouseY);
}
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,mouseX,mouseY);
}
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(x,y,40,40);
ellipse(mouseX,mouseY,40,20);
x = (x*4 + mouseX) /5;
y = (y*4 + mouseY) /5;
}//新的座標，舊的目標*14，目標*1
//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秒=60
ellipse(midX,midY,10,10);
}
//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_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_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_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]);//現在只有2D的點，還差Z座標
}
}
//week03_10_3D_random_random_point
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);
}
}
void draw(){
background(0);//黑色的背景
stroke(255);//白色的線條
translate(0,0,mouseY);
for(int i=0; i<5000; i++){
point(x[i],y[i],z[i]);//現在只有2D的點，還差Z座標
}
}
//week03_11_3D_sphere_translate_rorateY_lights
void setup(){
size(400,400,P3D);
}
void draw(){
background(128);
translate(mouseX, mouseY);
rotateY(radians(frameCount));
sphere(200);
}
//week03_12_3D_sphere_translate_rorateY_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(400,400,P3D);
}
void draw(){
background(128);
lights();
pushMatrix();//備份矩陣
translate(300,100);//習慣上，要再往右縮
sphere(100);
popMatrix();//還原矩陣
//要備份矩陣、還原矩陣，就不會出錯
translate(100,100);
sphere(100);
}
老師示範
沒有留言:
張貼留言