《古劍奇譚3》千秋戲輔助工具（前端React製作）
前言
一直身在武漢，基於眾所周知的疫情原因，這個春節只能宅著。
不過其實這個春節是這些年來過得最爽的一個了。
沒有鞭炮，不用四處跑，安安心心呆在家裡玩玩遊戲看看書寫寫程式碼，其實日子過得還是挺悠閒的。
廢話少說，這段時間買了《古劍奇譚3》，全成就拿齊了之後，就抽了點時間來分享在玩遊戲的過程中自制的一個千秋戲輔助工具。
何謂千秋戲？
千秋戲是《古劍奇譚3》中的一個紙牌玩法，幾十張牌，每張牌都有自己的基礎分，這裡我們預設分數一樣。
然後這些牌可以構成各種各樣的組合，從2張牌的組合到6張牌的組合不等，分數也有大小差別。
為什麼要做這個工具？
因為這些組合都是根據前兩作中人物間的關係來的，對於沒有玩過前兩作的我而言一臉懵逼。
所以它的直接意義是幫助我打贏每把牌。
但是它的意義並不只是如此，它也是我的一個小嚐試：如何理清複雜的組合關係並展示給使用者。
我們在日常做業務的過程中，也會面臨一些給使用者展示各類關係的需求，比如明星間的關係、各種企業或者組織之間的關係。
之前沒做過這樣的事情，這裡就想去玩一玩。
效果圖展示與一點簡單的介紹
這個輔助工具並不是修改器，實際上就是一個簡單的網頁程式，還需要自己去手動操作才行。
我們來看下下面的效果圖：
這裡我們使用了Echarts的關係圖來處理，通過在左側拖動相應的牌到各個牌區，右側也會進一步推測手牌還能形成哪些組合，並通過關係圖展示出來。
而每張牌的節點大小則展現了它能形成的組合數量和權值，組合越多，節點就越大，那麼就表示這張牌越重要，不論是自己形成組合還是干擾對手形成組合都很重要。
具體的玩法就不說了，這裡單說一下在製作過程中的一些想法。
在展示這些關係的時候，我們不僅可以通過節點的顏色和大小，我們其實也可以通過各個線的粗細和顏色（包括滑鼠hover到節點上的情況）來給使用者更直觀的展示。
總結
這裡最後放上專案地址：WeCanWin。
這個專案是一個花了兩天做成的小專案，基本上以完成功能為主，有一些地方有待優化，註釋也不全。
但是人太懶就懶得改了，功能沒問題用起來順暢就行。
有興趣的牌友可以玩玩看，基本大比分穩贏