Week02 喵喵喵喵喵的上課筆記

●能夠任意轉換粗細並有七彩顏色的小畫家

step1:輸入程式碼即能有轉換顏色以及粗細的小畫家

void setup(){

  size(800,600);

  colorMode(HSB,100);

}

void draw(){

  line(mouseX, mouseY, pmouseX, pmouseY);

}

void mousePressed(){

  if(mouseX<100){

     strokeWeight(mouseY/50);

  }

  if(mouseX>700){

     stroke(mouseY/6.0,100,100);

  }

}

需要轉換顏色點向右邊，需要轉換粗細點向左邊

●小畫家優化版本

因小畫家設計非常不方便，所以使用了不同的方法來優化小畫家

step1:輸入程式碼即能有轉換顏色以及粗細的小畫家

void setup(){

  size(800,600);

  rect(width-100,0,width,height);

  rect(0,0,100,height);

  colorMode(HSB,100);

}

void draw(){

  if(mousePressed) line(mouseX, mouseY, pmouseX, pmouseY);

}

void mouseDragged(){

  if(mouseX<100){

     strokeWeight(mouseY/50);

  }

  if(mouseX>width-100){

     stroke(mouseY/6.0,100,100);

  }

}

●改變顏色概念系統(HSB)

●試做上禮拜的互動視覺藝術作品　

step1:視覺藝術1

void setup(){

  size(720,720,P2D);

}

void draw(){

}

void mouseDragged(){

  ellipse(mouseX,mouseY,100,100);

}

step2:視覺藝術2

void setup(){

  size(720,720,P2D);

}

float pX=-100, pY=-100, r=100;

void draw(){

  ellipse(pX,pY,r,r);

  if(r>3){

    r-=10;

    pX+=13;

  }

}

void mousePressed(){

  pX=mouseX; pY=mouseY; r=100;

}

●把圖片放上去

step1:輸入程式碼

size(430,637);

background(0,255,0);

PImage img=loadImage("dora.png");

image(img,0 ,0 , 430,637);

●移動圖片