交互与导航课件

《交互与导航课件》由会员分享，可在线阅读，更多相关《交互与导航课件（85页珍藏版）》请在金锄头文库上搜索。

1、16:15:001Flash交互与导航课件16:15:00216:15:003课 件 简 介低年级数学低年级数学“ “认识图形认识图形” ”课件。课件以幻课件。课件以幻 灯片的形式展示一些生活中的实物图片，让灯片的形式展示一些生活中的实物图片，让 小学生从自己的身边认识几何图形。学生们小学生从自己的身边认识几何图形。学生们 在轻松自然的浏览图片过程中，学习了知识在轻松自然的浏览图片过程中，学习了知识 ，激发了想象。，激发了想象。 16:15:004 运用PhotoShop去掉图像背景的方法 运用PhotoShop制作特效字的方法 按钮元件的制作和按钮声效的添加 通过按钮动作和帧动作制作简单交互

2、 课件的方法知 识 要 点16:15:005 2按钮声效 3实现交互 按钮是Flash元件的一种，它具有多种状态，并且 会响应鼠标事件，执行指定的动作，是实现交互 性课件的灵魂。 为按钮的特定帧增加音效，交互中就能明确地给使 用者以提示，从而有声有色地实现课件交互。 运用Flash动作脚本语言，能控制课件的随意跳转 播放，能让一些复杂繁琐的制作过程得到有效的 简化，能科学直观地展示学科的相关知识点。 1按钮 重 点 详 解16:156建立交互 交互由ActionScript实现，ActionScript由 动作语句组成 动作语句 命令字和命令参数组成 有语法规则 不同版本中的语句数量有很大差异

3、 两种对象可设置交互动作 按钮、影片剪辑实例：用户操作产生响应 关键帧：播放到该帧时，产生预期响应16:157实例的行为 类型 影片剪辑 按钮 图形 可以与元件类型不一致 具有不同的动作特征 按钮鼠标交互 例如,单击按钮,跳转到某网址 影片剪辑可用动作脚本进行控制 图形与动作无关16:158动作面板按钮、影片剪辑可以设置动作关键帧可以设置动作动作脚本的设置 Actionscript1.0on (release) play(); on (release) gotoAndPlay(2);16:1513实践制作具有fe51.swf效果的动画文 件： 1、上面是一个按钮，下面是一 个可显示不同内容的文

4、本区 域。文本区域设置如图。 2、鼠标对按钮进行Press、 release、release outside、 rollover、rollout、dragover、 dragout操作时，可显示对应的 说明文本。交互16:1514影片剪辑感应的事件 OnClipEvent( ) load：装载影片 enterframe：播放每一帧 unload：卸载影片 mouse down：按下左键 mouse up：释放左键 mouse move：鼠标移动 key down：按下某键 key up：释放某键 data：使用load时接收到数据 属于：全局函数影片剪辑控制交互实践：观察 fe52.fla动画

5、文 件，理解其制 作的内容。onClipEvent (enterFrame) _root.action1 = “EnterFrame:“+this._currentframe;16:1515交互语句 赋值语句 变量=值或表达式; 控制播放语句 Stop(); Play(); 播放跳转语句 gotoAndStop(目的帧位置); gotoAndPlay(目的帧位置);交互16:1516实践 制作fe53.swf效果的动画，控制 该动画的播放和停止按钮，可以 播放或关闭五角星旋转动画。 保存为“五角星-自己的姓名.fla” 。16:1517控制画面的放映 NextFrame, PrevFrame

6、全局函数 时间轴控制 当使用按钮控制时，通常用在on操作的结果 中 例如：on (release) nextFrame(); 实践 利用fe59素材.fla制作具有fe59.swf效果的动 画16:15:0018实践：认识图形16:15:0019 运用PhotoShop处理课件位图素材制 作 步 骤 一16:15:0020 运用PhotoShop制作课件特效字标题制 作 步 骤 二16:15:0021制 作 步 骤 三 创建课件界面和导入处理后的课件素材16:15:0022 制作按钮元件 1创建按钮元件制 作 步 骤 四16:15:0023 制作按钮元件 2绘制按钮元件各帧图形制 作 步 骤

7、四16:15:0024 制作按钮元件制 作 步 骤 四 3创建按钮的声音效果16:15:0025 布局图形和按钮元件 1布局图形元件制 作 步 骤 五16:15:0026 布局图形和按钮元件 2布局按钮元件制 作 步 骤 五16:15:0027 定义帧动作和按钮动作实现交互制 作 步 骤 六on (press) nextFrame(); on (press) prevFrame(); 16:15:002816:15:0029课 件 简 介由于学生缺乏空间图形的想象能力，几何体截由于学生缺乏空间图形的想象能力，几何体截 面就成了立体几何教学中的一个难点。本范例是一面就成了立体几何教学中的一个难点

8、。本范例是一 个个“ “正方体截面正方体截面” ”课件，这个课件通过导航交互控制课件，这个课件通过导航交互控制 ，逐一演示正方体各种截面的形成过程，学生通过，逐一演示正方体各种截面的形成过程，学生通过 反复地播放课件进行学习，能够启发想象、掌握知反复地播放课件进行学习，能够启发想象、掌握知 识。识。16:15:0030 分模块交互课件的制作方法 动态按钮元件的制作方法 利用Swift 3D制作立体图形动画的方法 影片剪辑元件在交互课件中的应用知 识 要 点16:15:0031 2动态按钮 Swift 3D是由electricrain公司出品的一个使 用简便且能导出Flash动画(.swf)的3

