2019年9月26日 星期四

金魚腦互動技術

2019互動技術W3

一筆成型的畫

void setup(){
  size(600,400);
}
void draw(){
  line(pmouseX,pmouseY,mouseX,mouseY);先前的滑鼠pre畫到新的滑鼠作標
}












void setup(){
  size(600,400);
}
void draw(){
  if (mousePressed){ 滑鼠按下去才會畫畫
    line(mouseX,mouseY,pmouseX,pmouseY);
  }
}













void setup(){
  size(600,400);
}
void draw(){
  stroke(#FF0DD3);可以改顏色
  if (mousePressed){ 
    line(mouseX,mouseY,pmouseX,pmouseY);
  }
}











按按鍵,改顏色或粗細

void setup(){
  size(600,400);
}
void draw(){
  if(key=='1')stroke(255,0,0);按1畫出紅色
  if(key=='2')stroke(255,255,0);按2畫出黃色
  if(key=='3')stroke(0,255,0);按3畫出綠色
  if(key=='4')strokeWeight(4);按4變粗
  if(key=='5')strokeWeight(10);按5變粗
  if (mousePressed){ 
    line(mouseX,mouseY,pmouseX,pmouseY);
  }
}












小畫家

void setup() {
  size(600, 400);
  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, 255, 255);畫左上角調色盤
  rect(0, 150, 50, 50);
  fill(0, 0, 255);畫左上角調色盤
  rect(0, 200, 50, 50);
  fill(255);整個黑色框框
  rect(0, 250, 50, 150);
  line(25, 250, 25-7, 400);畫三角形條粗度
  line(25, 250, 25+7, 400);
}
void draw() {
  if (mouseX<50 && mousePressed) {
    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, 255, 255);
    else if (mouseY<250)stroke(0, 0, 255);
    else {
      strokeWeight((mouseY-250)/10);調整粗度
    }
  }
  if (mousePressed) { 畫畫
    line(mouseX, mouseY, pmouseX, pmouseY);
  }
}
























沒有留言:

張貼留言

alanhc 互動技術-week17 [final]

回顧這學期的作品:  期中作業:LANDING:PLANET 賣點&特點: 炫麗的特效 物理(星球重力及降落)及粒子系統(噴射) 世界地圖可根據視角縮放 困難點: 重寫3次最終改寫成物件導向的CLASS寫法...