Note: This project creates custom character cards(like Bang!) based on users' input. It's optimized for Chinese characters, and won't work for western languages out of box. (Might work for Japanese and Korean.) Therefore only Chinese instruction is provided here.
Please let me know if you want other language support.
英雄å¡ç‰Œç”Ÿæˆå™¨
利用HTML+CSS+NodeJS+PhantomJS生æˆä¸‰å›½æ€é£Žæ?¼çš„人物å¡ç‰Œã€‚
上图ä¸çš„头åƒç»prisma处ç†ï¼Œè¯¥é¡¹ç›®ä¸åŒ…å«å›¾ç‰‡æ»¤é•œåŠŸèƒ½ã€‚å¦‚æžœæœ‰å…è´¹å¼€æºæ»¤é•œæŽ¨è,å¯ä»¥è‡ªå·±é›†æˆå“¦~
使用说明
npm install
node automation.js把图片和æè¿°äººç‰©çš„JSON文件放到./data/ä¸ï¼Œå›¾ç‰‡åå—必须与JSON文件ä¸çš„id相åŒã€‚坿ޥå—图片æ?¼å¼ä¸º
- png/PNG
- jpg/jpeg/JPG/JPEG
例å
./data/䏿œ‰zhangsanfeng.jsonå’Œzhangsanfeng.jpg。 å…¶ä¸JSON文件内容如下:
{
"id": "zhangsanfeng",
"clan": "æ¦å½“",
"blood_number": "4",
"nickname": "一代宗师",
"name": "�三丰",
"skills_group": [
{
"title": "çªè¢",
"description": "摸牌阶段,å¯ä»¥æ”¾å¼ƒæ‘¸ç‰Œï¼Œç„¶åŽä»Žè‡³å¤šä¸¤å(至少一åï¼‰è§’è‰²çš„æ‰‹ç‰Œé‡Œå„æŠ½å–一å¼?牌。"
},
{
"title": "é“骑",
"description": "å½“ä½¿ç”¨ã€æ€ã€‘指定一å角色为目æ?‡åŽï¼Œå¯ä»¥è¿›è¡Œåˆ¤å®šï¼Œè‹¥ç»“果为红色,æ¤ã€æ€ã€‘ä¸å¯è¢«é—ªé¿ã€‚"
}
]
}
Note:
skills_groupå¯ä»¥çœç•¥ï¼Œè¯¦æƒ…å‚考issue #1
FAQ
Q: 会制作一个GUI方便大家使用å—? A: 欢迎PR。
Q: 䏿–‡å—体能够商用么? A: å¯ä»¥ã€‚
Q: å¯ä»¥ä¿®æ”¹ä¸»é¢˜å—? A: å¯ä»¥åœ¨templates文件夹ä¸å»ºç«‹è‡ªå·±çš„html template。

