☆。week02開始的互動技術。★

★筆記☆
工具->顏色選擇器。
size() //畫面的大小。
line()//劃一條線，從開始點的XY座標，到結束點的XY座標。
rect()//畫一個長方形，從開始點的XY座標，到結束點的XY座標。
fill()//方格填色，A(RGBA)方式ORB(#??????)色碼填色。
background()//背景填色，A(RGBA)方式ORB(#??????)色碼填色。
ellipse()//橢圓形(起點(XY)座標，長，寬。)
void setup(){} //大約等於Strat()
void draw(){} //大約等於Update()
PImage img;增加圖片近來，先進行宣告
img=loadImage("dora.jpg");讀入圖片
image(img,0,0,width,height);顯示圖片
if (mousePressed&& mouseButton == RIGHT) { //如果是右鍵，那就把格子填白
int nowX=mouseX/16*16 , nowY=mouseY/30*30; //偵測在哪個位置，將小數消掉之後讓方格基點在左上角

★☆
void setup(){
size(800,300);
}
void draw(){
     if (mousePressed) {
          rect(mouseX,mouseY,50,20);
        }
}
★☆
























void setup(){
size(800,300); ///拉一個長方形畫布
for(int x=0;x<800;x+=16){ ///800->720for 45
  for(int y=0;y<300;y+=30){
      rect(x,y,16,30); ///拉出格子
    }
  }
}
void draw(){
if (mousePressed&& mouseButton == RIGHT) { //如果是右鍵，那就把格子填白
   int nowX=mouseX/16*16 , nowY=mouseY/30*30; //偵測在哪個位置，將小數消掉之後讓方格基點在左上角
   fill(255); //白的
   rect(nowX,nowY,16,30);
  }
if (mousePressed&& mouseButton == LEFT) {///如果是左鍵，那就把格子填黑
   int nowX=mouseX/16*16 , nowY=mouseY/30*30;
   fill(0);///黑的
   rect(nowX,nowY,16,30);
  } 
}











★☆

PImage img;增加圖片近來，先進行宣告
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);
    }
  }
  img=loadImage("dora.jpg");讀入圖片
  image(img,0,0,width,height);顯示圖片
}
void draw(){ 
if(mousePressed&& mouseButton == RIGHT){
   int nowX=mouseX/16*16 , nowY=mouseY/30*30;
   fill(255);
   rect(nowX,nowY,16,30);
  }
if(mousePressed&& mouseButton == LEFT){
   int nowX=mouseX/16*16 , nowY=mouseY/30*30;
   fill(0);
   rect(nowX,nowY,16,30);
  }
}
★☆
PImage img;
int block[][]=new int[100][100];
void setup(){
  size(800,950);
  img=loadImage("dora.jpg");
}

void draw(){ 
    background(img);
     int nowX=mouseX/40 , nowY=mouseY/50;
    if(mousePressed&& mouseButton == RIGHT){
     block[nowX][nowY]=0;
    }
    if(mousePressed&& mouseButton == LEFT){
      block[nowX][nowY]=1;
    }
    for(int i=0;i<20;i++){
      for(int j=0;j<19;j++){
        fill(0);
        if(block[i][j]==1)rect(i*40,j*50,30,40);
      }
    }
}
★☆