交互式动画课件的制作

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

2、操作类交互示例工作1：软件操作录屏以以Camtasia Studio为例为例1.设置录屏隐藏光标2.设置录屏帧频帧频：每秒5帧左右3.进行录屏4.导入媒体并添加到时间轴5.生成swf文件5.生成swf文件选择MP4/FLV/SWFFlash输出在下一步进行参数选择，目的是输出帧频较低的flash文件，以方便添加交互5.生成swf文件工作2:添加交互以以Flash为例为例1.创建AS2.0文件2.导入swf到舞台3.设置帧频和文档大小4. 新建图层第1帧添加stop脚本5.影片中需要停的帧添加关键帧6.在需要停的帧添加stop脚本7.新建图层添加半透明按钮到第一个交互点，用脚本助手添加play脚

3、本8. 浏览每一个需要停止的帧，在按钮图层添加对应的关键帧，移动按钮到对应交互点9.对按钮图层不需要交互的帧，插入空白关键帧10.测试影片观察交互效果11.必要时可添加操作提示和干扰交互按钮操作完成请大家自行练习拖动交互应用示例弹簧秤模拟弹簧秤模拟模拟情景假设有物体若干，分别为物体假设有物体若干，分别为物体1、物体、物体2、物体、物体3、物体、物体4、物体、物体5、物体、物体6;其重量分别为重量其重量分别为重量1、重量、重量2、重量、重量3、重量、重量4、重量、重量5、重量、重量6；按下物体按下物体1可以将其拖动到弹簧秤的托盘上；可以将其拖动到弹簧秤的托盘上；释放时停止拖动，当物体释放时停止拖

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

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

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

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

8、ame = function() 当前帧当前帧 = _currentframe;f = 当前帧当前帧-1;重量重量 = 重量重量1+重量重量2+重量重量3+重量重量4+重量重量5+重量重量6;if (f重量重量) prevFrame();if (f重量重量) nextFrame();应用补间动画实现旋转，不同帧代表不同旋转角度按钮脚本on (press) startDrag(物体物体1);on (release) stopDrag();if (托盘托盘.hitTest(物体物体1) 重量重量1 = 30;p = 1; else p = 0;重量重量1 = 0; 这里只给出一个按钮的脚这里只给出

9、一个按钮的脚本，其他的按钮脚本基本本，其他的按钮脚本基本相同，只是示例名称和重相同，只是示例名称和重量变量有所不同。量变量有所不同。方法2主要步骤 在方法在方法1基础上，删除第基础上，删除第1帧后面的其他帧后面的其他 给出指针元件的实例名给出指针元件的实例名 修改帧脚本，按钮脚本保持不变修改帧脚本，按钮脚本保持不变帧脚本重量重量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;应用旋转属性实现旋转效果小结 拖动对象用按钮，位置判断用影片；拖动对象用按钮，位置判断用影片； 按钮按下可拖动，按钮释放可停止；按钮按下可拖动，按钮释放可停止； 碰撞语句有讲究，影片名字在前面；碰撞语句有讲究，影片名字在前面； 碰撞结果真与假，变量赋值各不同；碰撞结果真与假，变量赋值各不同； 判断变量大或小，影片向前或向后；判