如何利用Axure来制作有趣的小红书促销小游戏?(制作有趣的小红书促销小游戏图文教程)
小武-网站专员
2022-06-13 13:02:38
250
如何利用Axure来制作有趣的小红书促销小游戏?一起来文中看看~
温馨提示注:本教程适合有Axure基础的人观看
首先我们先看看制作的效果:
操作说明:长按圆脸,脸会随着鼠标按的时间压缩,压缩越久,松开鼠标时弹得越远,同时能把箱子顶得越远。箱子跟顶部虚线框重合度越高,获得分数越高。
当在小红书看到这个游戏时,我觉得可以用Axure实现,所以就花了时间把它做下来了。
话不多说,教学开始~
一、圆脸
步骤1:画脸
动效分析:当长按时
- 脸会被压缩
- 眼睛变样
- 脸越来越红
根据这三个特性,我们把圆脸分成三部分画出来。
元素说明:
- 脸直接画一体的,方便一起变形,命名:脸背景
- 腮红是用photoshop画笔点了一下,白色为透明的,命名:脸红
- 眼睛用动态面板,分别创建两个状态,命名:眼睛
步骤2:做动效
(1)首先把三个元素组合到一起,命名:脸,因为要控制三个元素一起变形。
(2)选中脸组合,创建动态面板,命名:角色。绘制背景375*667,填充粉红色。添加一文本,输入0,命名:长按时间(这个数据很有用)。
(3)利用动态面板记录长按时间,创建一个动态面板,命名:记录时间,创建两个状态。设置用例当长按“角色”时,设置“记录时间”动态面板开始循环,循环间隔100ms。同时,由于长按“角色”时,想让眼睛变形,所以设置“眼睛”为状态2,如下:
“记录时间”动态面板设置
控制“长按时间”文本值范围在0-10之内,所以设置在“长按时间”<10情况下执行以下命令。
第一条用例说明:“记录时间”状态每改变一次,“长按时间”文本值+1。
第二条用例说明:设置“脸”高度尺寸随长按时间增长变小。LVAR1变量为“长按时间”元件文字。
第三条用例说明:首先设置“脸红”元件透明度为0,LVAR1变量为“长按时间”元件文字
步骤3:设置移动
(1)设置元件“角色”,鼠标松开时用例:
首先设置“记录时间停止循环”,设置变形后的“脸”变回之前的尺寸。
等待执行上述两操作之后,移动“角色”,距离是“长按时间”×20,动画线性500ms。
等待500ms移动结束后,移动“角色”回到之前的距离。
设置“眼睛”为之前的眼睛;
设置“脸红”透明度0;
设置“长按时间”为0。
角色根据长按时间弹起效果
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 3561739510@qq.com 举报,一经查实,本站将立刻删除。
转载请注明来自专注SEO技术,教程,推广 - 8848SEO,本文标题:《如何利用Axure来制作有趣的小红书促销小游戏?(制作有趣的小红书促销小游戏图文教程)》
- 搜索
- 最新文章
- 热门文章
-
- 免费ppt模板下载网站有哪些?如何选择合适的ppt模板?
- 站长工具、怎么使用?如何优化网站SEO?
- 网页设计制作网站如何选择?有哪些设计趋势?
- 搜索引擎的工作原理是什么?它是如何运作的?
- 素材网站如何选择才能满足SEO需求?
- 遇到拼多多关键词推广无权限该如何处理?
- 抖音标题关键词应该怎么设置?
- 常用的搜索引擎有哪些?它们各自的特点是什么?
- 网站设计对SEO有多重要?如何优化网站设计以提高搜索引擎排名?
- 优化网站关键词排名的策略有哪些?SEO优化系统如何帮助提升排名?
- SEO快速排名优化技巧?如何在短时间内提升网站排名?
- 抖音关键词抽帧功能如何使用?
- 热门关键词如何选择?如何进行有效的关键词优化?
- seo关键词的选择技巧是什么?
- 站长工具、中的关键词密度分析如何进行?
- 视频脚本编写时如何确保信息传达清晰?
- 搜索引擎的工作原理是什么?如何优化?
- 淘宝关键词在手机上搜不到的解决方法?
- 临邑网站建设的常见问题有哪些?
- 网站优化设计的步骤是什么?常见问题有哪些?
- 热门tag