《古劍奇譚3》千秋戲輔助工具（前端React製做）

前言

一直身在武漢，基於衆所周知的疫情緣由，這個春節只能宅着。

不過其實這個春節是這些年來過得最爽的一個了。

沒有鞭炮，不用四處跑，安安心心呆在家裏玩玩遊戲看看書寫寫代碼，其實日子過得仍是挺清閒的。

廢話少說，這段時間買了《古劍奇譚3》，全成就拿齊了以後，就抽了點時間來分享在玩遊戲的過程當中自制的一個千秋戲輔助工具。

何謂千秋戲？

千秋戲是《古劍奇譚3》中的一個紙牌玩法，幾十張牌，每張牌都有本身的基礎分，這裏咱們默認分數同樣。

而後這些牌能夠構成各類各樣的組合，從2張牌的組合到6張牌的組合不等，分數也有大小差異。

爲何要作這個工具？

由於這些組合都是根據前兩做中人物間的關係來的，對於沒有玩過前兩做的我而言一臉懵逼。

因此它的直接意義是幫助我打贏每把牌。

可是它的意義並不僅是如此，它也是個人一個小嚐試：如何理清複雜的組合關係並展現給用戶。

咱們在平常作業務的過程當中，也會面臨一些給用戶展現各種關係的需求，好比明星間的關係、各類企業或者組織之間的關係。

以前沒作過這樣的事情，這裏就想去玩一玩。

效果圖展現與一點簡單的介紹

這個輔助工具並非修改器，實際上就是一個簡單的網頁程序，還須要本身去手動操做才行。

咱們來看下下面的效果圖：

這裏咱們使用了Echarts的關係圖來處理，經過在左側拖動相應的牌到各個牌區，右側也會進一步推測手牌還能造成哪些組合，並經過關係圖展現出來。

而每張牌的節點大小則展示了它能造成的組合數量和權值，組合越多，節點就越大，那麼就表示這張牌越重要，不管是本身造成組合仍是干擾對手造成組合都很重要。

具體的玩法就不說了，這裏單說一下在製做過程當中的一些想法。

在展現這些關係的時候，咱們不只能夠經過節點的顏色和大小，咱們其實也能夠經過各個線的粗細和顏色（包括鼠標hover到節點上的狀況）來給用戶更直觀的展現。

總結

這裏最後放上項目地址：WeCanWin。

這個項目是一個花了兩天作成的小項目，基本上以完成功能爲主，有一些地方有待優化，註釋也不全。

可是人太懶就懶得改了，功能沒問題用起來順暢就行。

有興趣的牌友能夠玩玩看，基本大比分穩贏。