2023年11月9日 星期四

部落格week09

 第一堂課


  • 開新檔案輸入程式碼叫出一個鍵盤


PImage img;
void setup(){
  size(800,600);
  img=loadImage("keyboard.png");
}
void draw(){
  image(img,0,600-266);
}
  •   開新檔案輸入程式碼使得紅色方塊跟隨滑鼠

PImage img;
void setup(){
  size(800,600);
  img=loadImage("keyboard.png");
  rectMode(CENTER);
}
void draw(){
  background(#FFFFF2);
  image(img,0,600-266);
  fill(255,0,0,128);
  rect(mouseX,mouseY,28,30,5);
}
 void mousePressed(){
   println(mouseX,mouseY);
 }

  • 開新檔案輸入程式碼讓鍵盤上有綠色的鍵帽


PImage img;
int [][] pos = {{94,488},{247,524},{179,524} 
,{160,490},{151,456},{194,489},{231,491}, 
{264,489},{323,456},{300,489},{330,490}, 
{367,491},{315,523},{280,526},{357,454}, 
{389,457},{83,456},{188,457},{129,490}, 
{220,456},{287,457},{211,524},{118,457}, 
{145,525},{252,456},{109,524}};
void setup(){
  size(800, 600);
  img = loadImage("keyboard.png");
  rectMode(CENTER); 
}
void draw(){
  background(#FFFFF2); 
  image(img, 0, 600-266);
  fill(255,0,0, 128); 
  rect(mouseX, mouseY, 28, 30, 5);
  fill(0,255,0, 128);
  for(int i=0; i<26; i++){
    rect(pos[i][0], pos[i][1], 28, 30, 5);
  }
}
void mousePressed(){
  print(mouseX, mouseY);
}
  • 開新檔案輸入程式碼使得按的按鍵會變成綠色
PImage img;
int [][] pos = {{94,488},{247,524},{179,524},{160,490},{151,456},{194,489},{231,491},
{264,489},{323,456},{300,489},{330,490},{367,491},{315,523},{280,526},{357,454},
{389,457},{83,456},{188,457},{129,490},{220,456},{287,457},{211,524},{118,457},
{145,525},{252,456},{109,524}};
void setup(){
  size(800, 600);
  img = loadImage("keyboard.png");
  rectMode(CENTER); 
}
void draw(){
  background(#FFFFF2); 
  image(img, 0, 600-266);
  fill(255,0,0, 128); 
  rect(mouseX, mouseY, 28, 30, 5);
  fill(0,255,0, 128);
  for(int i=0; i<26; i++){
  if(pressed[i])rect(pos[i][0], pos[i][1], 28, 30, 5);
  }
}
boolean[]pressed =new boolean[26];
void keyPressed(){
  if(key>='a'&&key<='z')pressed[key-'a']=true;
}
void keyReleased(){
  if(key>='a'&&key<='z')pressed[key-'a']=false;
}
 
 第二堂課

  • 開新檔案輸入程式碼使得畫面出現文字

PImage img;
int [][] pos = {{94,488},{247,524},{179,524},{160,490},{151,456},{194,489},{231,491},
{264,489},{323,456},{300,489},{330,490},{367,491},{315,523},{280,526},{357,454},
{389,457},{83,456},{188,457},{129,490},{220,456},{287,457},{211,524},{118,457},
{145,525},{252,456},{109,524}};
void setup(){
  size(800, 600);
  img = loadImage("keyboard.png");
  rectMode(CENTER); 
}
void draw(){
  background(#FFFFF2); 
  image(img, 0, 600-266);
  fill(255,0,0, 128); 
  rect(mouseX, mouseY, 28, 30, 5);
  fill(0,255,0, 128);
  for(int i=0; i<26; i++){
  if(typing.charAt(0)-'a'==i)rect(pos[i][0],pos[i][1],28,30,5);
  if(pressed[i])rect(pos[i][0], pos[i][1], 28, 30, 5);
  }
  fill(0);
  textSize(50);
  text(typing,50,50);
  text(typing.charAt(0),50,100);
}
String typing="printf";
boolean[]pressed =new boolean[26];
void keyPressed(){
  if(key>='a'&&key<='z')pressed[key-'a']=true;
}
void keyReleased(){
  if(key>='a'&&key<='z')pressed[key-'a']=false;
}
void mousePressed(){
  println(mouseX,mouseY);
}
  • 開新檔案輸入程式碼使得打得字會出現且當前字會變成紅色 

PImage img;
int [][] pos = {{94,488},{247,524},{179,524},{160,490},{151,456},
{194,489},{231,491},{264,489},{323,456},{300,489},{330,490},{367,491}
,{315,523},{280,526},{357,454},{389,457},{83,456},{188,457},{129,490}
,{220,456},{287,457},{211,524},{118,457},{145,525},{252,456},{109,524}};
void setup(){
  size(800, 600);
  img = loadImage("keyboard.png");
  rectMode(CENTER); 
}
void draw(){
  background(#FFFFF2); 
  image(img, 0, 600-266);
  fill(255,0,0, 128); 
  rect(mouseX, mouseY, 28, 30, 5);
  fill(0,255,0, 128);
  for(int i=0; i<26; i++){
    if(typing.charAt(0)-'a'==i) rect(pos[i][0], pos[i][1], 28, 30, 5);
    if(pressed[i]) rect(pos[i][0], pos[i][1], 28, 30, 5);
  }
  fill(0);
  textSize(50);
  text(typing,50,50);
  text(typed,50,100);
  fill(255,0,0);
  text(typed+typing.charAt(ID),50,100);
  fill(0);
  text(typed,50,100);
}
String typing="printfprintfprintf";
String typed="";
int ID = 0;
boolean [] pressed = new boolean[26];
void keyPressed(){
  if(key>='a'&&key<='z') pressed[key-'a'] = true;
  typed+=key;
  ID++;
}
void keyReleased(){
  if(key>='a'&&key<='z') pressed[key-'a'] = false;
}
void mousePressed(){
  print(mouseX, mouseY); 
}
 第三堂課

  • 開新檔案輸入程式碼使得打錯時螢幕會變紅色

PImage img;
int [][] pos = {{94,488},{247,524},{179,524},{160,490},{151,456},{194,489},{231,491}
,{264,489},{323,456},{300,489},{330,490},{367,491},{315,523},{280,526},{357,454},
{389,457},{83,456},{188,457},{129,490},{220,456},{287,457},{211,524},{118,457},
{145,525},{252,456},{109,524}};
void setup(){
  size(800, 600);
  img = loadImage("keyboard.png");
  rectMode(CENTER); //用中心點,來畫四邊形
}
void draw(){
  background(#FFFFF2); //淡黃色,清背景
  image(img, 0, 600-266);
  fill(255,0,0, 128); //半透明的紅色
  rect(mouseX, mouseY, 28, 30, 5);
  fill(0,255,0, 128);
  for(int i=0; i<26; i++){
    if(typing.charAt(0)-'a'==i) rect(pos[i][0], pos[i][1], 28, 30, 5);
    if(pressed[i]) rect(pos[i][0], pos[i][1], 28, 30, 5);
  }
  fill(0);
  textSize(50);
  text(typing,50,50);
  text(typed,50,100);
  fill(255,0,0);
  text(typed+typing.charAt(ID),50,100);
  fill(0);
  text(typed,50,100);
}
String typing="printfprintfprintf";
String typed="";
int ID = 0;
boolean [] pressed = new boolean[26];
void keyPressed(){
  if(key==typing.charAt(ID)){ 
      pressed[key-'a'] = true;
      typed+=key;
      ID++;
    }else{
      background(255,0,0);
    }
}
void keyReleased(){
  if(key>='a'&&key<='z') pressed[key-'a'] = false;
}
void mousePressed(){
  print(mouseX, mouseY); //定位、印出mouse座標
}
  • 開新檔案輸入程式碼使得打得字超出字串長度時不會當掉

PImage img;
int [][] pos = {{94,488},{247,524},{179,524},{160,490},{151,456},{194,489}
,{231,491},{264,489},{323,456},{300,489},{330,490},{367,491},{315,523},
{280,526},{357,454},{389,457},{83,456},{188,457},{129,490},{220,456},
{287,457},{211,524},{118,457},{145,525},{252,456},{109,524}};
void setup(){
  size(800, 600);
  img = loadImage("keyboard.png");
  rectMode(CENTER); 
}
void draw(){
  background(#FFFFF2); 
  image(img, 0, 600-266);
  fill(255,0,0, 128); 
  rect(mouseX, mouseY, 28, 30, 5);
  fill(0,255,0, 128);
  for(int i=0; i<26; i++){
    if(ID< typing.length()  &&  typing.charAt(ID)-'a'==i) 
rect(pos[i][0], pos[i][1], 28, 30, 5);
    if(pressed[i]) rect(pos[i][0], pos[i][1], 28, 30, 5);
  }
  fill(0);
  textSize(50);
  text(typing,50,50);
  text(typed,50,100);
  fill(255,0,0);
 if(ID< typing.length()) text(typed+typing.charAt(ID),50,100);
  fill(0);
  text(typed,50,100);
}
String typing="printfprintfprintf";
String typed="";
int ID = 0;
boolean [] pressed = new boolean[26];
void keyPressed(){
  if(ID< typing.length()  &&  key==typing.charAt(ID)){ 
      pressed[key-'a'] = true;
      typed+=key;
      ID++;
    }else{
      background(255,0,0);
    }
}
void keyReleased(){
  if(key>='a'&&key<='z') pressed[key-'a'] = false;
}
void mousePressed(){
  print(mouseX, mouseY); //定位、印出mouse座標
}
  • 開新檔案輸入程式碼使得按空白鍵時不會出問題

PImage img;
int [][] pos = {{94,488},{247,524},{179,524},{160,490},{151,456},{194,489},
{231,491},{264,489},{323,456},{300,489},{330,490},{367,491},{315,523},
{280,526},{357,454},{389,457},{83,456},{188,457},{129,490},{220,456},
{287,457},{211,524},{118,457},{145,525},{252,456},{109,524}};
void setup(){
  size(800, 600);
  img = loadImage("keyboard.png");
  rectMode(CENTER); 
}
void draw(){
  background(#FFFFF2); 
  image(img, 0, 600-266);
  fill(255,0,0, 128); 
  rect(mouseX, mouseY, 28, 30, 5);
  fill(0,255,0, 128);
  for(int i=0; i<26; i++){
    if(ID< typing.length()  &&  typing.charAt(ID)-'a'==i) 
    rect(pos[i][0], pos[i][1], 28, 30, 5);
    if(pressed[i]) rect(pos[i][0], pos[i][1], 28, 30, 5);
  }
  fill(0);
  textSize(50);
  text(typing,50,50);
  text(typed,50,100);
  fill(255,0,0);
 if(ID< typing.length()) text(typed+typing.charAt(ID),50,100);
  fill(0);
  text(typed,50,100);
}
String typing="printf is a function";
String typed="";
int ID = 0;
boolean [] pressed = new boolean[26];
void keyPressed(){
  if(ID< typing.length()  &&  key==typing.charAt(ID)){ 
    if(key>='a'&&key<='z'){
      pressed[key-'a'] = true;
      typed+=key;
      ID++;
    }else if(key==' '){
        typed+=key;
        ID++;
      }
      }else{
        background(255,0,0);
    }
}
void keyReleased(){
  if(key>='a'&&key<='z') pressed[key-'a'] = false;
}
void mousePressed(){
  print(mouseX, mouseY); 
}


















於






















標籤：
,


















沒有留言:















張貼留言























        

      









訂閱：
張貼留言 (Atom)