Week2..玄的筆記

Week2
1.利用滑鼠來控制小畫家的顏色控制和筆刷大小
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);
  }
}

2.按下滑鼠才畫圖，並在視窗兩旁加方格來控制

void setup(){

  size(800,600);

  colorMode(HSB,100);

}

void draw(){

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

}

void mousePressed(){

  if(mouseX<100){

    strokeWeight(mouseY/50);

  }

  if(mouseX>700){

    stroke(mouseY/6.0,100,100);

  }

}

3.利用滑鼠拖曳來修改畫筆的顏色和大小

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);

  }

}

4.了解HSB顏色與更改數值

size(100,100);

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);

  }

}

5.上open Processing 觀看有趣的例子並複製程式碼來更改

自己畫圈圈

更改程式碼來完成目標!!!!!!!!

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;

   pY +=15;

 }

}

void mousePressed(){

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

//void mouseDragged(){

  ellipse(mouseX,mouseY,100,100);

}

跑出一隻皮卡丘來玩一下

size(500,500);  // 視窗大小

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

image(img,0,0,500,500);  圖片大小設定

要記得把圖片拉進去才能顯示！！！！！！！！！！

讓皮卡丘跟滑鼠跑

PImage img1, img2;

void setup(){

size(600,600);

img1=loadImage("Pikachu.png");

img2=loadImage("Pikachu2.gif");　　// 放gif檔依然不會動.... 幹!

}

void draw(){

  background( 100,150,133);　

//PImage img=loadImage("Pikachu.png");

image(img1,100,100,400,400);

image(img2,mouseX,mouseY,100,100);

}