Skip to content
This repository has been archived by the owner on Jan 30, 2022. It is now read-only.

shinima/battle-city

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

坦克大战复刻版(Battle City Remake)

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

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

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

如果游戏过程中发现任何 BUG 的话,欢迎提 issue

开发进度:

Milestone 0.2(已完成于 2018-04-16)
  • 游戏的基本框架
  • 单人模式
  • 展览页面
  • 关卡编辑器与自定义关卡管理

Milestone 0.3(已完成于 2018-11-03)
  • 性能优化
  • 完整的游戏音效(有一些小瑕疵)
  • 双人模式(已完成)

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