好玩好玩！GitHub 上开源的坦克大战！

本文编辑：小逛；首发公众号@逛逛GitHub，微博@逛逛GitHub

哈哈，小逛找到一个摸鱼神器！今天玩了一上午的坦克大战！

坦克大战当年红遍大江南北，不少和我同样的九零后应该都有着对这个游戏的记忆。如今显示器分辨率愈来愈高，使用矢量图来实现像素风格游戏，能够得到很是高的展示质量。

小逛找到了一个 GitHub 项目，完美复刻了坦克大战小游戏。

这个项目是做者肥超花了很长时间折腾的复刻版本，全部元素都使用矢量图（SVG）进行渲染，针对网页的交互方式从新设计了关卡编辑器，该复刻版新增了关卡选择功能、自定义关卡管理功能等，另外它还包括了一个 Gallery 页面用于展现全部的游戏元素，想必它必定能够勾起你的儿时回忆。

在线试玩：https://battle-city.js.org/#/

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

小逛体验了一把，操做体验很棒，不卡顿：

针对鼠标交互设计的关卡编辑器

点击鼠标，选择画笔类型，在地图中拖拽鼠标就便可完成关卡配置，不再用担忧游戏手柄按得手酸啦 (●ˇ∀ˇ●)。

方便的自定义关卡管理页面

完成自定义关卡配置以后，能够将关卡信息保存到浏览器缓存中（localStorage）。而后在关卡管理页面编辑/删除/下载这些关卡配置，固然你也点击关卡缩略图下方 PLAY 按钮直接开始自定义关卡。

放大了不少倍的 Gallery

浏览 Gallery 页面来更全面地了解游戏中的各个元素。

整个游戏的开发过程做者也进行了介绍，对 React / Redux 感兴趣的前端同窗能够去看做者写的文章：

www.zhuanlan.zhihu.com/p/35551654

最后最后

若是你喜欢这篇文章，还但愿点个 在看、点赞 ，或者分享哈 

最后，欢迎关注小逛的公众号「逛逛GitHub」，置顶标星。每日一个有用、有料的 GitHub 项目推荐，秀的一批~扫描下方二维码关注！

本文分享自微信公众号 - 逛逛GitHub（ggGithub）。
若有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一块儿分享。