HTML5 中的旋转轮图像(例如轮盘赌轮)?

发布于 2024-12-08 09:54:24 字数 182 浏览 2 评论 0原文

在 HTML5 中模拟旋转轮盘赌轮的最佳方法是什么?

轮子旋转应该可以通过某些输入来控制(即,基于某些用户输入的旋转速度)。当轮子快速旋转时,轮子标签应该模糊,但随着旋转减慢,轮子上的标签变得越来越可读。

是否有支持此功能的 HTML5 库,或者动画是否需要手动编程?

iOS 设备也需要支持这一点。

What's the best way to emulate a spinning roulette wheel in HTML5?

The wheel spinning should be controllable by some input (i.e., speed of spinning based on some user input). The wheel labels should blur as the wheel spins fast, but as the spinning slows, the labels on the wheel become more and more readable.

Are there HTML5 libraries that support this, or do the animations need to be programmed by hand?

This also needs to be supported on iOS devices.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

征﹌骨岁月お 2024-12-15 09:54:24

只需几行 CSS 即可完成。

模糊是一种光学效应,不需要模拟。

It can be done in a few lines of CSS.

Blurring is an optical effect, it doesn't need to be simulated.

苏璃陌 2024-12-15 09:54:24

如果有人有兴趣使用 Javascript 和 HTML5 画布执行此操作,请参阅 http://www.dougtesting.net /winwheel/index.html 为例。很酷的是代码也可供下载。

If anyone is interested in doing this using Javascript and HTML5 canvas, see http://www.dougtesting.net/winwheel/index.html for an example. Cool thing is the code is available for download too.

凉墨 2024-12-15 09:54:24

你可以使用jfortune,它是一个jquery插件。
https://github.com/tehsis/jfortune

我知道这可能与round/wheel 轮盘赌视角...但是 fancy-jqyery-plugin 看起来非常有趣且可定制。

http://www.jqueryscript.net /animation/Fancy-jQuery-Plugin-For-Roulette-Image-roulette-js.html

You can use jfortune, it is a jquery plugin.
https://github.com/tehsis/jfortune

And I know that this could be a bit different from a round/wheel roulette perspective... but fancy-jqyery-plugin looks very interesting and customizable.

http://www.jqueryscript.net/animation/Fancy-jQuery-Plugin-For-Roulette-Image-roulette-js.html

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文