前言

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

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

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

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

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

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

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

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

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

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

例如 "部落+復仇者" 陣型：
https://pages.jiatool.com/merge-tactics/arena?board=eyJ2IjoxLCJiIjpbeyJiYXJiYXJpYW5zIjoyMX0seyJ2YWxreXJpZSI6MjJ9LHsibWVnYS1rbmlnaHQiOjIzfSx7ImJhbmRpdCI6MjR9LHsiYXJjaGVyLXF1ZWVuIjozM30seyJhcmNoZXJzIjozNX1dfQ

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

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

結語

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

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

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

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

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