ActionScript与交互动画
- 格式:ppt
- 大小:395.00 KB
- 文档页数:10
创建交互式动画交互式动画是指影片播放时支持时间相应和交互功能,动画在播放时能够接受到某种控制,而不是像普通动画那样从头到尾进行播放。
它是通过按钮元件和动作脚本语言ActionScript实现的。
1 按钮元件Flash元件分为3类:图形、影片剪辑和按钮,所有元件都被保存在“库”面板中,前面已经介绍过图形元件和影片剪辑元件,这里将介绍创建按钮元件的方法。
⑴按钮实际上是四帧的交互影片剪辑。
当为元件选择按钮行为时,Flash 会创建一个四帧的时间轴。
前三帧显示按钮的三种可能状态;第四帧定义按钮的活动区域。
时间轴实际上并不播放,它只是对指针运动和动作做出反应,跳到相应的帧。
⑵要制作一个交互式按钮,可把该按钮元件的一个实例放在舞台上,然后给该实例指定动作。
必须将动作指定给文档中按钮的实例,而不是指定给按钮时间轴中的帧。
⑶按钮元件的时间轴上的每一帧都有一个特定的功能:第一帧是弹起状态,代表指针没有经过按钮时该按钮的状态。
▪第二帧是指针经过状态,代表当指针滑过按钮时,该按钮的外观。
▪第三帧是按下状态,代表单击按钮时,该按钮的外观。
▪第四帧是"点击"状态,定义响应鼠标单击的区域。
此区域在SWF 文件中是不可见的。
1.1创建文字按钮在创建按钮元件时,有时需要创建风格相同的一组按钮,例如要控制影片的播放需要创建:暂停、继续两个按钮,那末第2个按钮可以通过复制第1个按钮后修改得到,下面介绍创建、复制按钮的操作方法。
1.建立文字按钮⑴启动Flash,新建影片文件。
⑵选择“插入”菜单→“新建元件”命令,弹出“创建新元件”对话框,输入按钮元件名称、选择元件类型。
⑶单击“确定”按钮,进入按钮元件的编辑窗口。
单击时间轴上的“弹起”帧,选择“文本”工具,设置:隶书、36号、蓝色,在舞台上输入文本“暂停”;选择“任意变形”工具单击文本,用方向键移动文本使文本的中心点与元件的中心点重合。
⑷在“指针经过”帧,按F6键,复制“弹起”帧中的内容。
Flash MX常用ActionScript速查手册ActionScript是Flash的脚本语言,是一种面向对象编程语言。
使用ActionScript可以控制Flash动画中的对象,创建导航元素和交互元素,扩展Flash创作交互动画和网络应用的能力。
本文主要介绍Flash MX中最常用到的ActionScript集合。
一、动作动作部分的Action是用来控制影片播放状态的脚本集合。
以利于Flash脚本编写人员速查。
(一)影片控制1.goto语法:gotoAndPlay(scene, frame)参数:scene 播放头将转到场景的名称。
frame 播放头将转到的帧的编号或标签。
描述:动作;将播放头转到场景中指定的帧并从该帧开始播放。
如果未指定场景,则播放头将转到当前场景中的指定帧。
2.on语法:on(mouseEvent) {statement(s);}参数: statement(s)是指发生mouseEvent时要执行的指令。
mouseEvent是“事件”触发器。
当发生此事件时,执行事件后面花括号中的语句。
可为mouseEvent参数指定下面的任何值:press在鼠标指针经过按钮时按下鼠标;release在鼠标指针经过按钮时释放鼠标按钮;releaseOutside当鼠标指针在按钮之内时按下按钮后,将鼠标指针移到按钮之外,此时释放鼠标;rollOut鼠标指针移出按钮区域;rollOver;鼠标指针滑过按钮;dragOut在鼠标指针滑过按钮时按下鼠标,然后滑出此按钮区域;dragOver 在鼠标指针移过按钮时按下鼠标,然后移出此按钮,再移回此按钮;keyPress(key)按下指定的key。
此参数的key部分可使用Flash“键盘键和键控代码值”中所列的任何键控代码进行指定,或者使用Key对象的属性摘要中列出的任何键常量进行指定。
描述:事件处理函数;指定触发动作的鼠标事件或按键事件。
3.play语法:play()描述:动作;在时间轴中向前移动播放头。
ActionScript脚本在Flash课程中的使用【摘要】flash优点在于可以很方便地在自身软件中创建原始内容或者从其他adobe应用程序(如photoshop或illustrator)导入它们,快速设计出简单而生动的动画,以及使用acitonscript 开发高级的交互式动画项目。
【关键词】项目教学法 actionscript脚本交互式动画由于近年动漫也成为一种时尚的艺术,而且最直接简单的动画创作可以通过flash完成。
越来越多的“闪客”使用flash在网络上进行动画作品创作,甚至央视也征集了一部分flash优秀作品作为公益广告片滚动播放。
因此我认为它是一种新兴艺术创作方式,是一种流行于网络与电视的文化。
在当前的高职教育中,把学生的思维类型和教育目的结合考量,培养学生的实践动手能力,就成为高职教育的首要任务。
本文谈谈在高职计算机专业《flash平面动画设计与制作案例教程》运用actionscript脚本制作交互动画的一些体会。
在具体项目教学中,课程前期教师都会讲解动画的制作原理。
flash动画实际就是将静止的画面变为动态的艺术,而要实现这一目的主要是靠人眼的视觉残留效应。
利用人的这种视觉生理特性可制作出具有高度想象力和表现力的动画影片。
因此课程前期教师会侧重于flash中各种工具的使用方法以及动画相关原理的讲解。
学生在课程前期制作出的动画也仅仅是在flash中鼠绘出一些简单的画面、制作出一些简单的元件,或是利用遮罩、补间、引导的动画原理制作出一些简单的平面动画,然而,要想在flash中制作出生动而具有表现力的交互动画作品,或是在动画播放前设计出具备交互功能的按钮,我们必须使用actionscript代码。
actionscript代码可用来向文档中的媒体元素添加交互式内容。
例如,可以添加代码以便用户在单击某按钮时显示一幅新图像,还可以使用actionscript代码向应用程序添加逻辑。
逻辑使应用程序能够根据用户的操作和其他情况采取不同的工作方式。
《交互控制动画》教学设计一、教学目标1. 知识与技能:掌握使用动画软件(如Flash)创建基本动画的技能。
学会如何设置交互控制,如按钮控制动画的开始、暂停和结束。
理解动画帧的概念和动画的基本原理。
2. 过程与方法:通过小组合作,提高学生的团队协作能力和问题解决能力。
通过实践操作,培养学生动手实践、探索创新的能力。
3. 情感态度与价值观:激发学生对动画制作的兴趣和热情。
培养学生的创造力和艺术审美能力。
二、教学重点难点重点:动画帧的创建和管理。
交互控制按钮的添加和设置。
难点:实现精确的动画控制逻辑。
创意设计和动画效果的融合。
三、学情分析学生已经具备基本的计算机操作能力,但对动画制作和交互控制还是新手。
学生可能对动画制作有浓厚的兴趣,但缺乏实际操作经验。
因此,教学设计应注重实践操作和理论学习相结合,以激发学生的学习兴趣和积极性。
四、教学准备1. 硬件准备:配备有动画制作软件的计算机。
2. 软件准备:动画制作软件(如Flash)、多媒体演示软件(如PowerPoint)。
3. 教学课件:包含动画制作的基本知识和操作步骤的PPT课件。
五、新课导入通过展示一些优秀的交互控制动画作品,引导学生思考动画中交互控制的重要性,并激发学生对制作动画的兴趣。
六、新课讲授(一)动画帧的创建和管理1. 介绍动画帧的概念和作用。
2. 演示如何在动画软件中创建和管理帧。
3. 学生实践操作,创建简单的动画帧序列。
(一)动画帧的创建和管理1. 动画帧的概念和作用:动画帧是构成动画的基本单元,每一帧都是一幅静态图像。
在连续播放的帧之间,由于人眼的视觉暂留效应,会产生连续的动态画面。
动画帧的作用在于,通过逐帧绘制或修改图像,可以创建出各种复杂的动画效果。
每一帧的细微变化,当它们按照一定的速度连续播放时,就会形成流畅的动画。
2. 如何在动画软件中创建和管理帧:创建帧:在大多数动画软件中,创建新帧通常可以通过点击时间轴上的“新建帧”按钮或使用快捷键来实现。
ActionScript编程交互对象说明:虽然所有的显示对象(DisplayObject)都是事件调度器(EventDispatcher)类的子类,继承了监听事件和移除事件监听的方法,但是并非每个显示对象都继承了与用户进行直接交互的事件。
为了帮助用户实现对象的各种交互性,ActionScript3.0将显示对象中的部分对象进行抽象化处理,提供了交互对象(InteractiveObject)类,以实现各种用户与对象的交互。
1.交互性事件交互对象拥有普通显示对象所不具备的交互性。
例如,普通显示对象虽然可以接收鼠标事件和键盘事件等事件,但却无法对这些事件进行进一步的处理;交互对象则不仅可以接收各种鼠标、键盘、焦点等事件,还可以通过调度这些事件进行进一步的处理。
关于鼠标事件和键盘事件已经在之前的章节中介绍过了。
本节将注重介绍除鼠标事件和键盘事件以外的各种事件,如下所示。
●clear 清除当前具有焦点的对象时调度的事件。
如焦点的对象为一个文本字段,则调度该事件将清除文本字段中所有的文本。
●copy 将当前具有焦点的对象复制到剪贴板后调度的事件。
●cut 将当前具有焦点的对象复制到剪贴板,并删除这些对象时调度的事件。
●paste 用当前剪贴板中的内容替换当前具有焦点的对象时调度的事件。
如焦点的对象为一个文本字段,则调度该事件将以剪贴板中的文本替换文本字段中所有的文本●selectAll 为当前对象中的内容提供焦点时调度的事件。
如焦点的对象为一个文本字段,则调度该事件将为文本字段中所有的文本赋予焦点●tabChildrenChange tabChildren是舞台中允许通过Tab键切换焦点的所有对象清单。
当该清单更改时,调度的事件就是TabChildrenChange●tabEnabledChange tabEnabled是一个Boolean值,判断是否允许通过Tab键切换对象的焦点。
当tabEnabled值变更时,调度的事件就是tabEnabledChange●tabIndexChange tabIndex是当前舞台中通过Tab键切换而获取焦点的对象索引。
1.点语法在ActionScript中,点(.)被用来指明与某个对象或电影剪辑相关的属性和方法。
它也用标识指向电影剪辑或变量的目标路径。
点语法表达式由对象或电影剪辑名开始,接着是一个点,最后是要指定的属性、方法或变量。
例如,表达式ballMC.x是指电影剪辑实例ballMC的_X属性,_X电影剪辑属性指出编辑区中电影剪辑的X轴位置。
例如,submit是在电影剪辑form中设置的一个变量,而form又是嵌套在电影剪辑shoppingCart中的电影剪辑。
表达式shoppingCart.form.submit=true的作用是设置实例form的submit变量的值为true。
表达一个对象或电影剪辑的方法遵循相同的模式。
例如,ballMC实例的play方法用于移动ballMC的时间轴播放头,就像下面的语句:ballMC.play();点语法使用两个特殊的别名:_root和_parent。
别名_root是指主时间轴。
可以使用_root别名创建一个绝对路径。
例如,下面的语句调用主时间轴中电影剪辑functions的buildGameBoard函数:_root.functions.buildGameBoard();Flash MX允许使用别名_parent来引用嵌套当前电影剪辑的电影剪辑。
也可以用_parent创建一个相对目标路径。
例如,如果电影剪辑dog被嵌套在电影剪辑animal之中,那么,在实例dog上的下列语句告诉animal电影剪辑停止播放:_parent.stop();2.斜杠语法Flash的以前版本是使用斜杠语法指出电影剪辑或变量的目标路径的。
Flash MX播放器仍然支持这种语法,但不推荐使用。
在斜杠语法中,斜杠被用来代替点,用以标明电影剪辑或变量的路径。
要指出一个变量,可以在变量前加上冒号,如下面的语句所示:myMovieClip/childMovieClip:my Variable我们现在用点语法取代上述斜杠语法来表示上面的目标路径:myMovieClip.childMovieClip.myVariable斜杠语法在tellTarget动作中使用最为普遍,但这种动作在Flash MX中已不再推荐使用。
AnimateCC维动画设计与制作-第单元:交互动画制作 (一)Animate CC是由Adobe公司推出的一款专业的动画制作软件,作为动画制作领域的一个重要工具,Animate CC拥有众多的功能和特点,其中最为突出的是其交互动画制作功能。
本文将以AnimateCC维动画设计与制作-第一单元:交互动画制作为主题,为大家介绍Animate CC 在交互动画制作方面的特点和应用。
1. 交互动画制作的基本概念交互动画制作是一种基于用户操作而产生的动画效果。
交互动画可以通过用户的输入、鼠标的移动、键盘事件的响应等多种形式来激活。
交互动画可以增强用户体验,提高网站或应用的交互性。
2. Animate CC的交互动画制作功能Animate CC是一个强大的交互动画制作工具,它的交互动画制作功能可以让用户很方便地创建出符合自己需求的交互动画效果,具体体现在以下几个方面:(1)图像与对象交互Animate CC可以直接与图像与对象进行交互,通过设置交互规则,用户可以让图像和对象自动地进行相互交互。
比如,可以通过设置鼠标点击事件,让图像翻转、旋转等。
(2)用户事件响应Animate CC可以对用户的各种事件进行响应,包括鼠标点击、鼠标悬停、滚轮事件等。
用户可以根据自己的需要,制定对应的事件响应规则,让用户在操作时,产生出不同的交互动画效果。
(3)特效制作Animate CC拥有多种交互动画特效制作功能,比如,可以制作出类似幻灯片效果的交互动画、通过设置特效,使图片翻页、旋转等效果等。
3. 如何制作交互动画在使用Animate CC进行交互动画制作时,需要掌握以下几个步骤:(1)确定交互动画的功能需求在进行交互动画之前,需要先了解自己想实现的功能并进行规划,例如,是需要开启鼠标悬停触发的效果,还是需要通过点击按钮触发效果。
(2)设计交互动画效果在确定功能需求后,需要对交互动画进行设计。
可以通过Animate CC提供的各种工具和面板制定出对应的交互动画效果。