Hello，今天教大家用Axure做一个游戏原型——口红机，通过该案例，大家可以学会很多动态交互，例如移动、旋转……
【原型预览】
用电脑点击左下方阅读原文或复制打开下面的原型预览地址
https://axhub.im/pro/675e35d1196c1e47
【原型下载】
方式2：https://weidian.com/item.html?itemID=4358372589
【原型效果】
【制作方法】
原材料：动态面板、西瓜图（圆圈）、唇膏图、背景图、挑战失败弹窗（默认隐藏）、挑战成功弹窗（默认隐藏），2个默认隐藏文本框（记录位置x和y）。
步骤1
设置西瓜图载入时的事件。
- 旋转西瓜，方向和速度可以自己设置
- 设置记录文字x文本框=唇膏1的横坐标，设置记录文字y文本框=唇膏1的纵坐标。
- 设置动态面板在state1和2之间不断循环。用于后续判断挑战是否成功。
- 禁用唇膏2-11。
步骤2
设置唇膏点击时事件：
- 禁用本元件，点击后不能再点。
- 移动该元件到西瓜的底部。
- 移动下一唇膏（唇膏2）到本唇膏的位置（记录x文本框和y文本框的值）。
- 设置等待时间=唇膏移动的时间
- 旋转唇膏，速度和方向和西瓜旋转一致。
- 启用下一唇膏。
步骤3
最后一根唇膏鼠标单击时：
- 禁用本元件，点击后不能再点。
- 移动该元件到西瓜的底部。
- 设置等待时间=唇膏移动的时间
- 旋转唇膏，速度和方向和西瓜旋转一致。
- 等待500毫秒。
- 显示挑战成功弹窗
步骤4
设置动态面板：
载入时：设置面板不断循环
状态变更时：判断唇膏1-11之间有没有是否接触，如果接触了显示挑战失败弹窗。
步骤5
设置挑战失败弹窗显示时事件：
- 禁用所有唇膏。
- 隐藏挑战成功弹窗下面全部元件（这样最后一根失败也不会弹出）。
作者：梓贤vigo；
微信公众号：Axure高保真原型，分享一系列产品经理常用的原型模板、教程、视频、文档等原创内容
本文由微信公众号：Axure高保真原型 授权发布，未经许可，禁止转载
