顯示具有 00160990黃劭宇 標籤的文章。 顯示所有文章
顯示具有 00160990黃劭宇 標籤的文章。 顯示所有文章

2013年10月6日 星期日

Week05

1.初戰花圖形


2.花圖形再開(加入迴圈)
3.花圖形白熱(加滑鼠跟顏色)

4.花圖形final


5.期中作品想法


火柴人格鬥:是用簡單的線條做成主角藉由不同的動作與敵人產生不同互動,期中想嘗試橫向卷軸動作類的遊戲,不要求跟例圖同等級的感覺,主要是想產生主人公能動能打跟別的物件產生互動。

2013年9月29日 星期日

Week 04

1.初戰小畫家
void setup(){
  size(400,400);
  background(255);
}
void draw(){

}
void mouseDragged(){
  line(mouseX, mouseY, pmouseX, pmouseY);
}
2.再戰小畫家
void setup(){
  size(400,400);
  background(255);
}
void draw(){ 
  fill(255,0,0);
  rect(0, 0, 100, 100);
  fill(0, 255, 0);
  rect(0, 100, 100, 100);
}
void mouseDragged(){
  line(mouseX, mouseY, pmouseX, pmouseY);
}
void mousePressed(){
}
void mouseClicked(){
  if(mouseX<100 && mouseY<100) stroke(255, 0, 0);
  else if (mouseX<100 && mouseY<200) stroke(0, 255, 0);
}
void mouseReleased(){
}
3.初戰調色盤

void setup(){
  size(400,400);
  background(255);
  noStroke();
  colorMode(HSB,100);
  for (int i = 0; i<100;i++){
    for(int j=0;j<100;j++){
      stroke(i,j,100);
      point(i,j);
    }
  }
}
void draw(){
}

void mouseDragged(){
  line(mouseX, mouseY, pmouseX, pmouseY);
}
void mousePressed(){
if(mouseX<100 && mouseY<100) stroke(mouseX,mouseY,100);
}
4.調色盤再開
void setup(){
  size(400,400);
  background(255);
  noStroke();
  colorMode(RGB,255);
  fill(143,245,232);
  rect(0,100,100,100);
  
  colorMode(HSB,100);
  for (int i = 0; i<100;i++){
    for(int j=0;j<100;j++){
      stroke(i,j,100);
      point(i,j);
    }
  }
}
void draw(){
}

void mouseDragged(){
  line(mouseX, mouseY, pmouseX, pmouseY);
}
void mousePressed(){
if(mouseX<100 && mouseY<100) {
  colorMode(HSB,100);  
  stroke(mouseX,mouseY,100);
}else if(mouseX<100 && mouseY<200){
  stroke(#8FF5E8);
}
}
5.筆觸初戰
void setup(){
  size(400,400);
  background(255);
  noStroke();  
  colorMode(HSB,100);
  for (int i = 0; i<100;i++){
    for(int j=0;j<100;j++){
      stroke(i,j,100);
      point(i,j);
    }
  }
 fill(255);
 rect(400,0,100,100);
 strokeWeight(30);
 stroke(#000000);
 point(450,50);
}

void draw(){
}

void mouseDragged(){
  if(mouseX>100) line(mouseX, mouseY, pmouseX, pmouseY);
}
void mousePressed(){
if(mouseX<100 && mouseY<100) {
  colorMode(HSB,100);  
  stroke(mouseX,mouseY,100);
}else if(mouseX<100 && mouseY<200){
  stroke(#8FF5E8);
}
}
4.小畫家Final
5.心得
很有成就感的一個禮拜 可以真的運用在平常






2013年9月15日 星期日

Week02

1.初戰for迴圈

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

void draw(){
  for(int x=0;x<600; x+=100){
    for(int y=0;y<400; y+=100){
      rect(x,y,100,100);
    }
  }
}
2.初戰變形顏色

void setup(){
  background(255,250,168);
  size(600,400);
}

void draw(){
  for(int x=0;x<600; x+=100){
    for(int y=0;y<400; y+=100){
      quad(x,y, 86, 20, 69, 63, 30, 76);
    }
  }
}
3.變形顏色再開

void setup(){
  background(255,250,168);
  size(600,400);
}

void draw(){
  for(int x=0;x<600; x+=100){
    for(int y=0;y<400; y+=100){
      fill(243,157,114,200);
      rect(x,y,100,60);
      
      fill(255,0,0,100);
      quad(x,y, 50, 60, 10, 10, 10, 0);
    }
  }
}
4.初戰滑鼠變化

void setup(){
  background(255,250,168);
  size(600,400);
}

void draw(){
  for(int x=0;x<600; x+=100){
    for(int y=0;y<400; y+=100){
      fill(243,157,114,dist(x,y,mouseX,mouseY));
      rect(x,y,100,60);
      
      fill(255,0,0,dist(x,y,mouseX,mouseY));
      quad(x,y, 50, 60, 10, 10, 10, 0);
    }
  }
}

5.初戰random顏色

color [][] myColor = new color[6][4];
void setup(){
  background(255,250,168);
  size(600,400);
  for(int x=0;x<600;x+=100){
    for(int y=0;y<400;y+=100){
      myColor[x/100][y/100] = color(random(256),random(256),random(256));
}
 }
}
void draw(){
  for(int x=0;x<600; x+=100){
    for(int y=0;y<400; y+=100){
      fill(myColor[x/100][y/100],dist(x,y,mouseX,mouseY));
      rect(x,y,100,60);
      
      fill(myColor[x/100][y/100],dist(x,y,mouseX,mouseY));
      quad(x,y, 50, 60, 10, 10, 10, 0);
    }
  }
}
6.心得初戰
比其他程式語言簡單很多 學的也比較有就感 但有時候老師進度跟講話速度太快 一不小心就沒聽到 希望老師有時候能放慢一點