1. 需求 上次讲到lao虎机抽奖,通过jquery.animate修改background-prosition-y来修改背景图片实现上下滚动动画,本文介绍一种左右滚动的动画,原理是一样的,这里通过修改background-prosition-x来实现动画,同时也要注意奖品图片的尺寸问题 ...
本文介绍一个lao虎机抽奖动画的实现,lao虎机抽奖在各类商家营销活动中非常常见,这里主要介绍动画的实现过程,其他细节不做详细分析。 ps:lao虎机是敏感词,博客园的富文本和markdown编辑器都限制不允许出现,所以文章中的 老 字用拼音代替。 . 需求 UI给到的蓝湖如下截图 图 三栏图片,每栏图片是一样的,都包含所有的奖品图片。 点击抽奖三栏图片从左到右依次开始上下滚动,从慢到块,滚动几轮 ...
2021-08-05 15:46 0 473 推荐指数:
1. 需求 上次讲到lao虎机抽奖,通过jquery.animate修改background-prosition-y来修改背景图片实现上下滚动动画,本文介绍一种左右滚动的动画,原理是一样的,这里通过修改background-prosition-x来实现动画,同时也要注意奖品图片的尺寸问题 ...
1. 需求 开宝箱在一些商家营销活动中也很常见,这个需求简单,产品经理说就是做个动画就好,那我们就可以自由发挥了。高保图如下图1. 图1 开局一张图,剩下的全靠自己编了,动作怎么动,先看看UI给的素材,看米下锅。一张关闭的箱子图片,如下图2 图2 一张打开的箱子,如下图3 图3 一张奖品 ...
本文介绍一种12宫格抽奖,这种抽奖方式是九宫格抽奖的演变,只不过开始播放的时候是随机方式,不是顺时针播放了。 1.需求 先看看高保,如下图1 图1 用户点击"立即抽奖"后12个奖品随机高亮 请求接口,待所有产品都高亮后,根据接口结果,固定在抽中奖品上 最后弹出中奖结果弹框 ...
1.需求 抽奖是各类营销活动中最常见的一种形式,本产品需求大致如下:转盘周围跑马灯交替闪烁,点击抽奖,大转盘旋转,调用接口获取抽奖结果,大转盘指针指向对应的奖品。高保如下图1 图1-高保 2.整体思路 2.1跑马灯 本需求要求跑马灯交替闪烁,那四周的跑马灯就不能是死的图片了,要用动画 ...
本文介绍九宫格抽奖功能的实现。 1.需求 功能很简单,来看看高保截图,如下图1 图1 需求的功能点如下: 用户点击抽奖,九宫格四周的图片顺时针依次闪烁,空转几圈。 请求接口,等接口有返回后最后对应的奖品闪烁,其他奖品不闪烁。 登录后,正中间的抽奖这个小方格点亮,未登录是灰色 ...
推荐阅读: 我的CSDN 我的博客园 QQ群:704621321 一。前言 在前面给大家分享了大转盘的抽奖方式,这是现在游戏使用较多的一种抽奖方式,今天给大家介绍另一抽奖方式——水果机,这是以前街机游戏使用较多的抽奖方式 ...
前言 前两天去一家公司面试,被问到一些小游戏的东西。面试官提到了刷红包还有抽奖这些怎么实现,当时简单说了下思路,回来之后想想还是说的太轻描淡写了,干说不做就是耍流氓,所以就做了一个(Demo & 源码)。启动方式:手指在转盘上滑动,转盘转动。这里没有像一般的抽奖程序一样在后台指定抽奖 ...
运营:提个活动需求,拉新下用户嘛。 产品:网上demo那么多随便拷拷就能用。 开发: 那么没做过的首先是google一下看看有没有好的demo拿来改改。 做过的呢想想拷贝下就好了吧。 进入正题: 网上老.虎.机.的插件挺多 ...