原生小程序抽奖

[{"insert":"1.抽奖的几率通过随机数生成控制，如果随机数在某个奖项的start和stop区间内，则代表抽中了该奖项。\n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/a45fd401b6b9af9997a31b08658d4ab8_24893_628_515.png"}},{"insert":"\n "},{"insert":{"image":"https://file3.ih5.cn/v35/files/5f4dee93518cb807498eb50d882fcd33_58855_1054_610.png"}},{"insert":"\n2. 九宫格的做法\n通过循环创建九个对象，他们的当前序号如下:\n0 1 2\n3 4 5\n6 7 8 \n其中序号为4的是抽奖按钮，而其他八个则按照顺时针方式排列且与奖项一一对应，对应关系如下\n序号0：奖项0\n序号1：奖项1\n序号2：奖项2\n序号5：奖项3\n序号8：奖项4\n序号7：奖项5\n序号6：奖项6\n序号3：奖项7\n将这个对应关系保存到一个一维数组中\n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/65eecd8c853412df58125d2626ba6f2c_10614_766_146.png"}},{"insert":"\nFor循环绑定的是一维数组，通过当前数据1到奖品列表中找到对应的奖品名称，然后设置一个变量，对变量进行模8运算，当余数与当前数据1相等时代表九宫格当前轮换到了该奖品，然后通过触发器每次给变量加1达到轮换效果。\n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/b446c18cb0c08c8bb544ac46d51eb2a7_37958_715_550.png"}},{"insert":"\n\n每加8九宫格转1整圈，这里设定旋转4圈，则触发器触发40次。另外点击按钮时已经获取了最终抽奖结果，用40加上返回的奖项序号再减1就是触发器的总触发次数，当触发器结束后就会正好停在实际抽中的奖项上。\n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/8bdfae7ef6620a9eb5e2b90c3507dad2_53109_1039_587.png"}},{"insert":"\n \n3. 转盘抽奖的实现方式\n转盘抽奖与九宫格的区别仅在于触发器触发时是通过变换状态来改变转盘的旋转角度，这里奖项有8个，则每个奖项占用扇形的角度是45°。我们设置触发器触发间隔为0.2s，每次触发旋转45°且变换时长与触发间隔一致。\n \n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/cc8ed2708f596d51115833aa665996eb_7460_272_184.png"}},{"insert":"\n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/acf4dc0965e1fddb074bb00dc095ad95_17236_1038_220.png"}},{"insert":"\n \n与九宫格抽奖相似，我们先让转盘旋转4个整圈1440°，也就是触发次数24次，然后再加上返回的奖项序号减去1，就是最后的总触发次数，当转盘停止时即可停在实际抽中的奖项上。\n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/b730957b901af9cbe59a28c5085177c5_52224_1046_513.png"}},{"insert":"\n\n"}]