week07,HW07

1.








2.

week06,HW06

TODO: "看" 別人的 HW05 的作品
TODO: HW06第一部分: "寫"作品建議, 讚美、寫賣點

我覺得曾奕傑的彈珠檯應該會很有趣，因為這是每台電腦幾乎都會有的小遊戲

TODO: HW06第二部分: 今天的進度: 做期中作品

這是一個很經典的小遊戲，國小國中時代有上過電腦課的應該都有上課時偷玩過這種遊戲的經驗，尤其當年"史萊姆"算是下載小遊戲一個非常知名的網站，若能用processing重現一定會很有趣。

(a) 素材

      我們考慮將階梯人物背景這類的圖都重新繪製

(b) 想流程,很細地寫下步驟
   

(c) 試 code 看想法是否可行

week05,HW05

1. 會自己轉動的花

void setup(){
  size(600,600);
  noStroke();
}
float angle=0.01;
void draw(){
  background(0,0,0);
  translate(300,300);
  rotate(angle);
  angle=angle+0.01;
  for(int i=0;i<16;i++){
    rotate( PI/8);
    fill(100,200,0);
    ellipse(100,0,180,40);
    fill(255,100,0);
    ellipse(100,0,250,20);
  }
} 

2. 會跟著滑鼠跑的

void setup(){
  size(600,600);
  noStroke();
}
float angle=0.01;
void draw(){
  background(0,0,0);
  if(mousePressed){
  float move=(mouseX-pmouseX)-(mouseY-pmouseY);
  angle = angle + (move)*10*PI/30;
  }
  translate(mouseX,mouseY);
  rotate(angle);
  //angle=angle+0.01;  for(int i=0;i<16;i++){
    rotate( PI/8);
    fill(100,255,255);
    ellipse(100,0,180,40);
    fill(255,100,0);
    ellipse(100,0,250,20); 
  }
} 

3.

小朋友下樓梯!

week05,hw05

1.

void setup(){
  size(600,600);
}
float r=0.01;
void draw(){
  background(0,128,0);
  translate(300,300);
 

  rotate(r);r+=0.01; 
  fill(255,174,201);
  for(int i=0;i<18;i++){
    rotate( PI/9);
    ellipse(100,0,100,30);
  }
   fill(255,255,0);
  ellipse(0,0,150,150);
 
} 

2.

void setup(){
  size(600,600);
}
float r=0.01;
void draw(){
  background(0,128,0);
  if(mousePressed){
    float move=(mouseX-pmouseX)-(mouseY-pmouseY);
    r = r + (move)*10*PI/50;
  }
  translate(mouseX,mouseY);
  rotate(r);
  //r+=0.01;   fill(255,174,201);
  for(int i=0;i<18;i++){
    rotate( PI/9);
    ellipse(100,0,100,30);
  }
   fill(255,255,0);
  ellipse(0,0,150,150);
 
} 

3.

小朋友下樓梯~~~~~~~~~~~

week04, HW04

void setup(){
  
background(0,225,255);
size(500,400);
fill(255,0,0);//紅rect(0,0, 50,50);
fill(0,255,0);//綠rect(0,50, 50,50);
fill(0,0,255);//藍rect(0,100, 50,50);
fill(0,0,0);//黑rect(0,150, 50,50);
fill(255,255,255);//白rect(0,200, 50,50);

rect(450,0,50,50);//細ellipse(450+25,0+25,5,5);
rect(450,50,50,50);//粗ellipse(450+25,50+25,10,10);
rect(450,100,50,50);
fill(0,0,0);
text("erase",455,140);//擦fill(255,255,255);
rect(450,150,50,50);
fill(0,0,0);
text("save",460,180);//存stroke(0,0,0);
strokeWeight(10);
}




