構思

第一個經典遊戲莫非是貪食蛇了，這遊戲會需要用到的元素如下

1. 邊界範圍: 需要界定蛇可以活動的範圍，觸碰到邊界遊戲即結束
2. 食物: 一開始隨機出現在邊界範圍內，當蛇碰到後，要再重新產生，直到遊戲結束
3. 蛇: 預期這會是這個遊戲最複雜的地方，因此再細部拆解
   a. 目前的移動方向
   b. 當按下與現在方向相差90度方向後，改變移動方向；其餘則維持原方向
   c. 蛇身的變化: 每碰到食物後，蛇身長度+1；方向改變時，由蛇頭開始慢慢變化直到蛇尾一致
   d. 第二種遊戲結束條件: 碰到身體

需具備的程式背景

1. keyboard event: 使用event listener來監聽按下鍵盤的動作，取得控制蛇方向的上、下、左、右鍵
   由w3Schools查得使用event.code即可取得(圖一)。
   另外，網站上指出keyCode是舊有的使用方式，避免使用。

function getKey(e){
    console.log(e.code); //取得鍵盤代號
}
object.addEventListener("keydown", getKey);

圖一:
2. canvas: 用於在畫面做圖，做為遊戲的邊界畫面