IT教程 ·

《古剑奇谭3》千秋戏辅助工具(前端React制造)

媒介

一向身在武汉,基于尽人皆知的疫情缘由,这个春节只能宅着。

不过实在这个春节是这些年来过得最爽的一个了。

没有鞭炮,不必四周跑,安安心心呆在家里玩玩游戏看看书写写代码,实在日子过得照样挺清闲的。

废话少说,这段时刻买了《古剑奇谭3》,全成就拿齐了以后,就抽了点时刻来分享在玩游戏的过程当中克己的一个千秋戏辅助东西。

何谓千秋戏?

千秋戏是《古剑奇谭3》中的一个纸牌弄法,几十张牌,每张牌都有本身的基础分,这里我们默许分数一样。

然后这些牌能够组成林林总总的组合,从2张牌的组合到6张牌的组合不等,分数也有大小差异。

为何要做这个东西?

由于这些组合都是依据前两作中人物间的关联来的,关于没有玩过前两作的我而言一脸懵逼。

所以它的直接意义是协助我打赢每把牌。

然则它的意义并不只是云云,它也是我的一个小尝试:怎样理清庞杂的组合关联并展示给用户。

我们在一样平常做营业的过程当中,也会面对一些给用户展示种种关联的需求,比方明星间的关联、种种企业或许构造之间的关联。

之前没做过如许的事变,这里就想去玩一玩。

效果图展示与一点简朴的引见

这个辅助东西并非修改器,实际上就是一个简朴的网页程序,还需要本身去手动操纵才行。

我们来看下下面的效果图:

 

这里我们使用了Echarts的关联图来处置惩罚,经由过程在左边拖动响应的牌到各个牌区,右边也会进一步推想手牌还能构成哪些组合,并经由过程关联图展示出来。

而每张牌的节点大小则展示了它能构成的组合数目和权值,组合越多,节点就越大,那末就示意这张牌越主要,不论是本身构成组合照样滋扰敌手构成组合都很主要。

详细的弄法就不说了,这里单说一下在制造过程当中的一些主意。

在展示这些关联的时刻,我们不仅能够经由过程节点的色彩和大小,我们实在也能够经由过程各个线的粗细和色彩(包含鼠标hover到节点上的状况)来给用户更直观的展示。

总结

这里末了放上项目地点:WeCanWin

这个项目是一个花了两天做成的小项目,基础上以完成功用为主,有一些处所有待优化,解释也不全。

然则人太懒就懒得改了,功用没问题用起来顺畅就行。

有兴致的牌友能够玩玩看,基础大比分稳赢。

参与评论