week02-卓佾柔的上課筆記

一、小畫家

void setup(){
  size(800,600);
  colorMode(HSB,100);   //色彩模式
}
void draw(){
  line(mouseX,mouseY,pmouseX,pmouseY);
}
void mousePressed(){
  if(mouseX<100){///strokeWeight()    //在X軸座標小於100的位置點一下可以改變筆刷粗細
    strokeWeight(mouseY/50);
  }
  if(mouseX>700){///stroke()    //在X軸座標大於700的位置點一下可以改變筆刷顏色
    stroke(mouseY/6.0,100,100);
  }
}

void draw(){

  if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY); //如果點擊了才畫

}

void setup(){

  size(800,600);

  rect(width-100,0,width,height); //左框框

  rect(0,0,100,height);  //右框框

  colorMode(HSB,100);///Q:Hue色相,Saturation飽和度,Brightness亮度,0-100

}

void draw(){

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

}

void mouseDragged(){  //滑鼠拖曳

  if(mouseX<100){///strokeWeight()

    strokeWeight(mouseY/50);

  }

  if(mouseX>width-100){///stroke() 

    stroke(mouseY/6.0,100,100); //彩虹顏色的筆刷

  }

}

noStroke();

colorMode(HSB, 100);

for (int i = 0; i < 100; i++) {

  for (int j = 0; j < 100; j++) {

    stroke(i, j, 100);  ///色相,飽和度,亮度,0~100

    point(i, j);

  }

}

二、畫圈

void setup(){
  size(720,720,P2D);
}
void draw(){

}
void mouseDragged(){
  ellipse(mouseX,mouseY,100,100); //畫圓
}

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

三、貼圖片

size(500,500);

background(255,174,101); //背景顏色

PImage img=loadImage("dora.jpg"); //圖片記得要先拉進去視窗

image(img,90,90,300,300); //圖片名稱,位置,大小

PImage img1,img2;
void setup(){
  size(500,500);
  img1=loadImage("dora.jpg"); //圖片有兩個以上的話,讀圖檔要放在void setup()裡面
  img2=loadImage("dora2.jpg");
}
void draw(){
  background(255,174,101);
  //PImage img=loadImage("dora.jpg");
  image(img1,mouseX,mouseY,100,100); //讓圖片1跟著滑鼠動
  image(img2,200,200,100,100);

}