week02 郭晉瑜

week02
1.小畫家不用鍵盤調整筆觸粗細、顏色

void setup(){
  size(800,600); //畫面大小
  colorMode(HSB, 100); //調七彩色
}
void draw(){
  line(mouseX, mouseY, pmouseX, pmouseY); //從之前滑鼠位子畫到現在滑鼠位子
}
void mousePressed(){ //壓一下滑鼠按鍵
  if(mouseX<100){  //如果x軸<100
    strokeWeight(mouseY/50);  //照y軸位子越下面越粗
  }
  if(mouseX>700){ //如果x軸>700
    stroke(mouseY/10,100,100); // 照y軸位子調整顏色
  }
}




2.改小畫家版面

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/10,100,100);
  }
}


3.色彩調和
使用colorMode按右鍵→參考文檔可看到

在想仔細觀看的地方複製程式，可貼到Processing上，在做調整觀看參數
noStroke();
colorMode(HSB, 100);
for (int i = 0; i < 100; i++) {
  for (int j = 0; j < 100; j++) {
    stroke(i, j, 100); //(i改顏色,j改亮度,100改飽和度)
    point(i, j);
  }
}

4.看別人openProcessing 參考程式碼

 先找到別人所做的遊戲點上面<\>可看程式碼

全部複製到processing貼上可執行

5.參考並做出一個類似概念圖形

void setup(){

  size(720,720,P2D); //場景大小，2d

}

void draw(){

  

}

void mouseDragged(){

  ellipse(mouseX,mouseY,100,100); //做圓形(x座標,y座標,寬度,高度)

}

void setup(){

  size(720,720,P2D);

}

float pX=-10000, pY=-10000, r=100; //設浮點數

void draw(){

  ellipse(pX,pY,r,r); //圓的位置，大小用參數表示

  if(r>3){ //如果半徑大於3

    r-=10; //圓半徑少10公分

    pX+=13; //位置往+x方向+13

  }

}

void mousePressed(){

  pX=mouseX; pY=mouseY;r=100; //初始位置，半徑

}

6.匯入圖檔

size(1024,768); //調場景大小

background(0,255,0); //背景色

PImage img=loadImage("dora.png"); //匯入圖檔

image(img,0,0,1024,768); //調整圖位子大小

匯入兩張圖 一張可以用滑鼠拖動

PImage img1, img2;

void setup(){

  size(1024,768);

  img1=loadImage("dora.png");

  img2=loadImage("dora2.png");

}

void draw(){

  background(0,255,0);

  image(img2,mouseX,mouseY,300,200);

  image(img1,612,384,300,200);

}