Racheluxe / itRolls

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

itRolls

一个模拟物理转盘的基于CSS3以及HTML5 Localstorage的随机选择本地小工具。不兼容移动端!

主要由转盘页面及设置页面组成。演示地址:点击此处 ##使用说明

  • 在没有设置内部数据*(我们称转盘每个面上的文字为内部数据)及转盘参数(我们称转盘的拉力阻力等预设值为转盘参数)*时,打开转盘页面将会显示一个三面的预置转盘demo,点击后门进入设置页面会提示参数已设置为默认值。

  • 设置页面最上方的恢复默认值能够使转盘参数和内部数据恢复默认,用于各种手残把数据填乱了的场景。

  • 转盘参数的修改参考每项后面的提示,主要根据高一物理的公式a=F/m,如果你没有学过物理保证拉力要大于阻力就行了= =;加速的持续时间就是拉力作用于转盘的时间,撤掉拉力就只有摩擦力开始减速了;运行模式的区分说白了就是转出结果后要不要去掉这个结果再进行下一次转动。以上修改需要点击修改转盘参数才能生效

  • 在输入框中将每条内部数据用英文逗号隔开,点击加入,所加的数据会显示在下面的展示框中。重复的项会自动去重,因为作者太懒就没做提示。如果格式不对比如连用两个‘,’或者最后一项后面和第一项前面加了‘,’应该会出现不得了的错误,因为作者太懒也没做判断不要蛋疼去尝试。在数据条数非常多的情况下建议先用文本文档编辑再复制进去以防数据丢失

  • 清空全部就是把所有内部数据清空咯,转盘参数是不改变的。

##更新日志 ###Beta 1.0 实现了基本功能只是丑一点而已的正式版本 ###Beta 1.1 花了数倍于写功能的时间来设计UI,不要吐槽直男的审美了好嘛能看就行啦将就一下。 这里要感谢 iColorway提供的配色方案让我少死了很多脑细胞。 ###Beta 1.1.1 修复了逼死强迫症的logo错误问题

解决了数据数量太多的情况下字体大小不和谐的问题 ###Beta 1.1.2 开脑洞解决了最后两个面转不起来的问题(含彩蛋)

About


Languages

Language:JavaScript 60.2%Language:HTML 39.8%