首页 > 游戏 > GitHub TypeScript项目推荐|基于React开发的经典坦克大战游戏

GitHub TypeScript项目推荐|基于React开发的经典坦克大战游戏

基于 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

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

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.souzhinan.com/yx/109448.html