2023年11月23日 星期四

學校滑鼠有夠爛 - Week11 - 互動技術🦆

 Week11

void setup(){
  size(600,500);
}
void draw(){
  background(255);
  for(int i=0;i<4;i++){
    for (int j=0;j<6;j++){
      rect(j*100,i*100,100,100);
    }
  }
}

畫出學生座位的格子

-1

void setup(){
  size(600,500);
}
void draw(){
  background(255);
  for(int i=0;i<4;i++){
    for (int j=0;j<6;j++){
      fill(#F5B4B4); rect(j*100,i*100,100,100);
      fill(0); text("Hello",j*100+25,i*100+50);
    }
  }
}


-2


用亂數決定每個座位上的數字
random(40)出來的值是浮點數,會出錯
須強制轉換成整數 int(random(40))
void setup(){
  size(600,500);
  for(int i=0;i<4;i++){
    for (int j=0;j<6;j++){
      value[i][j] = int(random(40));
    }
  }
}

int [][] value = new int[4][6];

void draw(){
  background(255);
  for(int i=0;i<4;i++){
    for (int j=0;j<6;j++){
      fill(#F5B4B4); rect(j*100,i*100,100,100);
      fill(0); text(value[i][j],j*100+25,i*100+50);
    }
  }
}

仍可能遇到重複數字

void setup(){
  size(600,500);
  for(int i=0;i<4;i++){
    for (int j=0;j<6;j++){
      value[i][j] = i*6+j +10; //從10開始,數字不重複
    }
  }
  for(int k=0;k<200;k++){
    int i=int(random(4)), j=int(random(6));
    int i2=int(random(4)), j2=int(random(6));
    int temp = value[i][j];
    value [i][j] = value[i2][j2];
    value[i2][j2] = temp;
  }
}

int [][] value = new int[4][6];

void draw(){
  background(255);
  for(int i=0;i<4;i++){ //y
    for (int j=0;j<6;j++){  //x
      fill(#F5B4B4); rect(j*100,i*100,100,100);
      fill(0); text(value[i][j],j*100+25,i*100+50);
    }
  }
}

-3



切換關卡(場景)
int state = 0; // 0: white, 1: red, 2: blue
void setup(){
  size(400,400);
}
void draw(){
  if(state==0){ //第0關,白色
    background(255);
  }else if(state==1){ //第1關,紅色
    background(255,0,0);
  }else if(state==2){ //第2關,藍色
    background(0,0,255);
  }
}


-4


int state = 0; // 0: white, 1: red, 2: blue
void setup(){
  size(400,400);
  textSize(50);
}
void draw(){
  if(state==0){ //第0關,白色
    background(255);
    fill(0);text("Click to Start",80,200);
  }else if(state==1){ //第1關,紅色
    background(255,0,0);
  }else if(state==2){ //第2關,藍色
    background(0,0,255);
  }
}
void mousePressed(){
  if(state==0)state=1;
}

按下滑鼠 > 從第0關 跳至 第1關 > 白色背景變紅色



-5

用鍵盤移動方塊,當方塊重合時,直接切換至第2關藍色背景
int state = 0; // 0: white, 1: red, 2: blue
void setup(){
  size(400,400);
  textSize(50);
}
int x = 50, y = 50;
void draw(){
  if(state==0){ //第0關,白色
    background(255);
    fill(0);text("Click to Start",80,200);
  }else if(state==1){ //第1關,紅色
    background(255,0,0);
    fill(255);rect(300,50,50,50);
    fill(128);rect(x,y,50,50);
  }else if(state==2){ //第2關,藍色
    background(0,0,255);
    
  }
}
void mousePressed(){
  if(state==0)state=1;
}
void keyPressed(){
  if(state==1 && keyCode==RIGHT){
    x += 10;
    if(x==300)state=2;
  }
}





程式碼不斷循環,需重置數值關卡才能繼續運行
int state = 0; // 0: white, 1: red, 2: blue
void setup(){
  size(400,400);
  textSize(50);
}
int x = 50, y = 50, t = 100;
void draw(){
  if(state==0){ //第0關,白色
    background(255);
    fill(0);text("Click to Start",80,200);
    x = 50;
  }else if(state==1){ //第1關,紅色
    background(255,0,0);
    fill(255);rect(300,50,50,50);
    fill(128);rect(x,y,50,50);
    t = 100;
  }else if(state==2){ //第2關,藍色 (倒數10秒)
    background(0,0,255);
    fill(255,255,0); text("Wait "+t,80,200);
    t--;
    if(t==0)state = 0;
  }
}
void mousePressed(){
  if(state==0)state=1;
}
void keyPressed(){
  if(state==1 && keyCode==RIGHT){
    x += 10;
    if(x==300)state=2;
  }
}





找一張籃球機的圖片,posX、Y 起始投球位置 做出投球的拋物線
PImage imgRack;
void setup(){
  size(300,330);
  imgRack = loadImage("rack.jpg");
}
void draw(){
  background(255);
  image(imgRack,0,0);
  if(mousePressed){
    fill(255);ellipse(posX,posY,20,20);
    line(posX,posY,mouseX,mouseY,20,20);
  }
  fill(#FFA652);ellipse(mouseX,mouseY,20,20);
}
float posX = -100, posY = -100;
void mousePressed(){
  posX = mouseX;
  posY = mouseY;
}

原始圖片









用boolean控制,flying開始以重力飛行 else flying = false 拉滑鼠的 x y值 拉完滑鼠放開 flying >> true
PImage imgRack;
void setup(){
  size(300,330);
  imgRack = loadImage("rack.jpg");
}
void draw(){
  background(255);
  image(imgRack,0,0);
  if(flying){
    x += vx;
    y += vy;
    vy += 0.98;
    }else{
      x = mouseX;
      y = mouseY;
      if(mousePressed){
        fill(255);ellipse(posX,posY,20,20);
        line(posX,posY,x,y);
      }
    }
    fill(#FFA652);ellipse(x,y,20,20);
}
boolean flying = false;
float x, y, vx, vy;
float posX = -100, posY = -100;
void mousePressed(){
  x = posX = mouseX;
  y = posY = mouseY;
  flying = false;
}
void mouseReleased(){
 vx = posX - mouseX;  vy = posY - mouseY;  flying = true; }



如何GAME OVER,滑鼠按下任意鍵 遊戲停止
PImage imgRack;
void setup(){
  size(300,330);
  imgRack = loadImage("rack.jpg");
}
boolean gameOver = false;
void keyPressed(){
  gameOver = true;
}
void draw(){
  background(255);
  image(imgRack,0,0);
  if(flying){
    if(! gameOver){
      x += vx;
      y += vy;
      vy += 0.98;
    }
  }else{
    x = mouseX;
    y = mouseY;
    if(mousePressed){
      fill(255);ellipse(posX,posY,20,20);
      line(posX,posY,x,y);
    }
  }
  fill(#FFA652);ellipse(x,y,20,20);
}
boolean flying = false;
float x, y, vx, vy;
float posX = -100, posY = -100;
void mousePressed(){
  x = posX = mouseX;
  y = posY = mouseY;
  flying = false;
}
void mouseReleased(){
 vx = posX - mouseX;
 vy = posY - mouseY;
 flying = true;
}










隨機產生地雷
int [][]mine = new int[9][9];
void setup(){
  size(450, 450);
  for (int i=0; i<9; i++) mine[i][0]=9;
  for (int k=0; k<1000; k++){
    int i = int(random(9)), j = int(random(9));
    int i2 = int(random(9)), j2 = int(random(9));
    int tmp = mine[i][j];
    mine[i][j] = mine[i2][j2];
    mine[i2][j2] = tmp;
  }
  for (int i=0; i<9; i++){
    for (int j=0; j<9; j++){ // 遇到紅色的地雷附近要+1
      if (mine[i][j]==9){
        addNumber(i-1, j-1);
        addNumber(i-1, j);
        addNumber(i-1, j+1);
        addNumber(i, j-1);
        addNumber(i, j); // 自己本身
        addNumber(i, j+1);
        addNumber(i+1, j-1);
        addNumber(i+1, j);
        addNumber(i+1, j+1);
      }
    }
  }
}
void addNumber(int i, int j){
  if (i<0 || j<0 || i>=9 || j>=9) return; // 超過範圍不做事
  if (mine[i][j]!=9) mine[i][j]++; // 不是地雷就+1
}
void draw(){
  for (int i=0; i<9; i++){
    for (int j=0; j<9; j++){
      if (mine[i][j]==9) fill(255, 128, 128);
      else fill(255);
      rect(j*50, i*50, 45, 45);
      
      if (mine[i][j]!=0){
        fill(0); text(" "+mine[i][j], j*50+23, i*50+23, 45, 45);
      }
    }
  }
}




沒有留言:

張貼留言