[闲聊] 自制 网页版 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
转珠模拟器接口
http://i.imgur.com/r5PAvrs.jpg
左边的按钮是一些控制选项,像是时间秒数、落珠与否等
还有就是转完后,观看转珠结果的按钮
可以看起始盘面、最终盘面、路径和重复动画等
右边的框框是纪录步伐数和COMBO数
转珠路径图
http://i.imgur.com/X2b7dri.jpg
如果要把这次转珠的结果分享,按下 产生网址,可以复制有纪录的网址
( 此功能只限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
http://imgur.com/DDtDzt2↑找到了 风化的.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