交互式动画课件的制作
合集下载
ppt怎么作交互式课件
案例三：物理课件中的超链接设置
总结词
利用超链接实现知识点的跳转和扩大。
详细描写
在物理课件中，利用PPT的超链接功能，将知识点相互 关联起来。学生可以通过点击某个知识点，直接跳转到 相关内容的展示页，方便学生进行知识点的串联和扩大 学习。同时，超链接还可以链接到外部资源，如视频、 图片等，丰富课件内容。
发布和分享
总结词
发布和分享是实现课件价值的最后一步 ，需要注意合适的发布方式和分享平台，如企业 内部平台、在线教育平台等，以便学习者 能够方便地获取课件并进行学习。同时， 需要注意保护课件的知识产权和隐私安全 。
04
PPT制作交互式课件的常见问题及解决 方案
交互式课件的特点
互动性
允许学习者与课件进行 交互，如点击、拖拽、
选择等操作。
多媒体性
融会了文字、图片、音 频、视频等多种媒体素 材，提供丰富的视听体
验。
个性化
允许教师或学习者根据 需求自定义内容、布局
和互动方式。
适应性
适应不同学习风格和需 求，满足个性化学习的
需要。
交互式课件的应用场景
01
02
03
案例五：历史课件中的触发器应用
总结词
利用触发器实现交互式问答和互动讨论。
详细描写
在历史课件中，利用PPT的触发器功能，设计交互式问答和互动讨论环节。通过设置触 发器，让学生在观看课件的同时，参与到问题回答和讨论中。这不仅可以检验学生对知 识点的掌握情况，还可以培养学生的思考能力和表达能力。同时，触发器的应用还可以
插入视频
在“插入”选项卡中选择“视频” ，然后选择要插入的视频文件。可 以在幻灯片中调整视频的大小和播 放时间。
使用动画效果
《Animate》课件——第11章 交互式动画
11.1.1 按钮事件
按钮是交互动画的常用控制方式，可以利 用按钮来控制和影响动画的播放，实现页 面的链接和场景的跳转等功能。
11.1.1 按钮事件
新建空白文档，在“库”面板中新建一个按钮元 件。利用“颜色”面板、“椭圆”工具、“墨水 瓶”工具，制作按钮的四种显示状态。
11.1.2 添加控制命令
使用“导入到库”命令，导入素材文件；使用“新建元件”命令，制作图形元件和按 钮元件；使用“创建传统补间”命令，制作照片浏览动画；使用“动作”面板添加脚 本语言。
效果图
11.2.2 播放和停止动画
控制动画的播放和停止所使用的动作脚本如下。
stop()：用于在此帧进行停止
1
gotoAndPlay()：用于转到
控制鼠标跟随所使用的脚本如下。
root.addEventListener(Event.ENTER_FRAME,元件实例); function 元件实例(e:Event) {
var h:元件 = new 元件(); //添加一个元件实例
h.x=root.mouseX; h.y=root.mouseY; //设置元件实例在x轴和y轴的坐标位置 root.addChild(h); //将元件实例放入场景 }
11.1.3 课堂练习——制作美食页面
使用“导入到库”命令，导入素材文件；使用“创建传统补间”命令，制作美食动画 效果；使用“动作”面板，添加脚本语言。
效果图
11.1.4 课后习题——制作女装馆界面
使用“导入到库”命令，导入素材；使用“新建元件”命令，制作按3
某帧并开始播放
gotoAndStop()：用于转到
2
某帧并停止播放
4
addEventListener()：用于添加事件的方法
ppt课件交互制作
链接设置
为课件中的文本或图片添 加链接，以方便观众跳转 到相关页面或网站。
交互方式选择
根据课件的内容和目的， 选择合适的交互方式，如 弹出窗口、填写表格等。
03
交互式PPT制作工具
PowerPoint内置工具
触发器
PowerPoint内置触发器可以创建交互式动画效果，通过触发器可以让观众在点击或滑动 幻灯片时触发动画效果。
在商业环境中，交互式PPT可以用于制作 销售提案、市场调研报告和商业计划书等 ，以提高观众的兴趣和参与度。
个人用户也可以使用交互式PPT来制作个 人简历、演示文稿和宣传资料等，以展示 自己的能力和创意。
交互式PPT的优势
01
提高参与度
交互式PPT可以通过各种互动元素来吸引观众的注意力，并引导他们更
与其他PPT爱好者交流制作心得和经验 ，分享自己的作品并接受他人的建议和 指导。
THANKS
实例二：英语单词互动记忆
总结词
互动记忆式PPT能够帮助学生在轻松愉快的氛围中记忆英语 单词。
详细描述
互动记忆式PPT通过设计有趣的互动游戏和挑战，让学生在 游戏中学习和记忆英语单词。同时，通过互动反馈和奖励机 制，激发学生的学习兴趣和动力，提高学习效果。
实例三：幼儿教育互动课件
总结词
幼儿教育互动式PPT能够吸引幼儿注意力，提高幼儿学习兴趣。
好地理解演示内容，从而提高参与度。
02
增强记忆
通过交互式PPT中的动态、可控和互动元素，观众可以更加主动地参与
到演示过程中，这有助于增强他们的记忆和理解。
03
提高效率
交互式PPT还可以帮助制作人员提高效率，因为它们可以快速地创建具
有吸引力和互动性的演示文稿，而无需花费大量时间和精力进行排版、
交互式制作课ppt课件
注意：选项按钮有两种状态即两种Value值，默认是False即未选中状态，当鼠 标单击选项按钮时，表示选中该按钮，控件状态会发生变化，如OptionButton2 所示，而其Value属性也由默认的False转变为True，这个性质千万要记住。
命令按Байду номын сангаас的属性和事件
CommandButton1
名称：默认是CommandButton1 是该控件的标志，可改名 Caption：默认是CommandButton1 可以在此编辑按钮标题 Font：控件文本的字体、字型和字号
文本框的属性和事件
名称：默认是TextBox1 是该控件的标志，可改名 Value： 文本框接收到的输入数据 Font： 文本的字体、字型和字号 TextAlign： 文本的对齐方式 在程序中表示复选框的方法：CheckBox1 在程序中表示复选框属性的方法：CheckBox1.Value TextBox1的Value值为“苏州”，则表示为：TextBox1.Value=“苏州”
初级：利用“超链接”实现交互
超链接”交互”示例：选择 I ____ a teacher. A.is B.am C. were D. are
I ____ a teacher. A.is
超链接”交互”示例：打开外部程序
NEXT
错误，再考虑一下！ 返回
正确，鼓励一下！ 返回
中级：利用“触发器”实现交互
选项按钮：主要用于单项选择题 复选框 ：主要用于多项选择题 文本框 ：主要用于填空题 命令按钮： 主要用于制作命令按钮 标签 ：主要用于文字编辑
选项按钮的属性和事件
OptionButton1
O p t i o n B u t t o n 2
交互式课件制作案例
交互式课件制作案例案例背景：某公司需要制作一份交互式课件，用于培训新员工了解公司的核心价值观和业务流程。
步骤1：确定需求根据公司的要求，我们需要为新员工制作一份交互式课件，内容包括公司的核心价值观和业务流程，以帮助他们更好地了解公司的文化和运营。
步骤2：准备素材收集公司核心价值观的文字和图片，并收集业务流程相关的文字、图表和示意图。
确保素材的版权合法，并做好备份。
步骤3：选择制作工具根据课件的交互性需求，选择一款适合的交互式课件制作工具，例如Adobe Captivate、Articulate Storyline或H5P等。
步骤4：设计课件结构根据课件的内容，设计一个清晰的结构，包括导入部分、核心内容部分和总结部分。
确保内容的逻辑性和条理性。
步骤5：制作课件页面利用选定的工具，将素材导入到课件中，并设计页面布局和交互元素。
可以使用按钮、翻页效果、动画等方式增加课件的交互性。
步骤6：添加互动功能根据课件的需求，添加互动功能，例如选择题、拖放题、填空题等。
通过这些互动，新员工可以参与进来，提高学习效果和参与度。
步骤7：测试和修订在制作完成后，进行测试，在不同的设备和浏览器上测试课件的兼容性和交互性。
根据测试结果，进行修订和调整，确保课件在各种环境下都能正常运行。
步骤8：发布课件将最终修订后的课件发布，可以选择将课件打包成SCORM包、上传至学习管理系统（LMS）或直接分享给新员工。
步骤9：评估和反馈定期评估课件的效果，收集新员工的反馈并分析。
根据反馈结果，进行优化和改进，以提高课件的质量和效果。
以上是一个交互式课件制作的案例，通过以上步骤，为新员工提供了一种互动、有趣的学习方式，并能更好地帮助他们了解公司的核心价值观和业务流程。
用ppt制作交互式课件
详细描述
在PPT中，选择需要触发交互效果的元素，然后在“动画”选项卡中选择“添加动画”，选择“触发器”，根据 需要选择触发方式，如“单击下列对象”或“与下列对象同时发生”。在弹出的列表中选择需要触发的对象，即 可完成设置。
使用超链接实现交互
总结词
超链接是PPT中实现页面跳转的重要手段，通过设置超链接，可以在幻灯片中添加可点击的文本或图 片，实现不同页面之间的跳转。
详细描述
选中需要添加超链接的文本或图片，然后在“插入”选项卡中选择“超链接”，在弹出的对话框中输 入需要跳转的页面或网址，点击“确定”即可完成设置。在放映PPT时，点击添加了超链接的文本或 图片，即可跳转到指定的页面。
使用动作设置实现交互
总结词
动作设置是PPT中用于设置鼠标操作的方法，如单击、双击、鼠标悬停等，以触发特定 的动画或声音效果。
2. 在容器中添加多个形状，作为各个菜单项，并设置形状的文本和样式。
案例二：制作一个带动画效果的导航菜单
01
3. 使用超链接功能，为每个菜单项添加相应的跳转页面 。
02
4. 使用动画效果，为菜单项添加动态展示效果，如淡入 淡出、飞入等。
03
5. 预览效果，测试导航菜单的动画和跳转功能是否正常 。
案例三：制作一个带测试功能的练习题课件
02
它不仅包含传统PPT演示文稿中 的文字、图片、音频、视频等元 素，还具备互动性、个性化、动 态性等特点。
交互式课件的优势
提高学习效果
通过互动环节，激发学 生的学习兴趣和主动性 ，促进知识吸收和记忆 。
个性化学习
根据学生的学习需求和 水平，提供个性化的学 习资源和路径。
灵活的教学方式
教师可根据教学需要， 自由组合多种媒体资源 ，实现灵活多样的教学 方式。
在PPT中，选择需要触发交互效果的元素，然后在“动画”选项卡中选择“添加动画”，选择“触发器”，根据 需要选择触发方式，如“单击下列对象”或“与下列对象同时发生”。在弹出的列表中选择需要触发的对象，即 可完成设置。
使用超链接实现交互
总结词
超链接是PPT中实现页面跳转的重要手段，通过设置超链接，可以在幻灯片中添加可点击的文本或图 片，实现不同页面之间的跳转。
详细描述
选中需要添加超链接的文本或图片，然后在“插入”选项卡中选择“超链接”，在弹出的对话框中输 入需要跳转的页面或网址，点击“确定”即可完成设置。在放映PPT时，点击添加了超链接的文本或 图片，即可跳转到指定的页面。
使用动作设置实现交互
总结词
动作设置是PPT中用于设置鼠标操作的方法，如单击、双击、鼠标悬停等，以触发特定 的动画或声音效果。
2. 在容器中添加多个形状，作为各个菜单项，并设置形状的文本和样式。
案例二：制作一个带动画效果的导航菜单
01
3. 使用超链接功能，为每个菜单项添加相应的跳转页面 。
02
4. 使用动画效果，为菜单项添加动态展示效果，如淡入 淡出、飞入等。
03
5. 预览效果，测试导航菜单的动画和跳转功能是否正常 。
案例三：制作一个带测试功能的练习题课件
02
它不仅包含传统PPT演示文稿中 的文字、图片、音频、视频等元 素，还具备互动性、个性化、动 态性等特点。
交互式课件的优势
提高学习效果
通过互动环节，激发学 生的学习兴趣和主动性 ，促进知识吸收和记忆 。
个性化学习
根据学生的学习需求和 水平，提供个性化的学 习资源和路径。
灵活的教学方式
教师可根据教学需要， 自由组合多种媒体资源 ，实现灵活多样的教学 方式。
常用交互式课件制作软件简介
常用交互式课件制作软件简介常用交互式课件制作软件简介一、 PowerPointPowerPoint是微软的Office系列组件之一，是幻灯片制作工具。
由于它编辑多媒体的功能比较强大、简单易学，所以很多老师都是以PowerPoint起步制作课件的。
PowerPoint内置丰富的动画、过渡效果和多种声音效果，并有强大的超级链接功能，可以直接调外部众多文件，能够满足一般教学要求。
PowerPoint易于上手，并支持IE浏览器的两大优点，是最显而易见的。
但PowerPoint的动画有些生硬、单调，交互功能实际上是超级链接，对于交互性要求较高的课件显得力不从心。
二、AuthorWareAuthorWare是课件制作工具中应用比较广泛的平台，它的最大特点是创造了基于图标的创作方式，用可见的流程贯穿课件制作的整个过程，清晰有序。
我们只需对13种图标（其实最常用的是12种，视频图标不常用）进行拖放及设置，就可以完成普通课件的开发，无需编写过多的程序代码。
AuthorWare内置众多过渡效果（利用插件，可产生更多的效果），5种基本动画功能，如果能够灵活应用可以满足普通课件对动画的要求。
AuthorWare的灵魂是它强大的交互功能和函数库，11种交互方式使我们轻松实现各种随心所欲的交互效果，丰富的函数让我们如虎添翼。
但AuthorWare对于多声道支持不算理想，而且图标方式及众多的函数有时显得很繁琐，真正运用自如地利用AuthorWare开发较为优秀的课件也并非易事。
三、方正奥思方正奥思多媒体创作工具（FOUNDER AUTHOR TOOL）是北大方正电子有限公司印艺事业部研究开发的一个可视化、交互式多媒体集成创作工具。
方正奥思能在中文 Windows95/98/me/NT 4.0/2000 环境下运行，具有直观、简便、友好的用户界面。
可以把文本、图形、图像、声音、动画及影像等多媒体素材集成编辑，制作出各种多媒体应用产品。
“如何制作交互式课件设计方案”
设计反馈和评估
1
实时反馈
提供实时反馈帮助学习者纠正错误和改进学习效果。
2
自主评估
设计自主评估工具，让学习者主动评估自己的学习成果。
3
数据分析
利用数据分析工具评估学习者的表现和课件的有效性。
案例研究
医学教育
通过虚拟实验室模拟真实手术 场景，加强学生的实践技能。
外语学习
利用语音识别技术自动评估学 生的发音准确性和语法错误。
如何制作交互式课件设计 方案
欢迎来到“如何制作交互式课件设计方案”的演示。在本次演示中，我们将分 享一些关于设计交互式课件的背景、技巧和案例研究。
背景和目标
了解交互式课件的定义和用途，并确定制作交互式课件的目标和受众。
常见的交互式课件设计方案
Hale Waihona Puke 游戏化设计通过游戏化元素增加学习者的参与度和动力。
互动式测验
通过问题和答案的互动来检查学习者的理解和 掌握程度。
多媒体内容
利用音频、视频和图像等多媒体形式传达信息。
模拟演练
提供实践场景，让学习者模拟真实情境，并进 行反馈和评估。
设计原则和技巧
1 简洁明了
保持课件内容简洁明了，避免过多文字和复杂图表。
2 一致性
在整个课件中保持界面设计、字体和色彩的一致性。
3 可导航性
设计易于导航的课件结构，帮助学习者浏览和回顾内容。
4 互动性
增加学习者的参与度和互动性，激发学习兴趣和动力。
交互式元素的选择和使用
拖放互动
利用拖放元素来进行互动学习和 知识检测。
选择题测验
设计各种类型的选择题，检测学 习者的理解和掌握程度。
动画效果
运用动画和过渡效果增强课件的 视觉吸引力和清晰度。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
——以Flash为例
16
1.创建AS2.0文件
17
2.导入swf到舞台
18
3.设置帧频和文档大小
19
4. 新建图层第1帧添加stop脚本
20
5.影片中需要停的帧添加关键帧
21
6.在需要停的帧添加stop脚本
22
7.新建图层添加半透明按钮到第一个 交互点，用脚本助手添加play脚本
23
8. 浏览每一个需要停止的帧，在按钮图层添加
34
• 重量1 = 0; • 重量2 = 0; • 重量3 = 0; • 重量4 = 0; • 重量5 = 0; • 重量6 = 0; • stop();
帧脚本
• onEnterFrame = function() {
•
当前帧 = _currentframe;
•
f = 当前帧-1;
•
重量 = 重量1+重量2+重量3+重量4+重量5+重量6;
大家好
1
交互式动画课件的制作
主讲 黄子谦
华南师范大学教育信息技术学院 2015.7.9
2
教学内容与授课方式
授 现场讲解
课 图文教程 方 录制视频 式
交互课件
理论知识 √ √ √ √
教学内容
硬件操作 软件操作
√
√
√
√
√
√
√
√
以信息技术课程为例
3
教学媒体类型与特点
媒体 特点
抽象
网页课件
文字介绍
交互课件 图文解说
39
• 拖动填空 • 拖动分类 • 音量调整 • 拼图游戏
拓展应用
40
• 按下物体1可以将其拖动到弹簧秤的托盘上； • 释放时停止拖动，当物体1被准确放在托盘上则弹簧秤会计算重量1，否则不
计算重量1；
• 物体2、物体3、物体4、物体5、物体6情况相同；
• 称重结果：总重量=重量1+重量2+重量3+重量4+重量5+重量6；
• 弹簧秤初始刻度为0，每次增加物体重量，指针顺时针旋转，反之每次减少物 体重量，则指针反时针旋转；当指针刻度与重量相符则不旋转。
•
if (f>重量) {
•
prevFrame();
•
}
•
if (f<重量) {
•
nextFrame();
•
}
• };
应用补间动画实现旋转，不同帧 代表不同旋转角度
35
按钮脚本
• on (press) {
•
startDrag("物体1");
•}
• on (release) {
•
stopDrag();
• if (r<g) {
•
r = 指针._rotation;
•
•
if (r<0) {/当角度大于180时，实际数值为负
数
•
r += 5; if (r>350) {r = 350;}
•
r = 360n = r;
•
}
•
}
•
重量 = 重量1+重量2+重量3+重量4+重量5+
重量6;
• };
•
g = 重量*3;//每单位重量旋转3度
应用旋转属性实现旋转效果
38
小结
• 拖动对象用按钮，位置判断用影片； • 按钮按下可拖动，按钮释放可停止； • 碰撞语句有讲究，影片名字在前面； • 碰撞结果真与假，变量赋值各不同； • 判断变量大或小，影片向前或向后； • 函数括号有参数，可用变量替换之； • 变量对应属性值，各种变化随你意； • 对象要想回原位，预先记下坐标值。
返回落入目标的实例名称，例如“影片2” • 与hitTest的区别
hitTest在影片接触到另一对象时返回结果true，未 接触时返回结果false
33
方法1主要步骤
• 制作表盘和指针旋转动画 • 制作影片剪辑给出实例名代表托盘 • 制作按钮给出实例名代表物体，用脚本助手添加startDrag
与stopDrag实现拖动与停止 • 手工添加碰撞检测脚本，实现拖动位置的判断 • 手工添加脚本实现变量定义与计算 • 手工添加脚本实现播放控制
– 利用旋转属性_rotation，直接改变指针旋转角度
31
关键函数和语句
• 拖动： startDrag("对象")
• 停止拖动：
• 当前帧、 _currentframe
stopDrag()
• 前一帧
• 碰撞检测 影片.hitTest(对象)
• 条件语句
prevFrame() • 下一帧
if (条件成立) {动作1} else {动作
对应的关键帧，移动按钮到对应交互点
24
9.对按钮图层不需要交互的帧，插入 空白关键帧
25
10.测试影片观察交互效果
26
11.必要时可添加操作提示和干扰交 互按钮
操作完成 请大家自行练习
27
拖动交互应用示例
——弹簧秤模拟
28
模拟情景
• 假设有物体若干，分别为物体1、物体2、物体3、物体4、物体5、物体6; • 其重量分别为重量1、重量2、重量3、重量4、重量5、重量6；
37
帧脚本
• 重量1 = 0; • 重量2 = 0; • 重量3 = 0;
• if (r>g) {
•
r -= 5;
• 重量4 = 0;
•
if (r<5) {r = 0;}
• 重量5 = 0; • 重量6 = 0; • stop();
•
指针._rotation = r;
•
}
• 指针.onEnterFrame = function() {
微课视频
引导交互
直观
视频演示
现场演示
学习者 特点
经验缺乏
经验丰富
4
信息资源建设的趋势
课件
形式
智能课
交互课
件
微课视
件
网页课
频
件
时间
过去
目前
未来
5
• 音频处理 • 找规律 • 弹簧秤
案例展示
6
软件操作类交互示例
7
工作1：软件操作录屏
——以Camtasia Studio为例
8
1.设置录屏隐藏光标
– nextFrame()
2} • 重复执行
• 旋转角度
onEnterFrame = function() { 动作 }
_rotation
注：对象和影片均指舞台上
元件的实例名称
32
与hitTest相似的函数
• eval(影片1._droptarget); • //当影片剪辑“影片1”落入另一影片剪辑范围内，
29
问题思考
• 如何将物体拖动或不拖动？
– 拖动startDrag与停止拖动stopDrag
• 如何判断物体是否放在托盘上？
– 影片碰撞检测函数hitTest
30
问题思考
• 物体重量如何反映在弹簧秤的指示刻度上?
– 利用goto，先制作旋转动画，不同帧上的指针旋转角度 不同，转到不同的帧就会指到不同刻度
9
2.设置录屏帧频
帧频：每秒5帧左右
10
3.进行录屏
11
4.导入媒体并添加到时间轴
12
5.生成swf文件
13
5.生成swf文件
•选择MP4/FLV/SWF— Flash输出 •在下一步进行参数选择， 目的是输出帧频较低的 flash文件，以方便添加交 互
14
5.生成swf文件
15
工作2:添加交互
•
if (托盘.hitTest(物体1)) {
•
重量1 = 30;
•
p = 1;
•
} else {
•
p = 0;
•
重量1 = 0;
•
}
•}
• 这里只给出一个按钮的脚 本，其他的按钮脚本基本 相同，只是示例名称和重 量变量有所不同。
36
方法2主要步骤
• 在方法1基础上，删除第1帧后面的其他 • 给出指针元件的实例名 • 修改帧脚本，按钮脚本保持不变
16
1.创建AS2.0文件
17
2.导入swf到舞台
18
3.设置帧频和文档大小
19
4. 新建图层第1帧添加stop脚本
20
5.影片中需要停的帧添加关键帧
21
6.在需要停的帧添加stop脚本
22
7.新建图层添加半透明按钮到第一个 交互点，用脚本助手添加play脚本
23
8. 浏览每一个需要停止的帧，在按钮图层添加
34
• 重量1 = 0; • 重量2 = 0; • 重量3 = 0; • 重量4 = 0; • 重量5 = 0; • 重量6 = 0; • stop();
帧脚本
• onEnterFrame = function() {
•
当前帧 = _currentframe;
•
f = 当前帧-1;
•
重量 = 重量1+重量2+重量3+重量4+重量5+重量6;
大家好
1
交互式动画课件的制作
主讲 黄子谦
华南师范大学教育信息技术学院 2015.7.9
2
教学内容与授课方式
授 现场讲解
课 图文教程 方 录制视频 式
交互课件
理论知识 √ √ √ √
教学内容
硬件操作 软件操作
√
√
√
√
√
√
√
√
以信息技术课程为例
3
教学媒体类型与特点
媒体 特点
抽象
网页课件
文字介绍
交互课件 图文解说
39
• 拖动填空 • 拖动分类 • 音量调整 • 拼图游戏
拓展应用
40
• 按下物体1可以将其拖动到弹簧秤的托盘上； • 释放时停止拖动，当物体1被准确放在托盘上则弹簧秤会计算重量1，否则不
计算重量1；
• 物体2、物体3、物体4、物体5、物体6情况相同；
• 称重结果：总重量=重量1+重量2+重量3+重量4+重量5+重量6；
• 弹簧秤初始刻度为0，每次增加物体重量，指针顺时针旋转，反之每次减少物 体重量，则指针反时针旋转；当指针刻度与重量相符则不旋转。
•
if (f>重量) {
•
prevFrame();
•
}
•
if (f<重量) {
•
nextFrame();
•
}
• };
应用补间动画实现旋转，不同帧 代表不同旋转角度
35
按钮脚本
• on (press) {
•
startDrag("物体1");
•}
• on (release) {
•
stopDrag();
• if (r<g) {
•
r = 指针._rotation;
•
•
if (r<0) {/当角度大于180时，实际数值为负
数
•
r += 5; if (r>350) {r = 350;}
•
r = 360n = r;
•
}
•
}
•
重量 = 重量1+重量2+重量3+重量4+重量5+
重量6;
• };
•
g = 重量*3;//每单位重量旋转3度
应用旋转属性实现旋转效果
38
小结
• 拖动对象用按钮，位置判断用影片； • 按钮按下可拖动，按钮释放可停止； • 碰撞语句有讲究，影片名字在前面； • 碰撞结果真与假，变量赋值各不同； • 判断变量大或小，影片向前或向后； • 函数括号有参数，可用变量替换之； • 变量对应属性值，各种变化随你意； • 对象要想回原位，预先记下坐标值。
返回落入目标的实例名称，例如“影片2” • 与hitTest的区别
hitTest在影片接触到另一对象时返回结果true，未 接触时返回结果false
33
方法1主要步骤
• 制作表盘和指针旋转动画 • 制作影片剪辑给出实例名代表托盘 • 制作按钮给出实例名代表物体，用脚本助手添加startDrag
与stopDrag实现拖动与停止 • 手工添加碰撞检测脚本，实现拖动位置的判断 • 手工添加脚本实现变量定义与计算 • 手工添加脚本实现播放控制
– 利用旋转属性_rotation，直接改变指针旋转角度
31
关键函数和语句
• 拖动： startDrag("对象")
• 停止拖动：
• 当前帧、 _currentframe
stopDrag()
• 前一帧
• 碰撞检测 影片.hitTest(对象)
• 条件语句
prevFrame() • 下一帧
if (条件成立) {动作1} else {动作
对应的关键帧，移动按钮到对应交互点
24
9.对按钮图层不需要交互的帧，插入 空白关键帧
25
10.测试影片观察交互效果
26
11.必要时可添加操作提示和干扰交 互按钮
操作完成 请大家自行练习
27
拖动交互应用示例
——弹簧秤模拟
28
模拟情景
• 假设有物体若干，分别为物体1、物体2、物体3、物体4、物体5、物体6; • 其重量分别为重量1、重量2、重量3、重量4、重量5、重量6；
37
帧脚本
• 重量1 = 0; • 重量2 = 0; • 重量3 = 0;
• if (r>g) {
•
r -= 5;
• 重量4 = 0;
•
if (r<5) {r = 0;}
• 重量5 = 0; • 重量6 = 0; • stop();
•
指针._rotation = r;
•
}
• 指针.onEnterFrame = function() {
微课视频
引导交互
直观
视频演示
现场演示
学习者 特点
经验缺乏
经验丰富
4
信息资源建设的趋势
课件
形式
智能课
交互课
件
微课视
件
网页课
频
件
时间
过去
目前
未来
5
• 音频处理 • 找规律 • 弹簧秤
案例展示
6
软件操作类交互示例
7
工作1：软件操作录屏
——以Camtasia Studio为例
8
1.设置录屏隐藏光标
– nextFrame()
2} • 重复执行
• 旋转角度
onEnterFrame = function() { 动作 }
_rotation
注：对象和影片均指舞台上
元件的实例名称
32
与hitTest相似的函数
• eval(影片1._droptarget); • //当影片剪辑“影片1”落入另一影片剪辑范围内，
29
问题思考
• 如何将物体拖动或不拖动？
– 拖动startDrag与停止拖动stopDrag
• 如何判断物体是否放在托盘上？
– 影片碰撞检测函数hitTest
30
问题思考
• 物体重量如何反映在弹簧秤的指示刻度上?
– 利用goto，先制作旋转动画，不同帧上的指针旋转角度 不同，转到不同的帧就会指到不同刻度
9
2.设置录屏帧频
帧频：每秒5帧左右
10
3.进行录屏
11
4.导入媒体并添加到时间轴
12
5.生成swf文件
13
5.生成swf文件
•选择MP4/FLV/SWF— Flash输出 •在下一步进行参数选择， 目的是输出帧频较低的 flash文件，以方便添加交 互
14
5.生成swf文件
15
工作2:添加交互
•
if (托盘.hitTest(物体1)) {
•
重量1 = 30;
•
p = 1;
•
} else {
•
p = 0;
•
重量1 = 0;
•
}
•}
• 这里只给出一个按钮的脚 本，其他的按钮脚本基本 相同，只是示例名称和重 量变量有所不同。
36
方法2主要步骤
• 在方法1基础上，删除第1帧后面的其他 • 给出指针元件的实例名 • 修改帧脚本，按钮脚本保持不变