一款开源的类三国杀卡牌生成器

4,325 阅读2分钟

项目介绍

这是一款类三国杀人物卡牌生成器。和使用 Photoshop 制作相比,有这些优点:

  • 可以读取 JSON 批量生成卡牌,也方便批量修改(不需要在 Photoshop 一张张修改哈)
  • 可以自行用 HTML+CSS 设计保存不同卡牌 template (类似修改 Theme ?)
  • 自动输出一副完整的扑克牌(前提是放入至少 52 个人物信息)
  • 可以输出 html 、 png 、 pdf 等多种各种
  • 可以方便地调节卡牌大小和分辨率
  • 随机分配技能 (技能取自三国杀,若进行商业开发,请注意版权)
  • 开源免费!!!支持开源社区!!! MIT license !!!

设计初衷

去年夏天参加了多次太阁社区的程序员线下活动,认识很多很棒的小伙伴。那时便有了用大家头像制作一副三国杀以作纪念的想法。可惜自己画图太差, Photoshop 也不熟,只好暂时把想法放一边。

后来通过一个开源项目,偶然习得了使用PhantomJS输出网页图片的方法,灵光一闪,觉得可以制作一款基于 HMTL+CSS+Node.js+PhantomJS 的卡牌制作器。经过一周折腾,便有了这个项目。(例子

添加卡牌

./data/中放入 zhangsanfeng.json 和 zhangsanfeng.jpg 。其中 JSON 文件的内容如下:

{
  "id": "zhangsanfeng",
  "clan": "武当",
  "blood_number": "4",
  "nickname": "一代宗师",
  "name": "张三丰",
  "skills_group": [
    {
      "title": "突袭",
      "description": "摸牌阶段,可以放弃摸牌,然后从至多两名(至少一名)角色的手牌里各抽取一张牌。"
    },
    {
      "title": "铁骑",
      "description": "当使用 [杀] 指定一名角色为目标后,可以进行判定,若结果为红色,此 [杀] 不可被闪避。"
    }
  ]
}

如何制作真实的扑克牌?

网上有很多扑克牌制作网站,我就不给他们打广告了,大家自行搜索就好。

下面秀一下这个项目的成果!!要不要给你们的团队也来一副?