// week03_01_P3D_translate_rotateY_radians
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_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(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_4_mousePressed_stroke_line 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_4_mousePressed_stroke_line }
// 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 + mouseY) / 15; y = (y*14 + mouseY) / 15; } // 新的座標// 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_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); //黑色背景 stroke(255); //白色的線條 for(int i=0;i<1000;i++){ point(x[i],y[i]); // 現在只有2D的點,還差座標 } }// 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<1000;i++){ point(x[i],y[i],z[i]); // 現在只有2D的點,還差座標 } }// 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_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_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(); }// week03_13_3D_pushMatrix_translate_sphere_popMatrix void setup(){ size(600,400,P3D); } void draw(){ background(128); lights(); //加上打光 pushMatrix(); // 備份矩陣 translate(300,100); //習慣上, 要往右再縮 rotateY(radians(frameCount)); sphere(100); popMatrix(); // 還原矩陣 // 要備份矩陣,還原矩陣,就不會出錯 pushMatrix(); translate(100,100); rotateY(radians(frameCount)); sphere(100); popMatrix(); }(旋轉的)
沒有留言:
張貼留言