交互式动画课件的制作

交互式动画课件的制作交互式动画课件的制作交互式动画课件的制作交互式动画课件的制作交互式动画课件的制作交互式动画课件的制作1教学内容与授课方式教学内容理论知识硬件操作软件操作授课方式现场讲解√√√图文教程√√√录制视频√√√交互课件√√√以信息技术课程为例教学内容与授课方式教学内容理论知识硬件操作软件操作授课方式现2教学媒体类型与特点现场演示视频演示引导交互图文解说文字介绍直观抽象经验缺乏经验丰富网页课件交互课件微课视频媒体特点学习者特点教学媒体类型与特点现场演示视频演示引导交互图文解说文字介绍直3信息资源建设的趋势网页课件微课视频交互课件时间课件形式目前过去未来智能课件信息资源建设的趋势网页课件微课视频交互课件时间课件目前过去未4案例展示音频处理找规律弹簧秤案例展示音频处理5软件操作类交互示例软件操作类交互示例6工作1：软件操作录屏——以CamtasiaStudio为例工作1：软件操作录屏——以CamtasiaStudio为例71.设置录屏隐藏光标1.设置录屏隐藏光标82.设置录屏帧频帧频：每秒5帧左右2.设置录屏帧频帧频：每秒5帧左右93.进行录屏3.进行录屏104.导入媒体并添加到时间轴4.导入媒体并添加到时间轴115.生成swf文件5.生成swf文件125.生成swf文件选择MP4/FLV/SWF—Flash输出在下一步进行参数选择，目的是输出帧频较低的flash文件，以方便添加交互5.生成swf文件选择MP4/FLV/SWF—Flash输出135.生成swf文件5.生成swf文件14工作2:添加交互——以Flash为例工作2:添加交互——以Flash为例151.创建AS2.0文件1.创建AS2.0文件162.导入swf到舞台2.导入swf到舞台173.设置帧频和文档大小3.设置帧频和文档大小184.新建图层第1帧添加stop脚本4.新建图层第1帧添加stop脚本195.影片中需要停的帧添加关键帧5.影片中需要停的帧添加关键帧206.在需要停的帧添加stop脚本6.在需要停的帧添加stop脚本217.新建图层添加半透明按钮到第一个交互点，用脚本助手添加play脚本7.新建图层添加半透明按钮到第一个交互点，用脚本助手添加pl228.浏览每一个需要停止的帧，在按钮图层添加对应的关键帧，移动按钮到对应交互点8.浏览每一个需要停止的帧，在按钮图层添加对应的关键帧，移239.对按钮图层不需要交互的帧，插入空白关键帧9.对按钮图层不需要交互的帧，插入空白关键帧2410.测试影片观察交互效果10.测试影片观察交互效果2511.必要时可添加操作提示和干扰交互按钮操作完成请大家自行练习11.必要时可添加操作提示和干扰交互按钮操作完成26拖动交互应用示例——弹簧秤模拟拖动交互应用示例——弹簧秤模拟27模拟情景假设有物体若干，分别为物体1、物体2、物体3、物体4、物体5、物体6;其重量分别为重量1、重量2、重量3、重量4、重量5、重量6；按下物体1可以将其拖动到弹簧秤的托盘上；释放时停止拖动，当物体1被准确放在托盘上则弹簧秤会计算重量1，否则不计算重量1；物体2、物体3、物体4、物体5、物体6情况相同；称重结果：总重量=重量1+重量2+重量3+重量4+重量5+重量6；弹簧秤初始刻度为0，每次增加物体重量，指针顺时针旋转，反之每次减少物体重量，则指针反时针旋转；当指针刻度与重量相符则不旋转。模拟情景假设有物体若干，分别为物体1、物体2、物体3、物体428问题思考如何将物体拖动或不拖动？拖动startDrag与停止拖动stopDrag如何判断物体是否放在托盘上？影片碰撞检测函数hitTest问题思考如何将物体拖动或不拖动？29问题思考物体重量如何反映在弹簧秤的指示刻度上?利用goto，先制作旋转动画，不同帧上的指针旋转角度不同，转到不同的帧就会指到不同刻度利用旋转属性_rotation，直接改变指针旋转角度问题思考物体重量如何反映在弹簧秤的指示刻度上?30关键函数和语句拖动：startDrag("对象")停止拖动：stopDrag()碰撞检测影片.hitTest(对象)条件语句if(条件成立){动作1}else{动作2}重复执行onEnterFrame=function(){动作}当前帧、_currentframe前一帧prevFrame()下一帧nextFrame()旋转角度_rotation注：对象和影片均指舞台上元件的实例名称关键函数和语句拖动：当前帧、注：对象和影片均指舞台上元件的实31与hitTest相似的函数eval(影片1._droptarget);//当影片剪辑“影片1”落入另一影片剪辑范围内，返回落入目标的实例名称，例如“影片2”与hitTest的区别hitTest在影片接触到另一对象时返回结果true，未接触时返回结果false与hitTest相似的函数eval(影片1._droptar32方法1主要步骤制作表盘和指针旋转动画制作影片剪辑给出实例名代表托盘制作按钮给出实例名代表物体，用脚本助手添加startDrag与stopDrag实现拖动与停止手工添加碰撞检测脚本，实现拖动位置的判断手工添加脚本实现变量定义与计算手工添加脚本实现播放控制方法1主要步骤制作表盘和指针旋转动画33帧脚本重量1=0;重量2=0;重量3=0;重量4=0;重量5=0;重量6=0;stop();onEnterFrame=function(){ 当前帧=_currentframe; f=当前帧-1; 重量=重量1+重量2+重量3+重量4+重量5+重量6; if(f>重量){ prevFrame(); } if(f<重量){ nextFrame(); }};应用补间动画实现旋转，不同帧代表不同旋转角度帧脚本重量1=0;onEnterFrame=func34按钮脚本on(press){ startDrag("物体1");}on(release){ stopDrag(); if(托盘.hitTest(物体1)){ 重量1=30; p=1; }else{ p=0; 重量1=0; }}这里只给出一个按钮的脚本，其他的按钮脚本基本相同，只是示例名称和重量变量有所不同。按钮脚本on(press){这里只给出一个按钮的脚本，其35方法2主要步骤在方法1基础上，删除第1帧后面的其他给出指针元件的实例名修改帧脚本，按钮脚本保持不变方法2主要步骤在方法1基础上，删除第1帧后面的其他36帧脚本重量1=0;重量2=0;重量3=0;重量4=0;重量5=0;重量6=0;stop();指针.onEnterFrame=function(){ r=指针._rotation; if(r<0){/当角度大于180时，实际数值为负数 r=360+r;/ } 重量=重量1+重量2+重量3+重量4+重量5+重量6; g=重量*3;//每单位重量旋转3度if(r>g){ r-=5; if(r<5){r=0;} 指针._rotation=r; }if(r<g){ r+=5; if(r>350){r=350;} 指针._rotation=r; }};应用旋转属性实现旋转效果帧脚本重量1=0;if(r>g){应用旋转属性实现旋37小结拖动对象用按钮，位置判断用影片；按钮按下可