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

🎮 Battle city remake built with react.
https://github.com/shinima/battle-city

battle-city game react redux redux-saga svg

Last synced: 3 months ago
JSON representation

🎮 Battle city remake built with react.

• Host: GitHub
• URL: https://github.com/shinima/battle-city
• Owner: shinima
• License: mit
• Archived: true
• Created: 2017-02-28T13:31:04.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-01-13T10:18:34.000Z (over 2 years ago)
• Last Synced: 2024-01-17T07:34:20.739Z (5 months ago)
• Topics: battle-city, game, react, redux, redux-saga, svg
• Language: TypeScript
• Homepage: https://battle-city.js.org/
• Size: 7.64 MB
• Stars: 1,758
• Watchers: 40
• Forks: 312
• Open Issues: 10
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Lists

• awesome-github-star - battle-city
• awesome-list - Battle City Remake - Battle city remake built with react. (Game Engines / Data Management)

README

        
# 坦克大战复刻版（Battle City Remake）

游戏地址: https://shinima.github.io/battle-city

游戏详细介绍见知乎专栏文章: [https://zhuanlan.zhihu.com/p/35551654](https://zhuanlan.zhihu.com/p/35551654)

该 GitHub 仓库的版本是经典坦克大战的复刻版本，基于原版素材，使用 React 将各类素材封装为对应的组件。素材使用 SVG 进行渲染以展现游戏的像素风，可以先调整浏览器缩放再进行游戏，1080P 屏幕下使用 200% 缩放为最佳。此游戏使用网页前端技术进行开发，主要使用 React 进行页面展现，使用 Immutable.js 作为数据结构工具库，使用 redux 管理游戏状态，以及使用 redux-saga/little-saga 处理复杂的游戏逻辑。

如果游戏过程中发现任何 BUG 的话，欢迎提 [issue](https://github.com/shinima/battle-city/issues/new)。

### 开发进度：

  Milestone 0.2（已完成于 2018-04-16)

- [x] 游戏的基本框架

- [x] 单人模式

- [x] 展览页面

- [x] 关卡编辑器与自定义关卡管理




  Milestone 0.3（已完成于 2018-11-03）

- [x] 性能优化

- [x] 完整的游戏音效（有一些小瑕疵）

- [x] 双人模式（已完成）




**Milestone 1.0（看起来遥遥无期 /(ㄒ o ㄒ)/~~）**

- [ ] 更合理的电脑玩家

- [ ] 完整的设计、开发文档

- [ ] 基于 websocket 的多人游戏模式

### 本地开发

1.  克隆该项目到本地

2.  运行 `yarn install` 来安装依赖 （或者使用 `npm install`）

3.  运行 `yarn start` 开启 webpack-dev-server，并在浏览器中打开 `localhost:8080`

4.  运行 `yarn build` 来打包生产版本，打包输出在 `dist/` 文件夹下

`devConfig.js` 包含了一些开发用的配置项，注意修改该文件中的配置之后需要重启 webpack-dev-server