一、MUGEDA平台介绍
二、MUGEDA新手入门操作
1、快速制作炫酷动画
2、无代码添加交互
3、H5作品相关设置
4、学会使用Mugeda模板
5、手机屏幕适配方法
6、图片处理
7、声音及视频处理
8、屏幕适配设置
9、发布链接与预览链接的区别
10、H5作品相关设置
三、MUGEDA功能详解
1、界面与舞台
(1)简介
(2)缩放层数据
(3)缩放舞台功能
(4)翻页的相关设置
(5)关键帧和页面的命名
(6)加载的相关设置
(7)物体属性设置
(8)元件界面介绍
2、素材与媒体
(1)图片上传和素材库
(2)文本和文本段落
(3)网页工具
(4)幻灯片
(5)视频
(6)声音
(7)绘制素材
(8)云字体
(9)曲线图表
(10)组的应用
(11)虚拟现实
(12)粘贴第三方文字和图片
(13)常用编辑操作
(14)导入PSD及注意事项
(15)声音和视频的压缩
(16)声音和视频的交互控制
3、动画功能
(1)时间轴及图层
(2)选择工具
(3)关键帧动画
(4)路径动画
(5)进度动画
(6)曲线变形动画
(7)预置动画
(8)元件动画
(9)分页和加载页
(10)遮罩动画
(11)动画运动
(12)标尺和辅助线的使用
(13)复制帧和复制图层
(14)如何实现动画控制
4、行为设置
(1)行为添加以及触发事件
(2)帧的行为
(3)页的行为
(4)播放元件片段
(5)改变元素属性
(6)改变图片
(7)设置定时器
(8)手机功能
(9)跳转链接
5、控件的应用
(1)陀螺仪
(2)定时器
(3)随机数
(4)擦玻璃
(5)点赞
(6)绘图板
6、微信功能
(1)微信头像与昵称
(2)定制图片
(3)录制声音
(4)分享信息
7、表单功能
(1)自定义表单
(2)系统默认表单
(3)定制文字
8、关联绑定
(1)舞台动画关联
(2)元件动画关联
(3)属性关联
(4)自动关联
(5)公式关联
(6)条件判断
(7)逻辑式表达判断
(8)多种表达式的写法
四、MUGEDA案例实操
1、展示动画
(1)邀请函
(2)招聘
(3)个人简历
(4)可定制贺卡
(5)手机广告
2、小图标动画
3、游戏测试
(1)拍宇航员
(2)手术刀
(3)测试题
(4)拖动选择
(5)概率抽奖
4、微信定制
(1)和宝宝聊天
(2)和奥运冠军合影
陈松月
Mugeda首席动画设计师,10年动画设计经验,从事H5交互动画制作4年,创作了近百个HTML5交互动画作品。曾为360、网易,华为,大众点评等多家500强企业创作移动端HTML5动画案例,在业内属HTML5动画大神级别,理论与实践结合度高。