本文編輯：小逛；首發公衆號@逛逛GitHub，微博@逛逛GitHub
哈哈，小逛找到一個摸魚神器！今天玩了一上午的坦克大戰！
坦克大戰當年紅遍大江南北，不少和我同樣的九零後應該都有着對這個遊戲的記憶。如今顯示器分辨率愈來愈高，使用矢量圖來實現像素風格遊戲，能夠得到很是高的展示質量。
小逛找到了一個 GitHub 項目，完美復刻了坦克大戰小遊戲。
這個項目是做者肥超花了很長時間折騰的復刻版本，全部元素都使用矢量圖（SVG）進行渲染，針對網頁的交互方式從新設計了關卡編輯器，該復刻版新增了關卡選擇功能、自定義關卡管理功能等，另外它還包括了一個 Gallery 頁面用於展現全部的遊戲元素，想必它必定能夠勾起你的兒時回憶。
在線試玩：https://battle-city.js.org/#/
GitHub：https://github.com/shinima/battle-city
點擊鼠標，選擇畫筆類型，在地圖中拖拽鼠標就便可完成關卡配置，不再用擔憂遊戲手柄按得手痠啦 (●ˇ∀ˇ●)。
完成自定義關卡配置以後，能夠將關卡信息保存到瀏覽器緩存中（localStorage）。而後在關卡管理頁面編輯/刪除/下載這些關卡配置，固然你也點擊關卡縮略圖下方 PLAY 按鈕直接開始自定義關卡。
瀏覽 Gallery 頁面來更全面地瞭解遊戲中的各個元素。
整個遊戲的開發過程做者也進行了介紹，對 React / Redux 感興趣的前端同窗能夠去看做者寫的文章：前端
www.zhuanlan.zhihu.com/p/35551654git
最後最後github
若是你喜歡這篇文章，還但願點個
在看、點贊
，或者分享哈
最後，歡迎關注小逛的公衆號「逛逛GitHub」，置頂標星。每日一個有用、有料的 GitHub 項目推薦，秀的一批~掃描下方二維碼關注！瀏覽器