qq123456 发表于 2022-12-23 11:57:24

【礼物抽奖】一个小程序抽奖页面如下,如果你是大神,就多多!

微信小程序实现大转盘抽奖----踩坑之路

引言:大家好,很高兴把自己的所学经验和大家分享,如果你是个小程序初学者,这篇文章或许对你有用,如果你是大神,就多多包涵!!!

需求:现在有一个小程序抽奖页面如下,此类抽奖方式为大转盘



​​思路:由服务端获取抽奖次数和奖品,根据服务端的中奖概率来决定是否中奖(概率可以根据开发者广告收益来权衡,比如将收益的一半用于奖品发放),最后利用小程序动画将转盘转起来,结果如下:



​​礼物列表展示可以中奖的礼物,放一些大图,让用户清楚的看到可能会获取哪些奖品噢

小程序核心代码:



​​大转盘一共6个格子,对应0度、60度。。。以此类推,把360度6等分即可,6个格子对应6个不同奖品

我这里是通过用户观看视频来获取抽奖机会(这是微信个人流量主唯一的收入来源),演示请移步到微信小程序观看,微信小程序搜索 【 礼物抽奖 】:



本人也是个小程序爱好者,如有不足之处,敬请海涵!!!

页: [1]
查看完整版本: 【礼物抽奖】一个小程序抽奖页面如下,如果你是大神,就多多!