week02_寶欸學習筆記

今天第一個任務是在滑鼠經過的地方畫出一個白框,不斷更新,這樣就可以畫圖


程式碼:
void setup(){
  size(800,300);
}
void draw(){
  rect(mouseX,mouseY,50,20);
}

改成紅色:

程式碼:
void setup(){
  size(800,300);
}
void draw(){
  fill(#ff0000);
  rect(mouseX,mouseY,50,20);
}

在游標碰到的格子填上黑色

程式碼:
void setup(){
  size(800,300);
  for(int x=0;x<800;x+=16){
    for(int y=0;y<300;y+=30){
      rect(x,y,16,30);
    }
  }
}
void draw(){
  int nowX=mouseX/16*16, nowY=mouseY/30*30;///先/再*
  fill(0);///填上黑色
  rect(nowX,nowY,16,30);
}
按下左鍵格子變黑,按下右鍵,格子變白



void setup(){
  size(800,300);
  for(int x=0;x<800;x+=16){
    for(int y=0;y<300;y+=30){
      rect(x,y,16,30);
    }
  }
}
void draw(){
  int nowX=mouseX/16*16, nowY=mouseY/30*30;
  if(mousePressed && mouseButton==LEFT){///按下左鍵
    fill(0);///填入黑色
    rect(nowX,nowY,16,30);
  }
  else if(mousePressed && mouseButton==RIGHT){///按下右鍵
    fill(255);///填入白色
    rect(nowX,nowY,16,30);
  }
}



PImage img;
void setup(){
  size(500,500);
  img=loadImage("http://n.sinaimg.cn/ent/transform/w630h630/20171207/wO9t-fypnsin7083398.png");///直接從網路上抓圖片
}
void draw(){
  image(img,mouseX,mouseY,200,200);
}



PImage img;
void setup(){
  size(500,500);
  img=loadImage("pika.png");///將圖片拉到程式碼中,直接呼叫檔名
}
void draw(){
  image(img,mouseX,mouseY,200,200);
}