week07,HW07

1.








2.

week06,hw06

1.

我們想做大家耳熟能詳的俄羅斯方塊
【第一個目標】
利用「腳」踩踏的方式控制「方塊的方向」
再利用「手」控制「方塊左右移動」或是「迅速往下」
讓遊戲能夠依照我們的期望執行
【第二個目標】
將遊戲設計為兩種類型的關卡 -- 累計分數和時間限制
(a)累計分數關卡
玩家可以不受時間限制的一直玩，直到方塊滅頂後，才遊戲結束
(b)時間限制關卡
玩家必須在限時的一分鐘內，努力累積方塊削掉的數量
削掉的數量越多，玩家的分數越高 ------------------------------------------------------
我們覺得他們的想法很創新，從最復古的遊戲玩法變成用腳又用手，感覺很複雜
很期待他們的作品！應該會很好玩！

2.
(a) 素材
(背景)

(人物)

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

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

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()
{
size(500,400);
background(255);
fill(255,0,0);rect(0,0,50,50);
fill(255,128,50);rect(0,50,50,50);
fill(255,255,0);rect(0,100,50,50);
fill(0,255,0);rect(0,150,50,50);
fill(0,0,255);rect(0,200,50,50);
fill(0,0,0);rect(0,250,50,50);
//------------------------------//fill(255);
rect(450,0,50,50);
ellipse(475, 25, 3,3);
rect(450,50,50,50);
ellipse(475, 75, 6, 6);
rect(450,100,50,50);
ellipse(475, 125, 10,10);

strokeWeight(1);
}
void draw()
{
if(mouseX&rt;450 && mouseX<500 && mouseY&rt;0 && mouseY<50 && mousePressed)
{
strokeWeight(3);
}
else if(mouseX&rt;450 && mouseX<500 && mouseY&rt;50 && mouseY<100 && mousePressed)
{
strokeWeight(6);
}
else if(mouseX&rt;450 && mouseX<500 && mouseY&rt;100 && mouseY<150 && mousePressed)
{
strokeWeight(10);
}
//==========================//else if(mouseX < 50 && mouseY<50 && mousePressed)
{
stroke(255,0,0);
}
else if(mouseX < 50 && mouseY<100 && mousePressed)
{
stroke(255,128,50);
}
else if(mouseX < 50 && mouseY<150 && mousePressed)
{
stroke(255,255,0);
}
else if(mouseX < 50 && mouseY<200 && mousePressed)
{
stroke(0,255,0);
}
else if(mouseX < 50 && mouseY<250 && mousePressed)
{
stroke(0,0,255);
}
else if(mouseX < 50 && mouseY<300 && mousePressed)
{
stroke(0,0,0);
}
else if(mousePressed)
{
line(mouseX,mouseY,pmouseX,pmouseY);
}
}

week03,hw3

1.

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

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

2.

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

  fill(255,255,0);
  ellipse(mouseX,mouseY,60,60);

  fill(255,0,0);
  ellipse(x,y,50,50);
 
  x=x*0.8 + mouseX*0.2;
  y=y*0.8 + mouseY*0.2;
}

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/10,k*255/20,i*255/30);     
rect(i*10,k*10, 10,10);   
}
}

3.

size(400,300);
background(255);
noStroke();
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(255,0,0);   ellipse(i*100+50, k*100+50, 100, 100);   fill(255,120,0);   ellipse(i*100+50, k*100+50,80, 80);   fill(255,255,0);   ellipse(i*100+50, k*100+50,50,50);  } }

week01,HW01

1.



2.

size (500,500);
PImage kitty;
kitty = loadImage ("http://4.blog.xuite.net/4/a/1/d/12080354/blog_8620/txt/3451858/5.jpg");
image (kitty, 20, 20);

3.

原圖

小畫家

三角形角度較難抓準,跟原圖有差,直線有斜角的痕跡

processing

完美

size(200,200);
//body

//hand_up
fill(170,247,255);//color
triangle(73,13,9,77,137,77);//藍
fill(196,254,170);
triangle(90,77,26,77,26,141);//綠
fill(255,174,170);
triangle(90,77,26,141,154,141);//紅
fill(246,196,247);
triangle(154,141,154,77,122,109);//淺粉
fill(133,162,254);
triangle(154,77,90,77,122,109);//紫色
fill(233,240,162);
quad(137,77,171,77,139,45,105,45);//平行

fill(255,223,172);
quad(105,45,139,45,139,13,105,13);//煙囪