融媒体技术应用

龙妍、龙莉娜

目录

  • 1 融媒体初探
    • 1.1 融媒体技术简介
    • 1.2 mugeda基本操作
    • 1.3 Why HTML5
    • 1.4 初识Mugeda
    • 1.5 学习交流方式
  • 2 基本H5页面制作
    • 2.1 属性
    • 2.2 元件
    • 2.3 组与长数据
    • 2.4 直播课
    • 2.5 帧的操作
  • 3 H5页面制作基础
    • 3.1 图文公益广告“为梦想起航”
    • 3.2 长图新闻故事“节日里的城市守护者”
    • 3.3 绘图交互宣传广告“我的家乡邀请你”
    • 3.4 预置动画
    • 3.5 序列帧动画
    • 3.6 关键帧动画
    • 3.7 序列帧和关键帧结合
    • 3.8 升旗动画
    • 3.9 组的使用
    • 3.10 元件动画
    • 3.11 元件动画和关键帧结合
    • 3.12 行为
    • 3.13 变形动画
    • 3.14 进度动画
  • 4 行为、触发条件与交互
    • 4.1 了解行为与触发条件的作用
    • 4.2 交互控制基本原理及图层和帧的操作
    • 4.3 “安全驾驶”公益广告
    • 4.4 “昆明老街与重庆市井”影集
    • 4.5 “看图猜成语”游戏
    • 4.6 “电影洗印设备拼图”游戏
  • 5 帧动画设计、制作与应用
    • 5.1 帧动画的基本制作——油菜花节宣传广告
    • 5.2 交互帧动画制作——把精彩留给自己公益 广告
    • 5.3 运动镜头帧动画制作——‘中国电影博物馆’宣传介绍
    • 5.4 逐帧动画“倒霉的猫”
    • 5.5 逐帧交互动画“风景如画”
    • 5.6 任务训练
  • 6 特型动画
    • 6.1 制作基本特型动画
    • 6.2 交互动画“走进云南”旅游宣传
    • 6.3 元件、元件动画设计与制作
    • 6.4 交互游戏—双单按钮控制轿车行使
    • 6.5 实训：制作“放飞自我”帧动画
    • 6.6 实训：求职信案例
  • 7 基础案例
    • 7.1 "矩形与圆形互动"关联制作
    • 7.2 舞台关联动画“观图宝”动画
    • 7.3 遮罩关联动画——“定位”动画
    • 7.4 元件关联动画——“射击”游戏
    • 7.5 加载页的制作
    • 7.6 投票类案例制作
    • 7.7 全景照片
    • 7.8 上传图片合成
    • 7.9 长按手指控制动画播放
    • 7.10 关联动画
    • 7.11 定时器和计数器的使用
    • 7.12 文本框实现点击计数
    • 7.13 案例：新冠肺炎防疫能力测试
    • 7.14 案例：接金币游戏
  • 8 综合案例
    • 8.1 综合类长图文动画
    • 8.2 拖动长图类H5制作
    • 8.3 案例：人民日报测试类H5
  • 9 实用工具及其应用
    • 9.1 虚拟现实工具
    • 9.2 微信定制工具
    • 9.3 图表工具
    • 9.4 表单工具和数据统计
    • 9.5 预置考题工具
    • 9.6 陀螺仪工具
    • 9.7 其它实用工具
  • 10 拓展提高
    • 10.1 考证项目
    • 10.2 案例：一片叶子的扶贫故事
    • 10.3 利用JS控制跳转到某页某帧
实训：制作“放飞自我”帧动画

实训——制作“放飞自我”帧动画

项目案例：主题为“放飞自我”。页面中，气球从男人的手中飞向天空，女人仰望升空的气球，当气球完全从页面中消失后，页面中缓缓出现“放飞自我”4个字。

页面版式效果如下图示：

操作视频

思考拓展


如果我们放飞的不是一个气球，而是一束气球。这个动画应该怎么设计和实现？