1. 需求 开宝箱在一些商家营销活动中也很常见,这个需求简单,产品经理说就是做个动画就好,那我们就可以自由发挥了。高保图如下图1. 图1 开局一张图,剩下的全靠自己编了,动作怎么动,先看看UI给的素材,看米下锅。一张关闭的箱子图片,如下图2 图2 一张打开的箱子,如下图3 图3 一张奖品 ...
. 需求 上次讲到lao虎机抽奖,通过jquery.animate修改background prosition y来修改背景图片实现上下滚动动画,本文介绍一种左右滚动的动画,原理是一样的,这里通过修改background prosition x来实现动画,同时也要注意奖品图片的尺寸问题,这里姑且叫它滚动抽奖。先看高保,如下图 : 图 需求如下: 奖品图片横排列。 用户点击抽奖,奖品依次向左滚动, ...
2021-08-13 18:28 2 302 推荐指数:
1. 需求 开宝箱在一些商家营销活动中也很常见,这个需求简单,产品经理说就是做个动画就好,那我们就可以自由发挥了。高保图如下图1. 图1 开局一张图,剩下的全靠自己编了,动作怎么动,先看看UI给的素材,看米下锅。一张关闭的箱子图片,如下图2 图2 一张打开的箱子,如下图3 图3 一张奖品 ...
本文介绍一种12宫格抽奖,这种抽奖方式是九宫格抽奖的演变,只不过开始播放的时候是随机方式,不是顺时针播放了。 1.需求 先看看高保,如下图1 图1 用户点击"立即抽奖"后12个奖品随机高亮 请求接口,待所有产品都高亮后,根据接口结果,固定在抽中奖品上 最后弹出中奖结果弹框 ...
1.需求 抽奖是各类营销活动中最常见的一种形式,本产品需求大致如下:转盘周围跑马灯交替闪烁,点击抽奖,大转盘旋转,调用接口获取抽奖结果,大转盘指针指向对应的奖品。高保如下图1 图1-高保 2.整体思路 2.1跑马灯 本需求要求跑马灯交替闪烁,那四周的跑马灯就不能是死的图片了,要用动画 ...
...
本文介绍九宫格抽奖功能的实现。 1.需求 功能很简单,来看看高保截图,如下图1 图1 需求的功能点如下: 用户点击抽奖,九宫格四周的图片顺时针依次闪烁,空转几圈。 请求接口,等接口有返回后最后对应的奖品闪烁,其他奖品不闪烁。 登录后,正中间的抽奖这个小方格点亮,未登录是灰色 ...
本文介绍一个lao虎机抽奖动画的实现,lao虎机抽奖在各类商家营销活动中非常常见,这里主要介绍动画的实现过程,其他细节不做详细分析。 ps:lao虎机是敏感词,博客园的富文本和markdown编辑器都限制不允许出现,所以文章中的“老”字用拼音代替。 1. 需求 UI给到的蓝湖 ...
前言 前两天去一家公司面试,被问到一些小游戏的东西。面试官提到了刷红包还有抽奖这些怎么实现,当时简单说了下思路,回来之后想想还是说的太轻描淡写了,干说不做就是耍流氓,所以就做了一个(Demo & 源码)。启动方式:手指在转盘上滑动,转盘转动。这里没有像一般的抽奖程序一样在后台指定抽奖 ...
最近甲方公司年会,年会上必不可少的一个环节就是抽奖,于是需要一个带人名滚动的抽奖页面。 有两种思路可以参考:1是可以进页面之后抽奖之前就已经随机分好中奖人员的名单,人名滚动纯属效果,等到按停止按钮的时候直接显示上已分配好的名字;2是滚动之后,直接取按停止按钮停止的名字。考虑到这只是一个 ...