[閒聊] 自製 網頁版(偽) 卡片圖鑑表

[louisalflame (louisalflame)]

我一定是瘋了才會在跨年連假寫網頁甚麼的(艸...

因為一直想要有跟隔壁棚戰友網類似的點算表，但沒看到神魔的所以就自己寫了


好啦說是網頁版也不太算，因為我沒有架在server上

請把連結內的東西載下來，在自己的電腦上用瀏覽器打開index.html

https://drive.google.com/open?id=0B0cuiKsahhNUQnQ0SUxtWHZzcjA

這一包內含css,js還有很多很多的png....


放一些使用範例~~

https://i.imgur.com/QYTFJFG.jpg

點開網頁換看到卡片頭像灰灰的，頭像再點一次就會變彩色

https://i.imgur.com/WUmDAa0.jpg

頭像灰的代表缺，彩色的代表有

https://i.imgur.com/kowmOYp.jpg

如果不想看到醜醜的灰頭像和新細明體，也可以關掉喔

https://i.imgur.com/4g73IUh.jpg

版面有一直排和兩直排兩種格式

https://i.imgur.com/jrEvmcx.jpg

也可以自己調整想要出現的系列，例如這張圖只做神族的卡片

https://i.imgur.com/I12rT2C.jpg

使用方式就是一直按按鈕，把想要的系列移到一塊，不想要的隱藏掉

如果...如果程式有bug就請把網頁重新整理吧，這樣會回到一開始全部灰色 (汗|||



其實做完後沒有想像中好用...

因為現在的卡片實在太多雜了，就算只算石抽也塞不進一個版面...QAQ

還有所有的圖片都是google來的

頭像來自巴哈 http://home.gamer.com.tw/creationDetail.php?sn=2583252


也許..以後有閒想想怎麼做ALL MAX吧?


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.112.218.149
※ 文章網址: https://www.ptt.cc/bbs/ToS/M.1451825721.A.065.html
推 w199381: 推
推 vi5417: 有下有推
推 watchr: 感謝大大無私分享
啊啊忘了說 我寫的時候瀏覽器是用chrome
其他瀏覽器不知道會不會動...

推 cwilly876: 其實可以免費架在google上 教學:goo.gl/v7tjf6
我有試過，可是圖片連結會錯掉qq ~

推 lin269150: 有下有推
推 ooandyxx: 用心推
推 anonova: 厲害
推 kwhailow: 用心 辛苦了
所以有人下載用過了嗎?其實我還沒在別台電腦開過
用過的說一下 程式是不是真的會動呀? (擔心www

推 tonyhsie: 感恩 請問可以存結果嗎? 不然每次重開就要重點 XDDDD
推 littledevil2: 用chrome  簡單的灰階顯示  雙排都ok  感謝分享囉
推 kwhailow: Fx開啟、使用正常 不過整頁存成圖片 會變這樣
→ kwhailow: http://i.imgur.com/6TTSLFE.jpg
→ louisalflame: 因為頭像圖合起來遠比背景大所以會這樣...
推 tonyhsie: 機偶的大頭圖像 用成 合體的圖像了
→ louisalflame: 沒有辦法截全部，只能截看得到的部分...
→ louisalflame: 喔喔..機偶圖是故意的，因為合體圖比較帥!(疑?
→ louisalflame: 而且機伴不是石抽應該大家都可以合體吧?
推 tonyhsie: 另外一個小建議..可以讓預設全彩 然後手動點成灰階嗎 XD
→ tonyhsie: 圖鑑開多一點的話 一直點灰階真的有點難度 XDDDD
→ aoiaoi: 你可以順便在把 三圍加上去 就變成計算器拉
推 charles1198: 推 沒有巨象魔象0.0
推 benson1989: 然後順便把隊伍組隊空間加進去 變成隊伍技能概念器拉
推 jamteam: 討罰戰(X)討伐戰(O)
→ louisalflame: 隊伍計算器甚麼的..又是一筆大工程啊 0.0 (抖抖
→ louisalflame: 巨像魔像真的有人想要點彩圖收集嗎?www
推 benson1989: 在順便把雙周/地獄關卡資訊加進去阿 XDDDDD (有下有推
推 mody: 好用心喔 推推
→ louisalflame: 啊喔真的有錯字.. 感謝
推 MasterSD: 用心推
推 denny0122: 怎麼把整頁存成圖片啊?試了一下有小圖跑掉發現不會存@@
推 dandingduck: 推推，好用心@@
推 Seirra: 我的chrome無法正常顯示 QQ
推 mon60819: 多謝分享 回家試試!
推 shindouhika: 推用心y
推 ryan100100: 用心推
推 ntnu: 可以藉個標題問一下嗎？
推 NTUinfo5566: 魔像是故意不放的嘛XD
推 ntnu: 為什麼路西法吸收別人的攻擊力之後攻擊力會破15000？
→ louisalflame: 樓樓上要問甚麼??
→ ntnu: http://goo.gl/dv9Vbp
→ ntnu: 我有點想不通...
→ acer5738G: 你那隊一排魔族...
推 ntnu: 魔族4隻攻擊力加上去也難破15000吧~
推 greece1274: 覺得猛 怒推
推 pipiisking: 貓頭鷹技能，全體攻擊1.5倍是直接加在攻擊力上面，所
→ pipiisking: 以這是有可能的
→ garfunkel: 10620*1.5=15930是這數字沒錯
推 ntnu: 原來如此！謝謝！那5combo之後會再加2.25倍嗎？
推 skhten: 推
推 pipiisking: http://i.imgur.com/gAGgEuQ.jpg
→ pipiisking: 屁股不夠大，只能塞這些，如果艾德狂魔王可以進去會
→ pipiisking: 更高
→ pipiisking: 還有我的貓頭鷹一等哈哈
*小小更新~v1.1

 -已修改"討伐戰"錯字問題
 -新增 巨像/魔像 系列
 -新增按鈕 全部上色/ 全部隱藏
 -新增未知的BUG(?)

順帶一提，真正被默默霸凌的是源龍，只有他的圖是jpg不是png...
我也不知為甚麼，要去問頭像圖來源wwww
※ 編輯: louisalflame (140.112.218.149), 01/03/2016 22:52:16
推 luke2: 推 好用心!
推 kwanza: 推個 你說那個ㄩㄢ...頭好痛啊剛剛要說啥來著？
推 tonyhsie: 再推一次 XD
推 tony2003911: 用心
推 ggtyy159: 太用心啦
推 kwhailow: 其實有png的欸 790~799
→ kwhailow: http://d1hay2czif3g5i.cloudfront.net/100/790.png
推 Belieeve: 用心
推 hank1903: 推
推 cwilly876: https://goo.gl/xjZO0L 源龍
→ kwhailow: 還有 鴨后只是亂入卡 不是地獄卡XD
→ brian980466: 感覺載圖載的很崩潰xd
推 PanNaJou: 有心！給推！
推 NB574: 推用心  還可以練程式 XD
推 a100100200: 落基還是醜醜的落基XDDDDDD