查看原文
其他

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

肥超 逛逛GitHub 2021-08-19

本文编辑:小逛;首发公众号@逛逛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 项目推荐,秀的一批~扫描下方二维码关注!


    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存