交互式动画教学课件的制作.ppt

1、交互式动画课件的制交互式动画课件的制作作教学内容与授课方式教学内容与授课方式教学内容教学内容理论知识理论知识硬件操作硬件操作软件操作软件操作授课授课方式方式现场讲解现场讲解图文教程图文教程录制视频录制视频交互课件交互课件以信息技术课程为例2教学媒体类型与特点教学媒体类型与特点现场演示视频演示引导交互图文解说文字介绍直观抽象经验缺乏经验丰富网页课件交互课件微课视频媒体特点学习者特点3信息资源建设的趋势信息资源建设的趋势网页课件网页课件微课视频微课视频交互课件交互课件时间课件形式目前过去未来智能课件智能课件4案例展示案例展示音频处理音频处理找规律找规律弹簧秤弹簧秤5软件操作类交互示例软件操作类交互

2、示例6工作工作1：软件操作录屏：软件操作录屏以以Camtasia Studio为例为例71.设置录屏隐藏光标设置录屏隐藏光标82.设置录屏帧频设置录屏帧频帧频：每秒5帧左右93.进行录屏进行录屏104.导入媒体并添加到时间轴导入媒体并添加到时间轴115.生成生成swf文件文件125.生成生成swf文件文件选择MP4/FLV/SWFFlash输出在下一步进行参数选择，目的是输出帧频较低的flash文件，以方便添加交互135.生成生成swf文件文件14工作工作2:添加交互添加交互以以Flash为例为例151.创建创建AS2.0文件文件162.导入导入swf到舞台到舞台173.设置帧频和文档大小设置

3、帧频和文档大小184.新建图层第新建图层第1帧添加帧添加stop脚本脚本195.影片中需要停的帧添加关键帧影片中需要停的帧添加关键帧206.在需要停的帧添加在需要停的帧添加stop脚本脚本217.新建图层添加半透明按钮到第一个交互点，用脚本助手添加新建图层添加半透明按钮到第一个交互点，用脚本助手添加play脚本脚本228.浏览每一个需要停止的帧，在按钮图层添加对应的关键帧，移动按钮到对应交互点浏览每一个需要停止的帧，在按钮图层添加对应的关键帧，移动按钮到对应交互点239.对按钮图层不需要交互的帧，插入空白关键帧对按钮图层不需要交互的帧，插入空白关键帧2410.测试影片观察交互效果测试影片观察交

4、互效果2511.必要时可添加操作提示和干扰交互按钮必要时可添加操作提示和干扰交互按钮操作完成请大家自行练习26拖动交互应用示例拖动交互应用示例弹簧秤模拟弹簧秤模拟27模拟情景模拟情景假设有物体若干，分别为物体假设有物体若干，分别为物体1、物体、物体2、物体、物体3、物体、物体4、物体、物体5、物体、物体6;其重量分别为重量其重量分别为重量1、重量、重量2、重量、重量3、重量、重量4、重量、重量5、重量、重量6；按下物体按下物体1可以将其拖动到弹簧秤的托盘上；可以将其拖动到弹簧秤的托盘上；释放时停止拖动，当物体释放时停止拖动，当物体1被准确放在托盘上则弹簧秤会计算重量被准确放在托盘上则弹簧秤会计

5、算重量1，否则不计算重量，否则不计算重量1；物体物体2、物体、物体3、物体、物体4、物体、物体5、物体、物体6情况相同；情况相同；称重结果：总重量称重结果：总重量=重量重量1+重量重量2+重量重量3+重量重量4+重量重量5+重量重量6；弹簧秤初始刻度为弹簧秤初始刻度为0，每次增加物体重量，指针顺时针旋转，反之每次减少物体重量，则指针反时，每次增加物体重量，指针顺时针旋转，反之每次减少物体重量，则指针反时针旋转；当指针刻度与重量相符则不旋转。针旋转；当指针刻度与重量相符则不旋转。28问题思考问题思考如何将物体拖动或不拖动？如何将物体拖动或不拖动？拖动startDrag与停止拖动stopDrag如

