基於 React 的經典坦克大戰，在線試玩。

歡迎感興趣的小夥伴動起手來提交代碼加入到這個項目

項目分析

倉庫名稱：battle-city

標星(star)：1057 （網紅級項目，高手作品，star可以走一波）

標星趨勢

關注(watch)：32

拷貝(fork)：131

貢獻人數：1

倉庫大小：7 MB

最後更新：

代碼提交週期分佈：

綜合推薦指數： 2星半

開發語言

主要語言：TypeScript

語言分佈：TypeScript:98.17%、JavaScript:0.96%、HTML:0.62%、CSS:0.24%

項目概述

坦克大戰復刻版（Battle City Remake）

遊戲地址: http://shinima.pw/battle-city/

遊戲詳細介紹見知乎專欄文章: https://zhuanlan.zhihu.com/p/35551654

該 GitHub 倉庫的版本是經典坦克大戰的復刻版本，基於原版素材，使用 React 將各類素材封裝為對應的組件。素材使用 SVG 進行渲染以展現遊戲的像素風，可以先調整瀏覽器縮放再進行遊戲，1080P 屏幕下使用 200% 縮放為最佳。此遊戲使用網頁前端技術進行開發，主要使用 React 進行頁面展現，使用 Immutable.js 作為數據結構工具庫，使用 redux 管理遊戲狀態，以及使用 redux-saga/little-saga 處理複雜的遊戲邏輯。

本地開發

1. 克隆該項目到本地
2. 運行 yarn install 來安裝依賴 （或者使用 npm install）
3. 運行 yarn start 開啟 webpack-dev-server，並在瀏覽器中打開 localhost:8080
4. 運行 yarn build 來打包生產版本，打包輸出在 dist/ 文件夾下

devConfig.js 包含了一些開發用的配置項，注意修改該文件中的配置之後需要重啟 webpack-dev-server

項目地址

https://github.com/shinima/battle-city

程序員新視界：分享有趣、有料的流行程序員話題，每天進步一點點。