三国卡牌制作器: 三国HTML版卡牌制作器 您所在的位置:网站首页 三国杀身份新ui 三国卡牌制作器: 三国HTML版卡牌制作器

三国卡牌制作器: 三国HTML版卡牌制作器

2024-07-14 14:07| 来源: 网络整理| 查看: 265

三国卡牌制作器

三国杀HTML版卡牌制作器

介绍 目前包含的模板有:(括号内为制作者) 经典模板(@低调de洛沫、@天香你妹) 经典模板(@背碗卤粉) 经典模板(自定配色)(@低调de洛沫) 经典卡牌模板(@背碗卤粉、@CoffeeNo加糖) 国战模板(@低调de洛沫) Q版模板(@CoffeeNo加糖、@messoatheon、@梦魇狂朝) 2020DIY模板(@kaveil、@tingcongming) 桌游志·☆SP模板(@隐之行者) 欢乐三国杀模板(@lDW郭文) 动漫模板(@叁拾贰の使徒) 印花模板(@lulu老公) YL超大模板(@-西凡尔游侠-) 帝国3模板(@开不了车) 洛吧杀模板(@开不了车) 狼羊志模板(@喜灰桌游工作室) 软件架构

本工具是用HTML开发的,基于CSS(层叠样式表)实现的三国杀制作器。虽然效果上没有APK类制作器那么好,但能够提供较多的模板类型,将各类模板统一使用CSS编写,具有一定的普适性。无论是原版模板、国战模板还是动漫模板,甚至卡牌模板都可以写入其中。而且不仅可用于电脑端,移动端一样能使用,尽管有些方面不尽人意。

因为使用了CSS,所以所有的东西均被封装起来。例如多人武将牌中的“&”符号和花色图案,吧友常用的方式是用图片素材进行拼凑;而在这里,我们将这个符号直接制作成了字体,故在制作器中直接输入即可生成。而且在开发过程中,在模板的样式文件中直接引用字体即可用此符号替代原字体中的字模。

安装教程

在电脑上使用时,直接将文件解压至任意目录即可。模板使用的字体需要放在fonts目录下,如果不解压的话则只有花色和额外的金梅毛草字体。 对于手机、平板电脑等移动端,则还需要下载字体补丁。补丁中的字体需放置在fonts/mobile目录下(如果压缩包中是同名的目录,则须合并,而不是同时存在两级mobile目录)。

文件务必解压,不可直接从压缩包中打开查看,否则会因为缺少模块文件而无法进行操作。 另外,移动端解压后可能会在手机的新文件中发现模板所用的图片。若影响到您手机的日常使用,可以将解压缩的目录改为以句点“.”开头,从而把它们隐藏起来。

使用说明

建议使用Chrome、Edge等浏览器,用浏览器打开diy.html文件。手机须从文件管理器中进入,然后打开时选择一种浏览器,而非“HTML查看器”这种只能看静态页面、不能执行脚本的应用。

之后在底部的模板集中选择模板,在左侧按照规则填入数据,并选择图像作为插画,点击“提交”即可在右边看到生成后的图像。在移动端中,屏幕右下角还会出现一个滚动按钮,若滚动不方便,点击可以在编辑界面和预览之间切换。

如果要制作 如需存档,您可以在页面中点击“导出为JSON”按钮,然后切换至JSON界面,就可以看到导出的JSON代码文本。将这些文本复制后即可粘贴保存起来,以备以后使用。以后需要修改并重新生成时,便可以在JSON界面直接将数据粘贴进来,然后直接编辑或者选择“导入到表单”再在表单中编辑。不过重新加载后,用户还需要重新选择图片,不过这时候已经足够了。

为了输出图像,用户需要选择缩放比例,点击“输出图片”的按钮并稍等片刻。之后就可以看到生成的结果了。对于电脑用户而言,直接右键即可保存结果图片。 而移动端目前不能直接保存,只能通过点击切换背景色为红/绿/蓝,然后截图,在另一个页面trim.html中上传图片并进行智能裁剪,再长按以保存。 另外,对于卡牌模板,势力处填写花色,体力值填写点数。点数为14时,表示JOKER。若不填写花色,则生成的卡牌没有花色点数信息。

