北極熊 Week 09 視覺化鍵盤打字位置

 視覺化鍵盤打字位置

• 讀入、顯示鍵盤照片
  
  
  
  
  
  
  
  
• 透過滑鼠點擊獲得照片上鍵盤按鈕的座標位置
  
  
  
  
  
  
  
  
• 透過滑鼠點擊存下A~Z按鈕的座標，並使用notepad++編輯座標格式，使用二維陣列對按鈕進行顯示色彩的處理
  
  
  
  
  
  
  
  
  
  
  
  
• 刪除不再需要的mousePressed()使用keyPressed() keyReleased()取得按下的按鈕ASCII code減去a得到以a為0開始的數值對應到之前的座標二為陣列，當按下按鈕時會在視窗顯示位置，放開時會取消顯示
  
  
  
  
  
  
  
  
• 定義一個string為要打的字，使用string.charAt( 字元index)得到接下來要打的字母，再使用if判斷在draw()中顯示出字母位置
  
  
  
  
  
  
  
  
• 用顏色區分已經打的字typed及要打的字typing，還沒加入打錯字的偵測，所以打錯字也會顯示在第二行的打字中
  
  
  
  
  
  
  
  
  
  
  
• 解決打錯字也毀顯示的問題，改成打對字才顯示，打錯字畫面閃紅一下
  
  
  
  
  
• 解決打字長度超過原本typrint長度會當機的問題
  
  
  
  
  
• 加入空格判斷