# 概率抽奖 * * * * * 如下图,在第1页面添加一张背景图 ![](https://box.kancloud.cn/e055d08c72df4caf0afb06f54281e09b_800x461.png) 新建“图层1”,添加“福袋”图片素材,点击“福袋”右边的“添加预置动画”按钮 ![](https://box.kancloud.cn/83f8ba18bcea396f966053fec6efaa94_800x461.png) 选择“悬摆”动画效果 ![](https://box.kancloud.cn/a1c2f4e1bb229fba05cbf4e34b8c5d77_800x459.png) 在其“属性”面板下打开“预置动画”的“循环播放”功能 ![](https://box.kancloud.cn/0e4974144c22b18305ac9841b397fd65_800x454.png) 选中“图层1”上的第2帧,点击“素材库”按钮,选择要添加的两张图片素材,勾选“以序列帧形式添加”,点击“添加” ![](https://box.kancloud.cn/acb6824df9db7587079c1377fc09ce7c_800x459.png) 补充“图层0”上的第2、3帧,点击“图层0”时间轴第3帧,右键→“插入帧” ![](https://box.kancloud.cn/8df06fe7008517c60d672827d4120e37_800x459.png) 点击“福袋”的“添加/编辑行为”按钮,添加两个编辑行为: “播放”行为:“动画播放控制”→“播放”→触发条件:“点击” “暂停”行为:“动画播放控制”→“暂停”→触发条件:“出现” ![](https://box.kancloud.cn/c101c668789dc59c77582605e1cef48a_799x458.png) 点击“图层1”上的第4帧,点击“素材库”按钮,在“媒体库”中选择五张所需图片素材,勾选“以序列帧形式添加”,点击“添加” ![](https://box.kancloud.cn/644bbb87ebe5a11d33946b5ba000253c_800x453.png) 继续在“图层1”的第9、10帧上分别添加两张图片素材 ![](https://box.kancloud.cn/f1d962a01bc0ea7e77aed8c5c0e23cfd_800x455.png) 补充“图层0”上的帧数,选中“图层0”上第10帧,右键→“插入帧” ![](https://box.kancloud.cn/ac555839579169241c63b86aabfbac9a_800x458.png) 新建“控制层”图层,点击“随机数”按钮在“舞台”上添加一个随机数,在其“属性”面板下为随机数命名为“抽奖” ![](https://box.kancloud.cn/d81c3a1fbc2cf1b68756d41a683e5371_800x462.png) 并设置其最大值最小值为“100”“1” ![](https://box.kancloud.cn/3e0f19cc6837a604dbf735dbe4b90407_800x452.png) 如图,在第3帧出现的“爆炸”图片素材上,点击其“添加/编辑行为”按钮,设置行为:“动画播放控制”→“跳转到帧并停止”→触发条件:“出现”,点击“编辑”按钮 ![](https://box.kancloud.cn/12fae811046af2c3545487b0103d6f69_800x455.png) 在“参数”对话框中设置相关属性 帧号:4;5;6;7;8 执行条件:“检查元素状态” 元素名称:“抽奖” 考察属性:“文本取值” 逻辑条件:“大于” 参考值:“10”,点击“确认”返回“编辑行为”对话框 ![](https://box.kancloud.cn/8ee050171e18ebb45a4c3da891b54a35_800x409.png) 如图,再添加一个“跳转到帧并停止”,触发条件为“出现”,点击“编辑”按钮 ![](https://box.kancloud.cn/888edadd90764ee4afd882c51d1ab026_800x455.png) 在弹出的“参数”对话框中设置相关属性 帧号:9;10 执行条件:“检查元素状态” 元素名称:“抽奖” 考察属性:“文本取值” 逻辑条件:“小于等于” 参考值:“10”,点击“确认” ![](https://box.kancloud.cn/7c3d3ff6430be5ecfee4cd1cb96d2033_800x375.png) 可点击“预览”观察动画效果 ![](https://box.kancloud.cn/1986fa52e0fa2fd92a3f06ddd753925e_800x458.png) 如图,可修改随机数的最大值最小值,改变随机数的随机范围以修改中大小奖的概率 ![](https://box.kancloud.cn/2348ddbe20ad675991fb0c779d81ce84_800x462.png) 观看本节视频教程: http://cdn1.mugeda.com/course/4/4.3/4.3.5.mp4