聰明河馬密技2

Processing

1 . 進 階 版 小 畫 家  P a r t 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.進 階 版 小 畫 家  P a r t 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>700){
    stroke(mouseY/6.0,100,100);
  }
}

Final:

-------------------------------------------------------------------

j 是 透 明 度

3.openprocessing

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

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


float pX=-100,pY=-100,r=100;
void draw(){
  ellipse(pX,pY,r,r);
  if(r>3){
    r-=10;
    pX+=13;
  }
}
void mouseDragged(){
  pX=mouseX; pY=mouseY;r=100;
}

4.讀圖檔Part1

size(500,500);
background(200,255,250);
PImage img=loadImage("dora.png");
image(img,100,100,300,300);

5.讀圖檔Part2

PImage img1,img2;
void setup(){
  size(500,500);
  img1=loadImage("cute.png");
  img2=loadImage("cute1.png");
}
void draw(){
  background(200,250,200);
  //PImage img=loadImage("dora.png");
  image(img1,200,200,100,100);
  image(img2,mouseX,mouseY,100,100);
}