设计幸运大转盘h5小游戏总结

本文总结了开发H5幸运大转盘小游戏的过程中遇到的问题及解决方案,包括先转动转盘还是先获取奖品信息、动态绘制可变图片到转盘上以及奖品的排布方式等。通过调整逻辑和利用awardRotate.js插件,实现了流畅的用户体验。
摘要由CSDN通过智能技术生成

        幸运大转盘是APP和微信中使用很广泛的一种小游戏,最近由于客户需要推一些新的小游戏,于是我开发了一款幸运大转盘,下面将开发中遇到的问题总结一下,毕竟好记性不如烂笔头。开发中参照了网上找到的例程,有现成的轮子就没有必要自己再从0开始造轮子了,呵呵。页面如下:


图 1

1.是该先从服务端获取奖品信息还是先转动转盘?

      这个问题在我开发的上一款H5游戏砸金蛋中也遇到过,一开始的设计是通过ajax从服务端获取奖品信息,然后再调用砸金蛋的动画,但是如果网络延迟比较大的时候,在页面中的效果就是点击金蛋后,锤子好几秒没有反应,这容易给用户一种错觉,页面好像卡死了。最后调换了顺序,先调用砸金蛋的动画,然后再从服务端请求奖品信息。

       同理,幸运大转盘也

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值