9、D动画软 件。 动态按钮同时具备影片剪辑和按钮两种特性 ，既可以用来实现影片的控制，又不失特殊 的效果。 1Swift 3D制作立体动画 重 点 详 解16:15:0032实践：正方体截面16:15:0033 利用Swift 3D制作立体图形动画 1创建一个正方体模型制 作 步 骤 一(1)Create Box 创建立方体(2)选择Camera(3)镜头长度25(4)拖曳产生立体编辑场景16:15:0034 利用Swift 3D制作立体图形动画 2为正方体添加材质制 作 步 骤 一(1)选择Show meterials(2)从这类中选择颜色(3)将选好的拖曳到立方体上16:15:0035 利用

10、Swift 3D制作立体图形动画制 作 步 骤 一 3制作立体图形动画效果(1)选择Show animations(2)单击可查看动画效果(3)将选好的拖曳到立方体上16:15:0036 利用Swift 3D制作立体图形动画制 作 步 骤 一 4输出动画 通用设置(1)选择此选项卡(2)选择矢量(3)General的设置默认16:15:0037 利用Swift 3D制作立体图形动画制 作 步 骤 一(1)选择填充选项填充类型的选择选中镜面高亮 4输出动画 填充设置16:15:0038 利用Swift 3D制作立体图形动画制 作 步 骤 一(1)选择边缘选项选择包含边缘边缘类型为轮廓边缘粗细为2

11、 4输出动画 边缘设置16:15:0039 利用Swift 3D制作立体图形动画制 作 步 骤 一(1)单击此按钮生成帧(2)看到立方体(3)单击此处可看动画效果(4)输出文件 4输出动画 生成动画 保存文件 为.swft16:15:0040 导入Swift 3D制作的立体图形动画 准备 先装Swift 3D，再装Flash可直接导入 先装Flash，再装Swift 3D先完成：制 作 步 骤 二复制过去16:15:0041 创建课件界面和导入Swift 3D文件制 作 步 骤 二16:15:0042制 作 步 骤 三 制作动态按钮16:15:0043 制作截面影片剪辑元件 1按截面分割正方体

12、制 作 步 骤 四16:15:0044 制作截面影片剪辑元件 2创建演示截面形成过程的动画效果制 作 步 骤 四16:15:0045 布局场景和实现交互导航控制制 作 步 骤 五on (press) gotoAndPlay(3) ; 16:15:004616:15:0047课 件 简 介中学物理中学物理“ “变阻器变阻器” ”是多场景导航课件，这个课是多场景导航课件，这个课 件共包括件共包括5 5个模块，其中个模块，其中1 1个主控导航模块，个主控导航模块，4 4个功个功 能模块。能模块。4 4个功能模块包括：变阻器的结构原理、个功能模块包括：变阻器的结构原理、 变阻器的工作原理、变阻器的接线

13、方法、变阻器的变阻器的工作原理、变阻器的接线方法、变阻器的 使用方法。在主控导航模块中，可以通过导航按钮使用方法。在主控导航模块中，可以通过导航按钮 在在4 4个功能模块间任意切换，反复播放以加深对所个功能模块间任意切换，反复播放以加深对所 学知识的理解。学知识的理解。16:15:0048知 识 要 点 多场景动画的制作方法 多场景课件导航结构的实现过程 在Photoshop中创建主控界面图像的方法 隐形按钮的制作方法16:1549多场景动画 分别建立每个场景的动画 建立主场景 窗口-其他面板-场景 在主场景中设置贯串所以场景的 控制16:1550实践 利用“fe57素材.fla”中的素材，制

14、作 具有“fe57.swf”效果的动画，用户点 击画面上的四个按钮之一时，便切 换到相应的动画进行放映，单击返 回按钮可回到显示菜单选择的主界 面。将制作好的动画保存为“fe57结 果.fla”。 16:15:0051 2课件主控界面 on (press) gotoAndPlay(“场景名“, 1); 根据教学目标制作课件的主控界面效果，或以艺术 性为主，或以突出教学内容为主，其目的都是为了 增强课件的感染力。 1主控导航 重 点 详 解16:15:0052 3多场景 选择“窗口”|“其他面板”|“场景”命令，或按快 捷键Shift+F2，打开“场景”面板。 4隐形按钮 当按钮的“弹起”帧无任

15、何内容时 ，该按钮称为隐形按钮。其特点 是便于隐藏。 重 点 详 解16:15:0053实践：变阻器主控界面16:15:0054实践：变阻器结构原理16:15:0055实践：变阻器工作原理16:15:0056实践：变阻器接线方法16:15:0057实践：变阻器使用方法16:15:0058 整体规划多场景课件的模块结构制 作 步 骤 一16:15:0059制 作 步 骤 二 在Photoshop中制作课件主控界面图像 1处理图像素材16:15:0060制 作 步 骤 二 在Photoshop中制作课件主控界面图像 2绘制背景 3输入标题16:15:0061 在Flash中创建多场景文档制 作 步 骤 三“窗口”|“其他面板”|“场景”命令 或按快捷键Shift+F2 16:15:0062制 作 步 骤 四 制作分场景动画 1制作“主控界面”场景16:15:0063制 作 步 骤 四 制作分场景动画 2制作“结构原理 ”功能模块场景 该场景由4个部 分组成16:15:0064制 作 步 骤 四 制作分场景动画 2制作“结构原理”功能模块场景 （1）文字说明打字效果16:15:0065制 作 步 骤 四 制作分场景动画