【七日怪物公園勳章計(jì)數(shù)器】 https://bacnfun.github.io/MonsterPark/
由於接下來的改動(dòng)似乎有可能會(huì)把怪公免費(fèi)次數(shù)調(diào)成1次，為了提醒自己要記得打怪公拿勳章，順便看一下離達(dá)標(biāo)還差多少次，所以花了幾天時(shí)間做了這個(gè)小工具XDD
雖然有做RWD，但由於畫面有設(shè)定成會(huì)類似遊戲畫面一樣以16:9或4:3的比例呈現(xiàn)，在手機(jī)上可能會(huì)無法操作，請(qǐng)使用電腦瀏覽器。
裡面所有會(huì)儲(chǔ)存跟紀(jì)錄資料都是存在你的瀏覽器localStorage內(nèi)，網(wǎng)頁(yè)本身不會(huì)記錄任何東西。
如果你換瀏覽器or電腦操作的話紀(jì)錄會(huì)消失，請(qǐng)注意
【如何使用】
第一次使用可以點(diǎn)擊右上角的修正，填入目前已經(jīng)完成的次數(shù)(去怪物公園跟休菲凱曼講話，他會(huì)告訴你)
每天打完怪公之後按下「簽到完成」，小工具就會(huì)把次數(shù)給加總進(jìn)去了
每日的完成次數(shù)預(yù)設(shè)是2次，如果有使用楓點(diǎn)或公車券的話，可以自己按左邊的按鈕加減次數(shù)。(最多就是7次)
※避免各位好MS寶失憶，簽到完成後會(huì)記錄今天的簽到日期，會(huì)把簽到按鈕鎖死防止你重複簽到
點(diǎn)休菲凱曼會(huì)跑出對(duì)話框，輸入角色I(xiàn)D之後會(huì)去撈角色資料
按下「是」之後，你的角色就會(huì)變成網(wǎng)頁(yè)的看板娘了(X
小彩蛋
雖然沒什麼意義，但這個(gè)看板會(huì)判斷今天星期幾，顯示對(duì)應(yīng)的獎(jiǎng)勵(lì)內(nèi)容，下面的箭頭一樣可以操作
後記
這次主要想順便試一下GPT-4o的能耐，基本上95%的網(wǎng)頁(yè)代碼都是跟GPT聊出來的，讓我蠻驚豔的。
尤其大概前80%的內(nèi)容甚至都是用免費(fèi)版就做出來的XD
本來想說開個(gè)地圖模擬器，簡(jiǎn)單分個(gè)前後景去套畫面就好了，後來考慮到素材大小跟載入速度的問題，決定把遊戲裡面的素材拆出來自己拼，所以最後含BGM整個(gè)網(wǎng)頁(yè)大小不到5MB，讓我很驚訝????
前期最花時(shí)間的就是還原那些會(huì)動(dòng)的遠(yuǎn)景(例如會(huì)飄的熱氣球、雲(yún)朵會(huì)隨機(jī)出現(xiàn)、雪吉拉的走動(dòng))，有還原出90%讓我蠻有成就感的。
接著是對(duì)話框，為了讓NPC對(duì)話框看起來跟遊戲一樣，文本也會(huì)逐字出現(xiàn)，又可以加入顏色格式等等的，花了很多時(shí)間試錯(cuò)，甚至對(duì)話腳本後來是直接參考類似X服的做法，做到後面以為自己真的在做遊戲
不過因?yàn)檫@次有好好地把一些關(guān)鍵功能的js拆開來寫，之後如果又想要做其他小工具的話可以引用，蠻讚讚的
最後是導(dǎo)入聯(lián)盟戰(zhàn)地排行榜資料的功能，這邊要先感謝諭諭有提供楓谷的DC機(jī)器人-TMSBug_v2的原代碼，因?yàn)槲乙郧皼]做過這種撈資料的東西，參考了他的方式去改寫代碼。
但因?yàn)榫W(wǎng)頁(yè)不同於DC機(jī)器人，要從其他網(wǎng)頁(yè)用API直接撈資料會(huì)遇到cors的問題，在這邊卡關(guān)很久，後來研究到了cors代理的做法，就不需要另外做後端了，省事很多
有機(jī)會(huì)的話會(huì)想要再嘗試一些仿遊戲介面的小工具，希望臺(tái)版楓之谷可以一樣開放API><!!
達(dá)人
