請啟用 JavaScript 來查看內容

自製「合成奇兵 (Merge Tactics) 棋盤工具」免費使用

·

      [2025/11/29] 新加入 " 切換遊戲版本 " 功能!
      [2025/11/30] 新加入 "建築" 類別!

      前言

      我一直有在玩《 部落衝突:皇室戰爭 》手遊,最近遊戲內新出了「合成奇兵 (Merge Tactics)」模式。

      上週看了 YouTube 上 Xiake 主播的 影片 ,分享他自製了一個棋盤工具,我覺得很有趣,所以透過與 Gemini 協作,我也嘗試自己花時間製作了一個我自己的版本。


      主要讓玩家可以先在這工具上嘗試擺放不同組合、陣型,查看每張角色(部隊)與羈絆資訊,查看不同遊戲版本的數據,遇到推薦的陣型還可以分享連結。

      非常歡迎大家進來使用看看~👍


      合成奇兵 (Merge Tactics) 棋盤工具
      合成奇兵 (Merge Tactics) 棋盤工具


      合成奇兵 (Merge Tactics) 棋盤工具

      基本介紹

      要將角色(部隊)擺放到棋盤上,可以透過點一下角色,再點一下棋盤的棋格,或者也可以按住滑鼠使用拖曳的方式。

      點擊有角色的棋格,即可將其角色移除。
      (左方清空按鈕,可一次清除棋盤上所有的角色)


      滑鼠指到角色上,會出現關於此角色的介紹 (名稱、描述、聖水、羈絆…)。

      角色(部隊) 介紹
      角色(部隊) 介紹

      當放置角色後,棋盤左方也會像遊戲內一樣顯示羈絆,滑鼠指到羈絆上方,出現關於此羈絆的介紹,與其對應棋盤上的角色。

      羈絆介紹
      羈絆介紹

      切換遊戲版本

      (位於網頁左上角) 此下拉選單可以讓你切換到不同遊戲版本的數據,切換之後,角色、羈絆都會改成對應版本的數值,看看哪個時候加了甚麼新角色、新羈絆,做了哪些調整。

      還有按鈕可以另開網頁,查看官方更新的說明文章。

      左上角「切換遊戲版本」功能
      左上角「切換遊戲版本」功能

      分享盤面

      我還有加入「分享盤面」功能,當擺放好角色後,點擊右上角的「分享盤面」按鈕,即可獲得網址,其他人打開此網址,即可查看你分享的陣型~

      右上角「分享盤面」按鈕
      右上角「分享盤面」按鈕

      例如 "巨星+王牌+巨人" 陣型:
      https://pages.jiatool.com/merge-tactics/arena?board=eyJ2IjoxLCJndiI6Imd2LWJlYyIsImIiOlt7Im1vbmsiOjIxfSx7ImVsZWN0cm8tZ2lhbnQiOjIyfSx7InJveWFsZ2lhbnQiOjI4fSx7Im11c2tldGVlciI6MzB9LHsiZXhlY3V0aW9uZXIiOjM0fSx7IndpdGNoIjozOH1dfQ



      其他

      目前我網頁主要是針對電腦版的螢幕尺寸,去做調整與優化,手機板雖然可以用,但體驗上比較不好。


      另外,
      各位使用上如果有遇到問題,或者有什麼建議,可以透過右上角的「問題回報」按鈕來回饋給我,我有時間&能力就會調整~


      結語

      這次是透過與 Gemini 協作所完成的成果,整體製作時間確實縮短了不少。

      當然中間還是經過多次的調整與溝通,尤其是那個由六邊形棋格所組成的棋盤,一開始也一直沒有成功製作出來,我還有另外畫圖讓 LLM 理解。

      Gemini 生成出來的網頁 UI,我是覺得還蠻不錯的~



      歡迎追蹤『 IT空間 』FB 粉專,不錯過最新的發文通知~🔔




      因為我們淋過雨,所以懂得為別人撐傘。


      🔻 如果覺得喜歡,歡迎在下方獎勵我 5 個讚~
      分享

      Jia
      作者
      Jia
      軟體工程師 - Software Engineer