// week05_01_i_love_u
size(300, 300); // 大小 300*300
stroke(255, 0, 0); // 紅線
for(int xx=0; xx<300; xx++){
for(int yy=0; yy<300; yy++){
float x = (xx-150) / 100.0; // 減一半，除100
float y = -(yy-150) / 100.0; // 減一半，除100
// 0...300 變 -150..+150 變 -1.5 ~ +1.5
float d = x*x + y*y -1;
if(d*d*d - x*x*y*y*y < 0) point(xx, yy);
}
}
// week05_01b_i_love_u
size(300, 300); // 大小 300*300
stroke(255, 0, 0); // 紅線
translate(width/2, height/2); // translate(150, 150)
for(int xx=-150; xx<150; xx++){
for(int yy=-150; yy<150; yy++){
float x = xx/100.0; // 減一半，除100
float y = - yy/100.0; // 減一半，除100
// 0...300 變 -150..+150 變 -1.5 ~ +1.5
float d = x*x + y*y -1;
if(d*d*d - x*x*y*y*y < 0) point(xx, yy);
}
}
// week05_02_for_for_ellipse_arc_arc_radians_360
// 角度 degrees vs. radians
size(600, 600);
background(0); // black
for(int i=0; i<6; i++){
for(int j=0; j<6; j++){
int now = i*6 + j; // 每個圓的編號
ellipse( 50+j*100, 50+i*100, 80, 80);
arc( 50+j*100, 50+i*100, 60, 60, 0, now, PIE);
arc( 50+j*100, 50+i*100, 40, 40, 0, radians(now*10), PIE);
text(now, j*100, i*100+30);
}
}
// week05_03_atan2_dy_dx_text_radians_degrees
// degrees vs. radians 結合 week04_01 and week05_02
void setup(){
size(400, 400);
}
void draw(){
background(128);
line(200, 200, 400, 200);
line(200, 200, mouseX, mouseY);
float dx = mouseX-200, dy = mouseY-200;
float a = atan2(dy, dx);
arc( 200, 200, 200, 200, 0, a, PIE);
textSize(30);
text( "radians: " + a, 100, 100);
text( "degrees: " + degrees(a), 100, 130);
}
// week05_03b_atan2_dy_dx_text_radians_degrees
// degrees vs. radians 結合 week04_01 and week05_02
void setup(){
size(400, 400);
}
void draw(){
background(128);
line(200, 200, 400, 200);
line(200, 200, mouseX, mouseY);
float dx = mouseX-200, dy = mouseY-200;
float a = atan2(dy, dx); // 三角函式
if(a<0) arc( 200, 200, 200, 200, a, 0, PIE); // 負的...零
else arc( 200, 200, 200, 200, 0, a, PIE); // 零...正的
textSize(30);
text( "radians: " + a, 100, 100); // radians 弧度
text( "degrees: " + degrees(a), 100, 130); //degree 度
}
// week05_04_transalte_mouseX_mouseY_rotate_radians_frameCount
// 比較 rotate and transalate
void setup(){
size(400, 400);
}
void draw(){
background(204);
// 請做以下測試: 把下面兩行調一下順序
// 會發現: 畫東西之前的translate()才有效果
// 在電腦圖學裡 畫圖時，會照著【累積的移動 旋轉】來放東西
translate(mouseX, mouseY); // 移到mouse所在位置
rotate(radians(frameCount)*10); // 1秒有60個frame，轉60度，要變radians單位
rect(-50, -5, 100, 10); // 寬度100的棒子 放在左上角
}
// week05_05_rotate_radians_frameCount_transalte_mouseX_mouseY
// 比較 rotate and transalate
void setup(){
size(400, 400);
}
void draw(){
background(204);
// 請做以下測試: 把下面兩行調一下順序
// 會發現: 兩行順序不同，一個自轉 一個公轉
// 在電腦圖學裡 畫圖時，會照著【累積的移動 旋轉】來放東西
rotate(radians(frameCount)*10); // 1秒有60個frame，轉60度，要變radians單位
translate(mouseX, mouseY); // 移到mouse所在位置
rect(-50, -5, 100, 10); // 寬度100的棒子 放在左上角
}
// week05_06_pushMatrix_popMatrix_good
// 因為有很多的移動 旋轉，大腦會亂掉，所以用【分階層】做事
void setup(){
size(400, 400);
}
void draw(){
background(204);
pushMatrix();
translate(width/2, height/2); // 把下面整陀移到畫面中心
rotate(radians(frameCount)*10);
rect(-50, -5, 100, 10); // 好的
popMatrix();
pushMatrix();
translate(width/2-100, height/2); // 把下面整陀移到畫面中心
rotate(radians(frameCount)*10);
rect(-50, -5, 100, 10);
popMatrix();
}
// week05_06_pushMatrix_popMatrix_bad
// 因為有很多的移動 旋轉，大腦會亂掉，所以用【分階層】做事
void setup(){
size(400, 400);
}
void draw(){
background(204);
translate(width/2, height/2); // 把下面整陀移到畫面中心
rotate(radians(frameCount)*10);
rect(-50, -5, 100, 10); // 好的
// 希望在左邊-100的地方也在轉，但它亂掉了
translate(width/2, height/2); // 把下面整陀移到畫面中心
rotate(radians(frameCount)*10);
rect(-50, -5, 100, 10);
}
// week05_07_many_pushMatrix_popMatrix
void setup(){
size(500, 500);
}
void draw(){
background(204);
for(int x = 50; x<500; x += 100){
for(int y = 50; y<500; y += 100){
pushMatrix();
translate(x, y);
rotate(radians(frameCount));
rect(-50, -5, 100, 10);
popMatrix();
}
}
}
沒有留言:
張貼留言