为什么要做这个小程序?
09年,腾讯推出了集卡游戏《魔法卡片》
10年2月我完成收集第一套卡片《经典男套装》,也算是比较早的一批玩家吧,后来因为种种原因,就没去玩了
当时我比较喜欢做的一件事情,就是把每一套卡片的封面和每一张卡片截屏保存下来。因为当时没多少时间接触电脑和手机,没办法把所有套卡都收集入册,只好通过这种方式,在自己电脑上离线集卡了。看着文件夹里面一张张卡片图片,也是挺有满足感的
但是我发现一个问题,就是截屏太难控制区域了,导致截屏的图片尺寸都不一致,可能也是没有时间的原因,没过多久离线收集也放弃了
直到最近(22年),不知道为什么突然就想起来,于是打开官网,十多年过去竟然还在运营!进入游戏界面,满满回忆杀。。。

跨越12年的集卡
看着已经出了的上千套卡,我知道可能永远也集不齐了。但是我还可以离线集卡啊。。。
当然不会再用截屏的方式了。我用这些年来所学知识,提取到原始图片,并将其做成小程序。小程序定位“用完即走”,挺适合用来做这个。为了省去不少功夫,我还加入了自动更新套卡功能,能自动拉取最新的套卡和下面的卡片
对,我做这个小程序最初原因是为了满足我的离线集卡需求。其次是方便大家查卡搜卡,和计算所需卡片数,因为之前找到的计算器是Excel做的,更新不及时还不太好用

主题封面原始图片
这个小程序可以用来做什么
接上面,最基础的功能就是查卡搜卡
顶部搜索栏可以输入套卡名、卡片名和卡片面值,搜索出来是套卡列表,如果是输入的卡片名或者卡片面值则需要点击进入套卡才能看到搜索的卡片
搜索栏下面是筛选排序,可以按套卡发行时间、星级、奖励经验进行套卡的排序;按套卡状态、星级和分类进行套卡的筛选
点击进入套卡详情页,可以看到更加详细的套卡信息,包括星级、发行时间、奖励金币经验、分类、卡片数量和套卡状态,下方是套卡下的每张卡片的图片展示
点击下载按钮,输入邮箱并提交,可以将当前套卡的封面、所有卡片和奖励的QQ秀打包为zip压缩包发送到你的邮箱。做这个功能主要是满足和我有同样离线集卡需求的卡友。当然一套一套的下载比较麻烦,后面会提供一次性下载的方式
点击收集中按钮可以取消此套卡收集,点击收藏按钮可以收藏/取消收藏卡片,这两个功能后面会说到
点击攻略按钮,可以查看到套卡的合成攻略
第一部分是素材卡片,可以看到合成此套卡需要各个素材卡的总数量,也就是说我只需要拥有这么多张素材卡,我就可以刚好完成合成这套卡的每一张卡片。然后是集成此套卡的总耗时和总花费,总耗时是不考虑炼卡时间减免且只用单个炉情况下的耗时,总花费是买齐所有素材卡所需金币(仅素材卡售价为20金币时显示)
第二部分是计算器和合成流程,可以看到此套卡的面值结构和合成此面值所需时间(时间采用天时分格式,官方只有小时不太直观)。点击卡片可输入此卡片现有数量,点击确定后就会自动更新整套卡的剩余所需卡片数量,这里注意,剩余数量是逐层递增计算的,什么意思呢,就是说我只有拥有任意一层面值的剩余卡片,此层往上的其它层的剩余卡片数量无需理会。长按卡片可查看合成此卡所需卡片
然后是“我的”页,此页面主要是显示你正在收集和收藏哪些套卡,点击进入对应套卡列表页。什么是正在收集?只要你在卡片计算器里面输入过数量(大于0),此套卡就会进入正在收集状态,取消正在收集状态会将对应套卡现有卡片数量清空。然后是一些统计数据,统计当前一共有多少套卡和卡片
用了什么来做这个小程序?
近几年有幸接触到WordPress的开发,接触时间久了,发现它不仅可以用来做博客、商城,还可以用来做一些轻应用的快速开发,因为它本身就是一个现成的网站,自带前后台,扩展起来很方便。而我就非常喜欢使用WordPress+小程序这样的搭配
除了这个小程序,我还使用这个搭配做过:“SaleDash”和“SaleAdmin”商城小程序,后端是WordPress+WooCommerce;“轻语Echo”社区小程序,后端是WordPress+BuddyPress;“萌唯设计”设计作品展示小程序,后端是WordPress+Exponent主题

WordPress图标
小程序有功能异常或者对小程序有建议?
请联系QQ:514825166