项目介绍
这是一款类三国杀人物卡牌生成器。和使用 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": "当使用 [杀] 指定一名角色为目标后,可以进行判定,若结果为红色,此 [杀] 不可被闪避。"
}
]
}
如何制作真实的扑克牌?
网上有很多扑克牌制作网站,我就不给他们打广告了,大家自行搜索就好。
下面秀一下这个项目的成果!!要不要给你们的团队也来一副?