【发布时间】：2017-04-10 18:31:41
【问题描述】：
我正在为我的几个朋友制作一个有趣的小网站，而我想要实现的是一个简单的轮盘赌旋转器。我开始制作一些资产，例如this spinner，但不知道如何让它看起来像在旋转并降落在特定位置。
这是一切发生的顺序：
- 每 5 秒
一种。使用 AJAX 的 Ping 服务器，包括用户要输入的点数。
湾。服务器回复 JSON，两种类型，{position:"number",win:"true/false",amount:"积分损失或获得"}，或 {error:"nospin"}
C。这告诉我们轮盘赌桌应该在哪里结束，或者是否太早/太晚无法旋转
所以它会继续 ping，直到服务器告诉我们已经选择了一个选项，然后它会将桌子旋转到获胜位置，并能够告诉用户：“你输了 1 分！”或“你赢了 1 分”
有人可以帮我完成这个吗？
【问题讨论】：
-
我建议使用 web sockets，试试 socket.io。
-
@YohananBaruchel 我试图远离套接字，如果您找到用套接字回答问题的方法，请这样做。
-
显然你已经知道你将如何与服务器和一切通信，我说得对吗？你只需要帮助为轮盘制作动画吗？
-
@Hamsteriffic 是的，只需要动画方面的帮助。但请记住，值会发生变化，因此它需要是动态的，我可以通过平滑的“旋转”告诉它在哪里着陆。
-
我明白了。我想到的一个想法是创建一个具有固定宽度的，将轮盘赌图像设置为背景图像（由于图像比 div 大得多，因此将显示裁剪）并使用 javascript 动态修改背景-每隔几毫秒定位一次，从而使它看起来像在移动。
标签： javascript json ajax dom