中午之前,我还在和同事纠结吃什么。我突发奇想,用转盘抽奖的方式做了一个“转盘选餐”的原型图,仅供大家参考。
结果如下:
设计理念:
设计一个圆盘作为底盘;添加“抽奖”按钮和旋转指针。预期效果:点击“抽奖”按钮,触发机箱旋转。大约2秒钟后,机箱停止旋转,指针所在的区域就是选择的结果。
涉及内容:旋转,随机函数(random())。
首先用“圆”“竖线”“文本框”画出转盘和底盘的组合;如图所示:
然后,在机箱上增加一个指针和触发按钮“抽奖”,将“鼠标点击时”事件设置为“抽奖”按钮,选择“旋转”检查表盘组合。
顺时针方向将旋转方向设置为“相对位置(到)”,如果使用“绝对位置(到)”,则不能在抽奖转盘完成后再次点击实现随机抽奖旋转;
要设置角度,我们需要在这里使用函数[[100000 random () * 360]],因为我们需要在抽奖中随机点击。
最后,只需保存并点击浏览,就会实现一个简单的小交互。
互动rp文件,朋友可以下载查看详情:https://pan.baidu.com/s/14KDGnuMjEOJmkRtY5dRHbQ.
本文最初由@产品白小白发布,每个人都是产品经理。未经允许禁止转载。
图片来自Unsplash,基于CC0协议。