Canvas 實現一個簡單的貪吃蛇

Intro

點擊預覽
在之前的代碼風格,和樣式上做了大調整,如下圖,主要是美化了移動端

  • Before

before-pc

  • After

poster

snake-game-pc

Start

移動端:中間的圓點按鈕是重新開始,周圍的方向按鈕和遊戲手柄操作一樣
web端:鍵盤方向鍵控制

Technology stack

Typescript
rollup
yarn
canvas API

Done

  • 本次得分
  • 歷史最高分
  • 移動端、web端適配

Todo

  • 蛇的樣式美化
  • 遊戲設置障礙物

Review and issues

github源碼
關注我

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章