void draw()
{
if(mouseX < 50 && mouseY&rt;250 && mouseY<300 && mousePressed )
{
strokeWeight(5);//細
} 
else if(mouseX < 50 && mouseY&rt;300 && mouseY<350 && mousePressed )
{
strokeWeight(10);//粗
} 
if(mouseX < 50 && mouseY<50 && mousePressed )
{
stroke(255,0,0);//紅
}
else if(mouseX<50 && mouseY<100 && mousePressed)
{
stroke(0,255,0);//綠
}
else if(mouseX<50 && mouseY<150 && mousePressed)
{
stroke(0,0,255);//藍
}
else if(mouseX<50 && mouseY<200&& mousePressed)
{
stroke(0,0,0);//黑
}
else if(mouseX<50 && mouseY<250&& mousePressed)
{ 
stroke(255,255,255);//白
}
else if(mousePressed)
{
line(mouseX,mouseY,pmouseX, pmouseY);
}
if(mouseButton ==LEFT&&mousePressed ==true &&mouseX &rt;=450 &&mouseY <=50)
strokeWeight(5);
if(mouseButton ==LEFT&&mousePressed ==true &&mouseX &rt;=450 &&mouseY <=100 &&mouseY &rt;=50)
strokeWeight(10);
if(mouseButton ==LEFT&&mousePressed ==true &&mouseX &rt;=450 &&mouseY <=150 &&mouseY &rt;=100)
stroke(0,225,255);
if(mouseButton ==LEFT&&mousePressed ==true &&mouseX &rt;=450 &&mouseY <=200 &&mouseY&rt;=150)
save("123.jpg");

}

week03,HW03

1.

void setup(){
  size(600,600);
}

void draw(){
  fill(255,255,0);
  ellipse(mouseX,mouseY,100,100);
}

2.

void setup(){
  size(600,600);
  frameRate(24);
}
float x=100,y=100;
void draw(){
  background(0,0,0);

  fill(random(255),random(255),random(255));
  ellipse(mouseX,mouseY,120,50);

  fill(255,255,0);
  ellipse(x,y,50,120);
 
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}

3.

今天的進度大致上都還能跟上

希望到了新教室有廣播系統的話能有更好的學習效率

不然坐的比較遠實在是看不太到投影幕上的程式碼

week02,HW02,畫圖

1.

size(600,600);
for(int i=0;i<50 data-blogger-escaped-i="i" data-blogger-escaped-span="span" style="color: #cc6600;">fill

(random(255), random(255),random(255),random(255)); rect(random(500), random(500),random(500),random(500)); }

2.

size(400,300);
for(int i=0;i<50;i++)
{ 
for(int k=0;k<40;k++)
{
fill(i*255/50,k*255/40,i*255/20);     
rect(i*10,k*10, 10,10);   
}
}

3.

size(400,300);
for(int i=0;i<4 data-blogger-escaped-i="i" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">for

(int k=0;k<3 data-blogger-escaped-k="k" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">fill(i*255/4,k*255/3,i*255/2);   ellipse(i*100+50, k*100+50, 100, 100);   fill(i*255/3,k*255/4,i*255/2);   ellipse(i*100+50, k*100+50,50, 50);   fill(200,200,200);   ellipse(i*100+50, k*100+50,25,25);  } }

week01,HW01

1.



2.

size (500,500);
PImage kitty;
kitty = loadImage ("http://buytheway.buyble.com.tw/wp-content/uploads/2011/01/hello-kitty-fredscorner1.jpg");
image (kitty, 20, 20);

3.

原圖

小畫家

processing

size(520,650);

fill(1,64,229);
triangle(75,182,165,92,165,273);//左藍
fill(228,0,204);
quad(165,92,256,182,256,364,165,273);//左紫
fill(12,158,13);
triangle(256,182,437,182,256,364);//右綠
fill(233,229,0);
triangle(256,182,346,92,437,182);//右黃
fill(0,227,164);
quad(165,92,256,182,346,92,256,1);//中綠
fill(236,129,31);
triangle(256,364,256,624,1,364);//左橘
fill(105,188,232);
triangle(256,364,256,624,512,364);//右藍

4.

(1)學到了用processing來寫程式,畫圖可以插入網址,用程式來畫圖(形狀、座標、顏色)

(2)還想學很多同學分享影片中用到的技術

(3)大致上都還行,只是講的有一點快,而且教室的電腦無法廣播只能看投影幕有點不清楚