做這個也陸續做了一年多，這篇是紀錄用。
一開始好像是2021/3前後，愚人節還沒到，板上就冒出了一堆創作GNN，然後底下還有人徒手PS出相關的關卡資訊。
然後我就提議，欸去做一個輔助產生GNN圖片和關卡資訊的網站好了？
那個時候我不熟網頁相關的東西，所以把相關的工作直接推給晴空，然後他做出了一個半成品的網頁。
這是當時的測試結果：
好耶，有模有樣。
考古心得：那是個15億血要標紅字的年代耶。
（目前負責官方圖片的人好像沒有這個習慣，也不好對照現在哪個數字該標就是）
當時因為對UI沒有什麼想法，暫時做成從後台讀JSON檔，生成對應圖片的形式。
所以才說這是半成品，因為根本沒辦法上架給別人用。
除了程式的部分以外，我還花了不少時間翻過去的資訊圖，研究官方的用詞和習慣。
後來在挑其他關卡練習的時候，發現了一件不太妙的事情：
沒錯，有人的技能長到三行塞不下，寫成四行之後排版就壞掉了。
然後晴空自己也嫌自己的程式太祖傳，懶得改，直接罷工，於是這程式就這樣停止開發了。
一直到2021暑假，我把那個超級祖傳程式拿來修理。
哭啊裡面一堆補丁常數，y+dy+dy_offset到底是什麼鬼東西，總之在幾天的努力之下，我一邊學JS一邊試圖理解程式內容，然後修出了一份好像可以用的東西。
適逢虛影水巫ex開放，wiki好幾天都沒出情報，就去弄了一份進關資料，然後照著資料做資訊圖發出來。
欸嘿，四行排版正常了。
還順手追加了彩色文字，就是圖上藍色的那個「凍結盾90%」。
這個程式祖傳到沒人想再去動，但也還好沒什麼必要去修改，一直到二封災厄：
試著往圖片左下角放標籤，又研究了好久才找到正確的定位點。
然後還發現文字的位移現象，五行還看不太出來，堆到六行的時候，文字上移得很嚴重。
算了，反正官方不會沒事就生出技能這麼長的東西。
比較大的問題是，在這個時候，官方已經換成現在看到的排版。
然後因為這程式根本沒辦法做這種大型翻修，所以我還在繼續用這個舊的排版。
前幾個月，稍微有點空閒，我直接從頭重寫一份，順便套現在的新排版上去。
但因為習慣svg.js語法的關係，所以還是採用了網頁的結構下去寫，依然要從後台抓設定檔，這個等暑假看有沒有機會處理完。
總之測試作之一是這張：
龍化陳輔的圖由BUG支援。
幾乎跟官方的一樣了，但還差一點點東西。
首先是雙血的卡圖，現在是用一張圖跨兩列呈現。
然後是圖片長度的問題，這種10 waves的資訊，通常會拆成兩欄。
也還好改起來不算難，昨天追加了這兩個功能上去之後，現在做出來的完成品是這張：
基本上都參考官方版，除了R8的用詞幾乎全部重寫。
然後順便把比敵人技能還長的場景技能整理掉。
除了那張很突兀的咖波，應該夠像官方DC版的圖了吧？
等我期末考全部結束之後，預計要繼續改這個工具，大概修到真的能變成網頁開放使用的程度吧？
最大的障礙是幾千張卡圖的定位工作，之後再看要怎麼處理掉。
