旋转瓶的简单公式

我正在为该公司开发一个小型的葡萄酒彩票web应用程序。当它归结为10个数字时，它会将它们放在一个圆圈内并旋转一个酒瓶;然而，我还没有能够使旋转瓶子的动画逼真。旋转瓶的简单公式

该应用程序将选择一个数字，因此，一个角度指向它。之后，它开始旋转大约10圈，然后结束指向号码。我应该模拟摩擦还是使用某种曲线来做到这一点？

只是为了澄清：我正在寻找一个公式或类似的东西来设置瓶子的速度。

对此提出建议？

来源

2011-05-02 Oscar Broman

由于您使用的是-webkit-transform，为什么不将-webkit-transition属性设置为ease-out？

样品小提琴：http://jsfiddle.net/dosboy/KGhAJ/

来源

2011-05-02 09:08:15 ggutenberg

嘿，这就是我最终做的。而不是使用易于出我使用了我自己的曲线[凯撒]（http://matthewlein.com/ceaser/）： '立方贝塞尔（0.185，1.000，0.420，1.000）;' – 2011-05-02 11:54:35

从来没有见过凯撒前。尼斯链接。谢谢。 – ggutenberg 2011-05-02 17:57:55

为什么你需要通过这种方法动画呢？

我知道很多在线赌博网站都这样做，并且本质上（假设瓶子始终在同一个点开始），您可以创建一个包含10个动画的Flash文件，并通过参数提供最终结果（混淆它，如果你不想让人看到它）。

用户可以获得漂亮的Flash动画，您的随机数生成器仍然有效，并且无需生成缩减实现时间的复杂动画（假设您可以找人为您制作Flash动画）。

干杯，特里

来源

2011-05-02 08:20:15

问题并不在于让它旋转，而是让它真实地旋转。 – 2011-05-02 08:48:52

绝对 - 一个flash动画可以做到这一点 - 我不能透露你的网址，但不会透露我为哪个赌博网站工作，但我们广泛地在各种游戏中使用这种技术。如果您从中取出javascript和phsyics，那么它将成为一个动画任务，而flash在创建令人信服的动画方面非常出色。 – 2011-05-02 08:51:05

检查出Raphael JS库，特别是this example。

来源

2011-05-02 08:38:44 ggutenberg

我已经将旋转部分覆盖了（我只是使用-webkit转换），我正在寻找的是一种让它看起来就像现实生活中的旋转瓶子的方式。 – 2011-05-02 08:43:59

对不起，我误解了。 – ggutenberg 2011-05-02 09:06:29

这里有这样一个很好的例子：http://www.bookatable.com/win/

用途RaphealJS如上所述。

来源

2011-09-12 11:55:00

旋转瓶的简单公式

回答

相关问题