[閒聊] 自製 網頁版 V3.0 -- 轉珠模擬器

作者: louisalflame (louisalflame)   2016-02-29 20:19:29
大家安安,放假宅在家coding的我又來了 (艸
這次是新增了全新的功能~ 轉珠模擬器
因為要打電話問功夫時,練習盤面定石的網頁找不到喜歡的
通常都是用隔壁棚的網頁(ex: http://serizawa.web5.jp/puzzdra_theory_maker )
而且 TOS 和 PAD 的盤面現在差距越來越大
所以~ 就寫一個TOS專用的轉珠模擬器的網頁囉
順帶一提,連同之前的卡片點算表的網頁,這次都一起搬去github了
首頁網址 : http://louisalflame.github.io/TOSwebsite/index.html
點算表網址: http://louisalflame.github.io/TOSwebsite/table.html
轉珠網址 : http://louisalflame.github.io/TOSwebsite/drag.html
轉珠模擬器介面


左邊的按鈕是一些控制選項,像是時間秒數、落珠與否等
還有就是轉完後,觀看轉珠結果的按鈕
可以看起始盤面、最終盤面、路徑和重複動畫等
右邊的框框是紀錄步伐數和COMBO數
轉珠路徑圖


如果要把這次轉珠的結果分享,按下 產生網址,可以複製有紀錄的網址
( 此功能只限CHROME使用,FIREFOX會爆掉QAQ||| )
( 其他瀏覽器請用上方儲存紀錄,要分享只能傳檔案,再讀取它... )
如果要手動調整盤面,請按下中間下方 開始自選盤面 鈕
再點擊下方的花色,就可以直接將欄位上的符石點成想要的屬性
點完想要的花色後再按一次 自選盤面 鈕,就會恢復成轉珠模式
恩恩
還有一行是 進階選項 的按鈕,這很恐怖,充滿了未知的BUG...
有興趣的人可以玩一玩,如果網頁爆掉了,請按F5重新整理
作者: ansfan (vanessa)   2016-02-29 20:20:00
作者: brian980466 (brian)   2016-02-29 20:20:00
推!
作者: alexck322 (阿莫)   2016-02-29 20:21:00
作者: somebody1025 (火哥)   2016-02-29 20:21:00
作者: jj920408 (不孤島)   2016-02-29 20:21:00
實用推
作者: anonova (anonova)   2016-02-29 20:22:00
作者: diokidcas (D)   2016-02-29 20:22:00
推,只是斜轉好像有點困難XD
作者: r511042 (凹)   2016-02-29 20:23:00
推推 斜轉有點難+1 但是進階選項超酷XD
作者: quick511413 (湯包)   2016-02-29 20:25:00
作者: yemmin (皐月)   2016-02-29 20:26:00
測試BUG中www
作者: peace9527 (謝謝你9527)   2016-02-29 20:27:00
好厲害啊... 想研究大大怎麼做的XD 點算表是做什麼的?
作者: darkinly (Kai)   2016-02-29 20:28:00
推!!
作者: louisalflame (louisalflame)   2016-02-29 20:28:00
點算表就...可以點亮自己抽到的卡片。這樣一眼看去就知道自己蒐集了哪些...跟以前會做成簽名檔很像~只是現在卡太多啦~
作者: brian980466 (brian)   2016-02-29 20:30:00
是說轉完一次不滿意想要用同版面再轉一次 用怎麼用?QQ 用mac轉手都會超出觸控板 來要用滑鼠比較好控
作者: gladiatusman (南)   2016-02-29 20:32:00
推~
作者: kikikinds (金瓜石小雞籠)   2016-02-29 20:35:00
轉起來好滑溜 原本那個用習慣了XD
作者: ElrosHsun (洵)   2016-02-29 20:44:00
推推 另外隨機起始版面會有相連珠的情形~
作者: luke2 (路克2)   2016-02-29 20:45:00
認真推
作者: MickPlaYer (Mick)   2016-02-29 20:46:00
路徑的表示方式 我推padforrep 給你參考
作者: djboy (雞尾酒)   2016-02-29 20:50:00
作者: freezeblue (管)   2016-02-29 20:57:00
不知道有沒有網頁版的卡片搜集器?能紀錄已經有抽到的卡片這樣
作者: power1106 (wisdom)   2016-02-29 21:05:00
好猛喔
作者: pearMA (小肥宅酪梨)   2016-02-29 21:08:00
推推
作者: j579856 (兵)   2016-02-29 21:09:00
落珠音效可以換嗎?
作者: Belieeve (芥末拿鐵)   2016-02-29 21:11:00
推~感謝大大無私的分享 :D
作者: Jayson21128 (劫森自愛)   2016-02-29 21:18:00
這次火副本可以練斜轉
作者: joy0520 (Joy)   2016-02-29 21:22:00
酷~
作者: dandingduck (淡定の鴨子)   2016-02-29 21:22:00
我還不來推個
作者: kwhailow (kwhailow)   2016-02-29 21:29:00
https://www.sendspace.com/file/fad8qp內有1~10C&五屬攻擊音效檔
作者: hexi   2016-02-29 21:31:00
推,我也希望有人上說的卡片蒐集紀錄,直接點沒有的比較快對老玩家來說啦,要一個一個點有的太慢了,可是又怕圖太細太雜
作者: hank1903 (H)   2016-02-29 21:33:00
推一個
作者: ws36132005 (SwArd)   2016-02-29 21:34:00
推推 太神啦~
作者: gigatt914 (小六)   2016-02-29 21:34:00
太神啦
作者: LaHu (光與影的交錯)   2016-02-29 21:38:00
有心推
作者: encoreg10917 (Salen)   2016-02-29 21:45:00
太神拉!!
作者: helixc (@_2;)   2016-02-29 21:46:00
太神啦
作者: kwhailow (kwhailow)   2016-02-29 21:46:00
https://www.sendspace.com/file/f1dsl2內有符石鎖定、冰凍.png
作者: z0978978 (-.-)   2016-02-29 21:48:00
高手給推
作者: kwhailow (kwhailow)   2016-02-29 21:48:00
另外 風化珠有別的音效嗎@@ 已經很久沒開聲音 沒印象
作者: ryan100100 (蟲的傳人)   2016-02-29 21:57:00
用心推
作者: kj763 (kj763)   2016-02-29 22:02:00
推推 加油
作者: tospykid (騷貨)   2016-02-29 22:07:00
作者: coco12252003 (沁凜冰漾)   2016-02-29 22:08:00
辛苦了 很有趣
作者: mylexdlc (阿瑋)   2016-02-29 22:13:00
只能推了,太神了
作者: Jacky781113 (ColdKing)   2016-02-29 22:15:00
用心推
作者: mimchu (蒟蒻)   2016-02-29 22:15:00
先推
作者: jackwe   2016-02-29 22:20:00
好棒棒!!
作者: sulpht (0 o)   2016-02-29 22:20:00
有用有推
作者: mariomandy (bear)   2016-02-29 22:21:00
太猛了
作者: din691012 (貓董)   2016-02-29 22:21:00
有心推
作者: kerlakerla (喀啦喀啦)   2016-02-29 22:37:00
用心推 可以設個關音效的鈕嗎
作者: mcyc (英頎~樂樂~哎喲喲>///<)   2016-02-29 22:40:00
圖會不會有版權問題?
作者: benson1989 (暖性萌宅)   2016-02-29 22:41:00
沒有營利所都幾本上都沒有問題
作者: mcyc (英頎~樂樂~哎喲喲>///<)   2016-02-29 22:42:00
那就放心大推啦!!!
作者: redumbrella   2016-02-29 22:45:00
進階風化落珠會不會變成以後敵方怪的技能XD
作者: kwhailow (kwhailow)   2016-02-29 22:58:00
https://www.sendspace.com/file/6ucihd把有可能的音效檔都包起來了 因為實在忘了撞到風化珠的音效了.. 另外 風化珠的圖檔 找不到@@ 那要麻煩其他人了
作者: pili30155 (kevin)   2016-02-29 23:04:00
作者: kwhailow (kwhailow)   2016-02-29 23:09:00
" target="_blank" rel="nofollow">
↑找到了 風化的.png
作者: louisalflame (louisalflame)   2016-02-29 23:13:00
非常感謝~^^/
作者: sarage   2016-02-29 23:13:00
推阿~~辛苦你惹
作者: ggtyy159 (GG)   2016-02-29 23:29:00
靠好強啊
作者: dearno11 (Y.F.)   2016-02-29 23:32:00
推!!!
作者: annycheng (ちさと)   2016-02-29 23:41:00
推推,真強!!
作者: tyhs0220   2016-02-29 23:45:00
請問有連續10康的音效嗎?想當成手機鈴聲XDDDD
作者: new052 (洞伍兩)   2016-02-29 23:51:00
希臘神會掉強化珠嗎? 消五顆會掉強化珠嗎?
作者: captain568 (哲)   2016-03-01 00:01:00
作者: Bingfu (.)   2016-03-01 00:33:00
太威了 超級推
作者: ilsr (-不能說的秘密-)   2016-03-01 00:39:00
達人!
作者: peter0627 (biscuit)   2016-03-01 00:46:00
有隊長技應該也可以添加主動技就是了(X比如直接盤面心轉屬 大號令 飭令 強化之類的
作者: znmkhxrw (QQ)   2016-03-01 00:48:00
推推~~
作者: arcslam (雷札特)   2016-03-01 01:04:00
推個
作者: a84474666 (wishofpray)   2016-03-01 01:58:00
超猛推
作者: KunioFAN (阿捌=ADS)   2016-03-01 07:21:00
推!!
作者: Maxotte   2016-03-01 08:10:00
推 厲害!!
作者: ice0514 (五子)   2016-03-01 08:25:00
作者: vercent (None)   2016-03-01 09:01:00
請問一下我用IE 結果右邊轉珠圖示反黑沒有畫面是要特殊軟體開啟還是不支援IE @@?有看到囉 只限CHROME使用 感謝分享 @@
作者: kimakist (憐憫)   2016-03-01 09:52:00
辛苦了幫推
作者: fuzzycat (1,000,000目標)   2016-03-01 10:03:00
推!!同是前端人正在欣賞source code~~~
作者: skynotlimit (J'sir)   2016-03-01 11:13:00
必須要爆!
作者: glenye123 (G了你跟你買東西一樣吧)   2016-03-01 11:16:00
超厲害!
作者: mamaya3 (mamaya)   2016-03-01 11:17:00
推 順便發現小bug 落珠到一半案重置盤面會繼續消XD
作者: david10520r (未琢磨的Sapphire)   2016-03-01 13:01:00
用心推,感謝大大
作者: OAORickOAO (Rick)   2016-03-01 13:33:00
版主一定會中樂透...XD
作者: bobyhsu (專業收費代洗文章)   2016-03-01 13:37:00
推好心 可是二消是不是做壞了..?剛剛隨便點 2消+界限突破 229C 而且消除畫面卡住
作者: hyaline0909 (皇上)   2016-03-01 14:32:00
作者: Belieeve (芥末拿鐵)   2016-03-01 18:44:00
如果和龍拚的一樣和廣告合作應該可以賺錢喔,只是要更完整www
作者: j579856 (兵)   2016-03-03 20:08:00
小BUG 起始盤面常常會有三連珠

Links booklink

Contact Us: admin [ a t ] ucptt.com