6、何判断物体是否放在托盘上？如何判断物体是否放在托盘上？影片碰撞检测函数hitTest29问题思考问题思考物体重量如何反映在弹簧秤的指示刻度上物体重量如何反映在弹簧秤的指示刻度上?利用goto，先制作旋转动画，不同帧上的指针旋转角度不同，转到不同的帧就会指到不同刻度利用旋转属性_rotation，直接改变指针旋转角度30关键函数和语句关键函数和语句拖动：拖动：startDrag(对象)停止拖动：停止拖动：stopDrag()碰撞检测碰撞检测影片.hitTest(对象)条件语句条件语句if(条件成立)动作1 else 动作2重复执行重复执行onEnterFrame=function()动作 当前帧

7、、当前帧、_currentframe前一帧前一帧prevFrame()下一帧下一帧nextFrame()旋转角度旋转角度_rotation注：对象和影片均指舞台上元件的实例名称31与与hitTest相似的函数相似的函数eval(影片影片1._droptarget);/当影片剪辑当影片剪辑“影片影片1”落入另一影片剪辑范围内，返回落入目标的实例名称，例如落入另一影片剪辑范围内，返回落入目标的实例名称，例如“影片影片2”与与hitTest的区别的区别hitTest在影片接触到另一对象时返回结果true，未接触时返回结果false32方法方法1主要步骤主要步骤制作表盘和指针旋转动画制作表盘和指针旋转

8、动画制作影片剪辑给出实例名代表托盘制作影片剪辑给出实例名代表托盘制作按钮给出实例名代表物体，用脚本助手添加制作按钮给出实例名代表物体，用脚本助手添加startDrag与与stopDrag实现拖动与停止实现拖动与停止手工添加碰撞检测脚本，实现拖动位置的判断手工添加碰撞检测脚本，实现拖动位置的判断手工添加脚本实现变量定义与计算手工添加脚本实现变量定义与计算手工添加脚本实现播放控制手工添加脚本实现播放控制33帧脚本帧脚本重量重量1=0;重量重量2=0;重量重量3=0;重量重量4=0;重量重量5=0;重量重量6=0;stop();onEnterFrame=function()当前帧当前帧=_curre

9、ntframe;f=当前帧当前帧-1;重量重量=重量重量1+重量重量2+重量重量3+重量重量4+重量重量5+重量重量6;if(f重量重量)prevFrame();if(f重量重量)nextFrame();应用补间动画实现旋转，不同帧代表不同旋转角度34按钮脚本按钮脚本on(press)startDrag(物体物体1);on(release)stopDrag();if(托盘托盘.hitTest(物体物体1)重量重量1=30;p=1;else p=0;重量重量1=0;这里只给出一个按钮的脚本，其他的按钮脚这里只给出一个按钮的脚本，其他的按钮脚本基本相同，只是示例名称和重量变量有所本基本相同，只是示

10、例名称和重量变量有所不同。不同。35方法方法2主要步骤主要步骤在方法在方法1基础上，删除第基础上，删除第1帧后面的其他帧后面的其他给出指针元件的实例名给出指针元件的实例名修改帧脚本，按钮脚本保持不变修改帧脚本，按钮脚本保持不变36帧脚本帧脚本重量重量1=0;重量重量2=0;重量重量3=0;重量重量4=0;重量重量5=0;重量重量6=0;stop();指针指针.onEnterFrame=function()r=指针指针._rotation;if(rg)r-=5;if(r5)r=0;指针指针._rotation=r;if(r350)r=350;指针指针._rotation=r;应用旋转属性实现旋转

11、效果37小结小结拖动对象用按钮，位置判断用影片；拖动对象用按钮，位置判断用影片；按钮按下可拖动，按钮释放可停止；按钮按下可拖动，按钮释放可停止；碰撞语句有讲究，影片名字在前面；碰撞语句有讲究，影片名字在前面；碰撞结果真与假，变量赋值各不同；碰撞结果真与假，变量赋值各不同；判断变量大或小，影片向前或向后；判断变量大或小，影片向前或向后；函数括号有参数，可用变量替换之；函数括号有参数，可用变量替换之；变量对应属性值，各种变化随你意；变量对应属性值，各种变化随你意；对象要想回原位，预先记下坐标值。对象要想回原位，预先记下坐标值。38拓展应用拓展应用拖动填空拖动填空拖动分类拖动分类音量调整音量调整拼图游戏拼图游戏39