階段一：玩遊戲的操作步驟
1. 點選遊戲開始
2. 蛇出現 食物出現
3. 開始控制蛇頭方向去撞擊食物
4. 碰撞到食物，食物消失，蛇身拉長。如果撞牆，遊戲結束。
5. 繼續下一輪
場景搭建
放一個容器盛放遊戲場景 div#map，設定樣式
#map {
  width: 800px;
  height: 600px;
  background-color: #ccc;
  position: relative;
}

階段二：分析物件
依據遊戲的演示來看，我們應該其實可以得出幾個物件，我們回憶下物件的定義，有屬性，有操作，那我們回憶剛才玩遊戲的步驟，哪些應該是物件
l 遊戲物件
l 蛇物件
l 食物物件
物件分析 
每個物件應該具備什麼屬性和方法呢？
食物物件Food
屬性
水平座標X
垂直座標Y
寬度    width
高度    height
顏色    color
方法
食物隨機顯示
l render()  （渲染、提交）
l 作用: render 隨機建立一個食物物件，並輸出到map上
蛇物件 snake
屬性
蛇節的寬度  width,預設是20
蛇節的高度  height，預設是20
身體       陣列，蛇的頭部和身體，第一個位置是蛇頭
方向      direction 蛇運動的方向 預設right 可以是 left top bottom
方法
render方法
render 把蛇渲染到map上
遊戲物件 Game
屬性
Food   食物
Snake   蛇
Map    場景
階段三：物件實現
食物物件Food
程式碼實現步驟
建立Food建構函式