基于 React 的经典坦克大战，在线试玩。

欢迎感兴趣的小伙伴动起手来提交代码加入到这个项目

项目分析

仓库名称：battle-city

标星(star)：1057 （网红级项目，高手作品，star可以走一波）

标星趋势

关注(watch)：32

拷贝(fork)：131

贡献人数：1

仓库大小：7 MB

最后更新：

代码提交周期分布：

综合推荐指数： 2星半

开发语言

主要语言：TypeScript

语言分布：TypeScript:98.17%、_s: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

程序员新视界：分享有趣、有料的流行程序员话题，每天进步一点点。