制作一个H5抽奖活动可以怎么实现，有什么教程吗？

有三种方式制作H5抽奖活动。

1）定制开发，画出逻辑框架图，写代码什么需求基本上都是可以实现。

2）使用专业的H5工具，例如Epub360，利用可视化编辑器零代码制作H5抽奖，画好逻辑图，制作，利用数据库进行数据身份判断，抽奖规则的限制，中奖一二三等奖的记录；

3）如果对于逻辑掌握不强，也可以使用H5模板或应用来创建抽奖活动，优点是简单，成本低，缺点是逻辑固定，灵活度不高。

百度搜索，进入互.动大师官网，点击我的作品——创建作品——手机案例。

2

2.设置舞台大小为640*1008，这是手机案例常用的大小。

3

在舞台下添加1个页面。

END

步骤二：制作随机抽奖

1

1.在页面下新建一个层并选中右键重命名为奖项，在层的页面下添加四个文本，分别为“谢谢惠顾”、“一等奖”、“二等奖”、“三等奖”。其中层在这里起的是方便管理对象和归类的作用。4个文本通过xy轴的设置将4个文本的坐标都设置为同一坐标。

2

在页面下添加一个文本“开始”作为抽奖按钮，这里为了方便辨认，我们可以给这个文本加个背景颜色。

3

1.页面下添加计数器，在计数器1下加4个事件，为抽奖设置随机概率。本案例设置事件的触发条件均为数值范围，为了给抽奖设置随机概率，我们分别将事件1至事件4的最小值和最大值分别设置为“0,3”、“4,5”、“6,7”、“8,9”，大家自己在做的时候可以自由去设置其抽奖概率。

4

当计数器的值为0到3时抽到“谢谢惠顾”、4到5时抽到“一等奖”，如此类推，所以4个事件的目标对象分别是文本1、文本2、文本3、文本。

5

4个事件的目标动作均设置为隐藏同层控件，但是这里有一点要注意，不能设置为显示。原理：在这个案例当中我们抽奖需要不断地按开始按钮，不停地显示出奖项里的文本，文本又是叠在一起的，如果选择显示就会出现字体全都叠加在一起的问题。

6

添加计数器2，目的是显示抽奖次数，为了与计数器1区分开，我们可以设置一下计数器字体的颜色和字体大小。

7

在文本1下加2个事件，目的是进行抽奖。其中事件1是点击开始按钮是计数器生成随机值，范围为0到9。事件2是为了显示次数，所以设置点击开始按钮的同时计数器2加1，点击1次抽奖计数器2就显示“1”，点击2次就显示“2”，如此类推。

END

步骤三：微信设定标题

1.分别选中层“奖项”下的4个文本，分别添加1个事件，设置触发条件为显示，目标对象分别为这4个文本自身，变量名字我们都给它赋值为$a。

为计数器2的变量赋值，计数器2是计算抽奖次数的，所以我们在这里将计数器2的变量赋值为$b。

在文本1下添加一个事件，设置触发条件为点击，目标对象为舞台，目标动作为微信设定标题，将值的空白框处输入“我用$b次抽到了$a”。

4

记得要把层“奖项”都隐藏，否则会出现奖项里的字体重叠，还有如果觉得计数器1没必要显示也可以把它隐藏掉，这样随机抽奖并分享到朋友圈时会显示用几次抽到几等奖就会变成这个H5的标题啦！

1、微博抽奖

微博上的话，直接用微博自带的抽奖工具就可以。

点击抽奖中心，选择一条微博抽奖，点开就是下面的界面了。

不得不说微博的抽奖平台做的还是相对比较全面的，不过流程较为复杂，很多功能需要付费使用，这点是硬伤。

2、企微云

这个平台相对微博而言，抽奖元素所占的比例更大。画面感要强烈的多，甚至还有3D效果。

抽奖流程也比较有动感效果

综合而言，可玩性以及观赏性都较好，缺陷就是，抽奖的人都需要他人拉进去，而且平台需要付费使用。

3、星礼说

星礼说是款抽奖类小程序，界面相对比较简洁清爽。首页能直接看到他人发布的抽奖活动，能直接点进去参与，流程较为简单。

发布抽奖的同时，平台还会每天更新免费的礼物供抽取，只需要小手点一点就有机会获得各种大牌的免费礼物！

开奖后系统会直接通过服务通知发送在微信通知中，如果成功中奖，可以直接填写收货信息，等待礼物的到来啦。

此外，自己也可以发布奖品，做活动，为自己公众号或平台号引流。而发布活动也有两种模式：普通模式和疯狂模式。

疯狂模式与普通模式的区别在于，疯狂模式可以设置多个奖项，根据所达成的任务来发布相应奖品。

在下方还能添加自己账号的一些简介，以此引流

三款产品各有优劣，怎么选择就看你们自己的需求了。

---