参与贡献 Fork 本仓库 新建 Feat_xxx 分支 提交代码 新建 Pull Request 贡献 作者:开不了车 感谢三国杀DIY吧的吧友@百年东风 提供各类模板。 感谢吧友@背碗卤粉、@低调de洛沫、@叁拾贰の使徒、@kaveil 等人制作的模板。 感谢吧友@乱舞轩魂 提供的“&”符号素材。 感谢吧友@tingcongming 开发制作器提供的生僻字和DIY2020神将模板。 感谢太阳神三国杀吧吧友@叫什么啊你妹 等人的测试。 感谢喜灰桌游工作室提供的模板以及测试。 更新日志 v1.7 by yaenli 新增三国卡牌模板 v1.6.1 增加了体力护盾机制,部分模板添加了对应样式:经典、经典(卤粉)、2020版、动漫、印花、狼羊志。其中经典和2020使用了盾牌符号,其余使用数字或缩小的原符号。(感谢@ZEROpsz 的建议) 国战模板添加了晋势力和野心家(均为紫色)样式。(感谢@沧海何沥沥 的建议) 合并了国战的体力、技能名和珠联璧合图像文件。 国战大旗样式的“令”字体改变为与官方相同。(感谢@...阿凉... 的反馈) 解决了某些平台下技能说明中花色不改变字体的问题。 更换了经典版卡牌模板的字体,现在点数、花色使用和官方一样的字形了。 经典版卡牌的身份牌在势力使用花色字符时,不再显示花色和点数。(感谢@用户_5te1p29 的反馈) 修正了引号BUG(感谢@贴吧用户_52tPKSK 等人的反馈)。 调整了界面面板的尺寸,减少了错位问题。 v1.6 添加了扩展包功能,可选文字或图片。对应的经典版、经典版自定颜色、国战、2020以及yl超大模板设置了样式。 国战模板包添加了大旗模板。 处理了yl超大模板的错位问题。 解决了经典版(包括自定义颜色)的某些平台上称号错位的问题。 经典版自定义颜色模板有了更好的着色效果。 添加了Blob URL清理机制。 添加了可作为背景的SVG模板功能。 允许用户通过标签来设置不同字体。 文本长度计算时不再包括标签。 v1.5.3 经典卡牌模板增加了名称颜色额外属性。并添加了身份牌模板,支持三种图标样式。 添加了设置粗体、斜体等的工具条。 解决了模板体力值数字轮廓不随比例变化的问题。 除了卤粉经典版,其他模板的不满体力值均改成“n/m”形式,卤粉去掉了“×”号。 印花模板的体力值现在可以显示未满的,并且最大可达100。 添加了用于不同输出比例的样式变量。 v1.5.2 添加了YL超大模板(作者@-西凡尔游侠-)。 添加了白舟忍者字体,经典版及另外几个模板的势力字体优先选用此。 经典版卡牌模板可以指定牌名颜色了。 修正了2020版神将版权信息错位的问题。 修正了导入JSON时技能类型的错误。 添加了出框插画的范围变量。 v1.5.1 添加了欢乐三国杀模板(作者@lDW郭文(浅樱茶丶夜蓝))。 2020模板的技能字体从黑体改为了准圆。 统一了表单各输入框的高度。 技能输入框中技能名会显示为粗体蓝色。 添加了自动调整插画位置的功能,可以自动调整到卡牌的尺寸。 添加了运行环境检查的功能,可以在Android系统下未使用正确方式打开时进行提醒。 添加了对手机版QQ浏览器的支持。 模板元素允许通过样式对彩色文字设置默认内容。 v1.4.3 技能、引用和备注的输入框不能再调整横向宽度。 样式引用中添加了TTF格式的链接,为以后字体兼容做准备。 经典版模板增加了汉(青绿)、晋(紫色)模板。(作者@天香你妹,只使用了势力字样) 经典版模板增加了实际势力的选项,用于设置势力和体力值对应的势力。 修正了经典版模板和自定义颜色模板底部版权和插画师文字偏移的问题。 2020版的体力类型从样式选择改成了额外属性,并且可以使用经典版勾玉了。(@八雲墨° 的提议) 经典版卡牌的称号现在已经启用,被用做花色点数下方的文字。 经典版卡牌添加了自定义属性的基本牌样式,通过设置名称为杀、闪、桃、酒可以实现。(@ok只想学习 的提议) 经典版卡牌添加了自定义类型印章的锦囊牌和装备牌,且均支持横版。(@本_潇 的提议) v1.4.2 添加了更精细的经典版模板,取代卤粉的作为默认版。(作者@低调de洛沫) 添加了金梅毛草的新字形“堇昶坂澪紬”。 国战多势力样式会将输入的每个字作为一个势力而显示。 国战珠联璧合框在置空的时候不会再显示。 v1.4.1 修改了样式中小字体的实现方式,使浏览器不必再调整最小字号。 修复了手机端生成图片的文字阴影不正确的问题。 v1.4 增加了手机版,可以直接导出图片而不需要截图再裁剪了! v1.3.2 修正了渐变文字在内容不同时出现的错位现象。 ☆SP的武将姓名有了渐变效果。 狼羊志经典版模板和十周年模板合并。 添加了金梅毛草的新字形“喵璐婭蔻”。 v1.3.1 修正了大号文字生成后下移的问题,也解决了2020版渐变势力名不显示的问题。 现在自定义颜色的经典版模板可以正常使用了。 将裁剪工具嵌入了主页面中,从而不必来回切换了。 v1.3 添加了渐变文字的功能,目前用于经典版和2020版。 标准版卡牌增加了对五个字名称的支持,说明文字居中只在文字很少时生效了。 添加了金梅毛草的新字形“鶥瑀滎淶灑”。 为了减少传输用时,不再在主文件中打包字体,请下载另外的字体包使用。 v1.2.2 经典版卡牌模板添加了神器。 国战模板添加了双势力、三势力与四势力模板。 添加了数个金梅毛草的新字形,达到104个。 v1.2.1 经典版卡牌模板添加了宝物。 修正了竖排时字母、数字等非汉字导致文字错位的问题。 添加了桌游志的☆SP模板(作者@隐之行者)。 v1.2 修正了竖排时标点符号导致文字错位的问题。 添加了印花模板(作者@lulu老公)。 添加了3个金梅毛草的新字形“顗蒿芃”。 v1.1.1 修正了技能从JSON导入超过四个技能遇到的问题。 添加了DIY2020模板的神将样式。 调整了洛吧杀和帝国3杀的技能高度问题。 添加了8个金梅毛草的新字形“軫熠仝鈺珅瑋煒繪”,并修复了其他模板不使用新字符的问题。 v1.1 允许了叠加出框插图。 添加了自定义配色的经典版模板和Q版模板。 添加了部分金梅毛草行未收录的汉字。


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有