// 开始定时器,每隔1秒掉落一次红包 that.data.showInter=setInterval(function(){ // 生成当前掉落红包的个数,1-3个 var showNum = Math.ceil(Math.random() * 3); // 防止数组越界 if (tempIndex * showNum>=that.data.packetNum){ // 如果所有预生成的红包已经掉落完,清除定时器 clearInterval(that....
2、高级设置:单次抢到概率推荐50%,用户点击两次即可中一次,单个用户一轮中红包个数推荐1个,固定红包默认是关闭的,如果要使用固定金额比如88、66之类的吉利数字可以开启固定红包并添加固定金额及个数即可。 3、排行榜:即大屏红包雨倒计时结束后显示的中奖名单,支持按单个红包大小,也可以按单个用户抢到红包总金额的大...
//设置临时红包列表当前索引下的top值,此处top值为动画运动的最终top值 packetList[tempIndex].top = that.data.windowHeigh; // 当前次掉落几个红包,索引值就加几 tempIndex += 1; break; case 2: packetList[tempIndex].top = that.data.windowHeigh; packetList[tempIndex + 1].top = that.data.wind...
在本文,先研究小程序端的红包雨特效以及用户的交互逻辑. 其中主要交互功能包括: 红包雨动画生成 红包雨点击事件 红包雨的所需要满足的业务场景 三、项目技术分析 3.1 技术栈基础必备 (1)css动画属性 transform属性的使用【控制红包进行角度旋转】: 动画animation属性的使用【控制红包】: 推荐学习:通过示例深入学习animat...
第一种现场大屏红包雨活动,这个主要是用在各种年会啊等现场活动中,用户通过扫码参与活动,游戏开始有大屏上也会同步实时显示红包雨的结果和过程。制作起来也非常简单,注册登录到蜀乐互动后台,创建一个互动,然后充值红包金额,再设置下红包数量、金额等就完成了。打开大屏幕页面用户就可以开始扫码参与玩了。
年会红包雨小程序 微信年会红包雨小程序在现场活动中使用非常广泛,可以轻松的调动所有参与用户的热情。年会红包雨小程序通过微信扫码参与活动,大屏幕和手机上都会同步显示红包雨的效果,用户只需要在手机上不停的点击掉下来的红包参与活动就行了。如果有抢到红包的话大屏会同步显示金额,抢到的钱也会直接到个人的微信钱包...
-- 红包雨活动 --><template><scroll-viewscroll-y="true"><viewclass="red-envelope-rain"><viewv-for="(redEnvelope, index) in redEnvelopes":key="index"class="red-envelope":style="{ top: redEnvelope.top + 'px', left: redEnvelope.left + 'px' }"@click="handleRedEnvelopeClick(index)"...
1 打开微信，搜索小程序【how好好】，点击打开它。注意：微信必须是最新版本，才能参与活动。2 点击登录，进入页面。注意：新手登入会有【新人红包】3 等时间开始时，点击右上角的【红包】，就可以参与红包雨活动。注意：2月5日~2月10日（12:00、17:00、22:00）每天3场红包雨。4 活动开始时，会有红包雨倒...
※ 点红包只有“红包雨主题”,点击“编辑”可设置背景音乐 保存后,即创建完活动轮次 三、效果展示 大屏幕效果展示 游戏等待页面: 游戏进行中页面 红包雨 游戏结束页面 手机端效果展示 ※ 点红包: 那么大屏幕互动应该注意什么问题呢?hi现场互动平台总结了以下几个问题: ...
【有娱】互动游戏平台,花儿绽放上市公司微信小游戏旗下品牌,云睿台红包雨小程序游戏、H5小游戏,提供微信营销多款互动游戏:微信投票、微信抽奖、微信砍价、微信大转盘,海量模板,一键生成。