[閒聊] 自製現有團員資料整理小工具已刪文
線上demo (使用 google sites協作平台)
https://sites.google.com/view/bgdtwcardv1/
(source code 按右鍵可以自己看~)
檔案放桌面，在本機上執行起來的樣子
https://i.imgur.com/whq4AQT.jpg
檔案放手機內，以 chrome 執行起來的樣子
https://i.imgur.com/CRtfiHM.jpg
使用簡單的 javascript 及 jquery 的一小部份語法寫的，
只要能用 ie、chrome 開啟就都可以執行，在電腦上執行的
話要允許互動式內容。
顯示的圖片都是網路上找得到的圖檔連結。
每一筆資料大致長底下這樣
[2,"AG","青葉摩卡","食慾無限大","cool",["Life 200回復","5.0秒中score10%up"],
["https://i.ytimg.com/vi/-CYGAWqtWTk/maxresdefault.jpg"],0],
[3,"AG","羽澤鶇","關係不淺的貓","power",["Life 300回復","5.0秒中score20%up"],
["https://i.ytimg.com/vi/cmrXs1XXyeg/maxresdefault.jpg",
"http://bangdream.gamedbs.jp/images/chara/card/1549778933119_wrshv417.png"],1],
2,就是幾星
"AG",團名
"青葉摩卡",角色名
"食慾無限大",卡片名
"cool",就屬性 輸入小寫就可，它會自己轉大寫
["能力描述1","能力描述2"] 或 ["能力描述"] ,盡量無空格
我有改動的地方是有時5.0秒會出現兩次，例如
["5.0秒中great轉perfect","5.0秒中score10%up"]
["角色特訓前圖片連結","角色特訓後圖片連結"] 或 ["角色圖片連結"]
3,4星角色有兩張圖，2星角色一張圖而已
0/1 就是最初列表時要顯示哪張圖
我預設3,4星卡片都顯示特訓後圖片，移動游標到圖片上會顯示另一張圖
我是手機打開遊戲看團員資料，讓它從入手新→舊的方式排序，然後
從最底下若宮伊芙2星起，建到今天早上付費單抽入手的湊友希那4星
，以及以貼紙兌換的青葉摩卡2星。資料很好建，找圖片比較花時間。
資料建好後，之後只要抽到新卡再建就好了，現在很少連抽了，加上
就算連抽也可能抽到重覆的，資料的更動不會太頻繁，更動量也不會
很多，像今天早上只增加兩筆。
一星資料我完全沒建，因為我已經有全部團員的二星以上卡片，敲歌
時不可能排一星團員。所以如果我已經有全部團員的三星以上卡片的
話，我連二星的資料也不用建了，篩選起來會更省事。
寫這個小工具的目的，是為了能完全依自己的意思做篩選及過濾。例
如以這次的 R團10%+pure屬性20% 活動為例
先列出我擁有的 pure屬性+3星以上 卡片資料
https://i.imgur.com/F9XkfXF.jpg
有四位，R團的友希那、紗夜，AG的蘭，P*P的麻彌，那這四位就是基
本團員。
接著找扣掉友希那、紗夜後的 R團+3星以上 卡片資料
(R團扣掉友希那、紗夜＝下方團員選亞子、燐子跟莉莎)
https://i.imgur.com/rhfBt2s.jpg
剛好都是亞子，一個回Life300+分數20%，一個分數+60%，那就可依自
己的需求決定哪一張。
因此，我目前是這樣排(通常我都隨興敲歌順便練團員等級，不用練習券)
https://i.imgur.com/0bSakob.jpg
如果是用 推薦編成(pure屬+R團)，亞子的部份會變成燐子2星
https://i.imgur.com/CxcQW3h.jpg
可是我不想排2星角啊...還是得自己找3星角來塞進去。
上一期的活動，則是 巴,亞子,沙綾,鶫,育美10%+happy屬性20%
可以先找 happy屬+3星以上 的卡片資料
https://i.imgur.com/X0qQrZL.jpg
蘭有兩張，我挑蘭4星100%、緋瑪麗3星。
接著再把 巴,亞子,沙綾,鶫,育美 放進五格團員內，找3星以上的
https://i.imgur.com/BSvkMeB.jpg
鶫跟亞子各有兩張，都挑高分的鶫3星60%、亞子3星60%
這樣AG有三位，R團一位，則剩下的我通常找 AG 3星以上，但是
https://i.imgur.com/x4MPuq7.jpg
再來我通常就兩種找法
1.找其它三星以上的 & 我想練等的團員(我很少拿到卡片就衝滿等)
2.找 happy 屬 2星，團員選 巴,育美,沙綾,結果為空
https://i.imgur.com/ow5SCf1.jpg
那就放棄 happy 屬
https://i.imgur.com/ukLSFlq.jpg
若選最高分就是巴2星powerful屬，或視自己情況挑卡片
能力的篩選部份，我設定了三個特殊的篩選規則
1.比方某張卡分數30%，視為也有分數10%、分數%20%
也就是說以分數10%當篩選條件時，分數30%的也會跑出來
反之以分數30%當篩選條件時，低於30%的不會跑出來
https://i.imgur.com/60ZoeOz.jpg
2.比方某張卡Life回300，視為也有Life回200,100(有100的嗎?不確定~)
也就是說以Life回200當篩選條件時，Life300,400,500的也會跑出來(有400的嗎?)
反之以Life300為篩選條件時，低於300的不會跑出來
https://i.imgur.com/ufZp8t7.jpg
3.比方某張卡有good以上轉perfect，視為也有great轉perfect
也就是說以great轉perfect當篩選條件時，good以上轉perfect的也會跑出來
反之以good轉perfect當篩選條件時，great轉perfect的不會跑出來
https://i.imgur.com/J2ykC9F.jpg
大概是這樣子，一點分享~
我目前持有的三星以上卡片(依入手舊→新)
https://i.imgur.com/R8WrbbZ.jpg
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.33.66.104 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/BanG_Dream/M.1562297632.A.76B.html
※ 編輯: laechan (114.33.66.104 臺灣), 07/05/2019 11:34:09
推
07/05 11:41,
5年前
, 1F
07/05 11:41, 1F
推
07/05 11:48,
5年前
, 2F
07/05 11:48, 2F
推
07/05 12:28,
5年前
, 3F
07/05 12:28, 3F
推
07/05 13:24,
5年前
, 4F
07/05 13:24, 4F
有人來信問怎麼拿source code
就是空白處按右鍵點檢視網頁原始檔
從 <html>
<script type="text/javascript"> 開始
選取到 </html> 結束
然後複製，貼到記事本，接著做以下的取代動作
< 換成 < 、 > 換成 > 、 " 換成 " 、 gt;= 換成 =
&& 換成 && 、 ' 換成 '
這些都換好後，存成 bgd.htm (要確定副檔名是 .htm 或 .html)
然後就可以用 ie 或 chrome 去打開它
var cards=[...] 內容就自己按照格式寫就可以了
另外，屬性欄位不能 .toUpperCase() 我忘了，要移除
※ 編輯: laechan (114.33.66.104 臺灣), 07/05/2019 15:41:31
推
07/05 16:22,
5年前
, 5F
07/05 16:22, 5F
推
07/05 16:29,
5年前
, 6F
07/05 16:29, 6F
推
07/05 19:22,
5年前
, 7F
07/05 19:22, 7F
推
07/05 23:34,
5年前
, 8F
07/05 23:34, 8F
07/06 updated
今天[奏樂的encore]轉蛋免費star單抽，第二抽抽到北澤育美3星
https://i.imgur.com/gfBVPoA.jpg
第八抽(我不曉得在想啥...)抽到今井莉莎3星
https://i.imgur.com/REhV9mU.jpg
加入卡片名的篩選，例如可找出所有名字為 舞台 的卡片。
當進行卡片名篩選時，星數的部份會自動清空；如果卡片名
有做下拉選擇時，再去選星數不會有反應。
寫這個是為了知道目前2星卡片的入手狀況，例如以R團的二
星卡片[重疊的青色薔薇]為例，篩選一下就知道已經有抽到
紗夜、莉莎跟燐子的，代表之後還有可能抽到友希那跟亞子
的。
https://i.imgur.com/LLNXhAe.jpg
各團五個團員兩種共通2星卡也一目瞭然
R團 舞台 重疊的青色薔薇
PPP 舞台 繽紛Poppin！]
HHW 舞台 笑容的魔術
P*P 舞台 向著輝煌的舞台
AG 舞台 Grow up Rock
另修正 bug，以及現在卡片列表會顯示大寫的屬性，但是不
會影響到屬性的篩選。
更新程式碼很簡單，照上面的方式重新複製貼上，把 cards
的欄位更換為自己已編好的卡片資料即可，平常可將它另存
起來。
※ 編輯: laechan (114.33.66.104 臺灣), 07/06/2019 09:27:21