这两天刷屏的"里约大冒险"（小人）H5，没想到用Mugeda5分钟就做出来了……
这两天小编收到各种私信，“这种用Mugeda 能做吗”？
网易哒哒出品的这个H5，在奥运这场营销竞赛中拔得头筹：个性强、有故事性、交互有意思，一上线就吸睛无数！
仔细研究下，这个H5的技术难点就在于“如何让用户自由绘制的小人，在后面的场景中做运动”？
不信吧？这个难点用Mugeda制作只需要三步：（点图片看高清版）
（1） 第一帧，在舞台上放入画布功能
A.画布的底色、宽高等在右侧属性栏里设置
B.给画布在右侧的属性栏命名“小人”
（2）新建一页绘制一个方框（小人的运动范围）
A.给方框新建一段关键帧动画
B.给方框在右侧的属性栏命名“动画”
（3）在第一页的位置插入“完成按钮”
A.给按钮添加“点击播放下一页”行为
B.给按钮添加改变图片行为，用命名的画布（“小人”）替代命名的方框（“动画”），即源元素替代目标元素。
原理就是这样，是不是敲简单！而且已经有Mu友用这个原理，做了一个更酷的！感谢Mu友：手冢治
相关案例：
南山双创大冒险 作者：微盐
网易哒哒出品的这个H5，在奥运这场营销竞赛中拔得头筹：个性强、有故事性、交互有意思，一上线就吸睛无数！
仔细研究下，这个H5的技术难点就在于“如何让用户自由绘制的小人，在后面的场景中做运动”？
不信吧？这个难点用Mugeda制作只需要三步：（点图片看高清版）
（1） 第一帧，在舞台上放入画布功能
A.画布的底色、宽高等在右侧属性栏里设置
B.给画布在右侧的属性栏命名“小人”
（2）新建一页绘制一个方框（小人的运动范围）
A.给方框新建一段关键帧动画
B.给方框在右侧的属性栏命名“动画”
（3）在第一页的位置插入“完成按钮”
A.给按钮添加“点击播放下一页”行为
B.给按钮添加改变图片行为，用命名的画布（“小人”）替代命名的方框（“动画”），即源元素替代目标元素。
原理就是这样，是不是敲简单！而且已经有Mu友用这个原理，做了一个更酷的！感谢Mu友：手冢治
相关案例：
南山双创大冒险 作者：微盐
1 个评论
南山双创大冒险 作者：微盐
大神！ 求教程
大神！ 求教程
