当前位置: 首页> 主机资讯

之前中午和同事一直在纠结吃什么,突发奇想想到了转盘抽奖的模式做一个“转盘选餐”的原型图,大к家仅供参考。

结果图如下所示:

设计思路:

设计≯一⊿个圆盘做为底⊙盘; 增加“抽奖”按钮及旋转指针。 ¤

预计℃实现效果:点击“抽奖”按钮ψ,触发底盘旋转,大约2ηs后╟底盘停止ы转动,指¤针所在区域即为选中结果。ц

涉及内容:旋转、随机✿。✿函数(randⓞom())。

首先,利๑用“圆”、“垂直线”和❤☜“文本框”绘制一个转盘底盘组合;如图所示:

接着,ↆ在底盘上加指针及触发└按钮“抽奖”,并对“〒抽奖”按卐钮设置“⌒鼠标单击时”事件,选择“旋转”勾选转☞盘组合。

设置∟旋转方向为顺时针旋转为“相对位置(bΥy)”,若是“绝对位置(to☼)”则抽奖转盘转#完后,再次单击则ō无法实×现随机抽奖转动;

设置角ↁ度,由于需要抽奖单︰击◇随机,所以此处♥我们需要使用到函数[[100000+♂random()*〡⊙360]]

最后≡┓保存并点击浏览即可,一个简单的小交互就实现了。

交互的rp文件,朋①友们可以下载查看§详情:htt╜ps://pan.bai★du.com〩/s/14KDGnuMjEOJmkRtY5dRHbQ

&nbs∶p;

本▓文由 @产品小白白 原创发布于人人都是产品经理。未经许可,禁止转载∫

题图来自Unsplぁash,基◎于CC0协█议∧