多媒体应用基础课件_第1页
多媒体应用基础课件_第2页
多媒体应用基础课件_第3页
多媒体应用基础课件_第4页
多媒体应用基础课件_第5页
已阅读5页,还剩97页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第4章计算机动画技术第4章4-24.1计算机动画基础传统动画:通常认为第一部动画影片是由J.StewartBlackton于1906年创作

的滑稽脸的幽默面。1946年美国创作第一部长篇真

人与动画合演的动画片《南方之歌》。制作流程:根据剧本中的人物和活动场景,先用铅笔画在动画纸上,然后用钢笔把线条描在透明的化学板(赛璐璐)上,再用毛笔在化学板的反面涂上各种颜色。把已绘制好的背景和人物合在一起,放在平面的摄影台上,由摄影师一张一张地拍成电影胶片,再冲洗出电影影像。4-24.1计算机动画基础传统动画:制作流程:根据剧本中的4-3在拍摄动画片大闹天宫时,几十位动画工作者花了近两年的时间才完成,共绘制了600多万张图画。美国迪士尼公司于1937年创作的第一部长达83分钟的大型动画片《白雪公主和七个小矮人》,共绘制了两亿张草图,最后用来拍摄的图画有250

000张。4.1计算机动画基础4-3在拍摄动画片大闹天宫时,几十位动画工作者花了近4-4

计算机动画:1964年,Bell实验室的KenKnowlton博士制作了第一部计算机动画片。

1971年,被称为计算机动画之父的NestorBurtnyk和MarceliWein提出了计算机产生关键帧动画技术,并应用该技术开发了MSGEN二维动画系统。

《玩具总动员》

《侏罗纪公园》《泰坦尼克号》4.1计算机动画基础4-4计算机动画:1964年,Bell实验室的Ken4-5一、动画与计算机动画

动画是通过一定速度播放的连续画面来显示运动和变化的过程。其含义有:①播放速度:24

f/s、25

f/s、30

f/s。②运动过程:动画的本质。③变化过程:色彩变化、光强变化。

计算机动画是借助于计算机生成一系列连续图像并动态播放的计算机技术。4.1计算机动画基础4-5一、动画与计算机动画4.1计算机动画基础4-6二、计算机动画的分类

1.按动画的系统功能分类

第一级:用于交互产生、着色、存储、检索和修改图像,不考虑时间(图像编辑器)。

第二级:实现中间帧的计算。

第三级:提供形体的操作(平移、旋转)。虚拟摄像机的操作(镜头推移)。

第四级:定义角色。

第五级:智能动画系统(自学习能力)。4.1计算机动画基础4-6二、计算机动画的分类4.1计算机动画基础4-74-72.按动画的制作原理分类

⑴二维动画(计算机辅助动画)二维动画可实现中间帧生成,即根据两个关键帧生成所需的中间帧(插补技术)。

二维动画系统的功能(第二级)①中间帧画面生成②着色③预演④后期制作4.1计算机动画基础4-74-72.按动画的制作原理分类4.1计算机动4-84-8⑵三维动画(计算机生成动画)三维动画是采用计算机技术来模拟真实的三维空间(虚拟真实性)。

三维动画系统的功能(第三、四级)①定义角色②构造几何造型③设置运动和灯光④调整材质和贴图⑤生成连续画面4.1计算机动画基础4-84-8⑵三维动画(计算机生成动画)4.1计算4-94-9三、计算机动画文件格式1.GIF(GraphicsInterchangeFormat)

在一个文件中同时存储若干幅静止图像,并进而形成连续的动画。2.SWF(ShockWaveFlash)Flash软件的专用格式,支持矢量图形和点阵图像,可与HTML文件充分结合,广泛应用于网页。3.FLIC(FLI/FLC)Autodesk公司在其2D/3D动画制作软件中采用的彩色动画文件格式,FLIC是FLC和FLI的统称。4.1计算机动画基础4-94-9三、计算机动画文件格式4.1计算机动画基础4-104-104.QTM(QuickTime)Apple公司的动画文件格式,能通过Internet提供实时的数字化信息流、工作流与文件回放,可用于保存音频和运动视频信息。5.VRML(VirtualRealityModelingLanguage)

面向Web,用于建立真实世界的场景模型或虚构三维世界的场景建模语言,具有平台无关性。4.1计算机动画基础4-104-104.QTM(QuickTime)44-114-11四、计算机动画的应用

1.影视广告主要用于制作电视广告、电视片头、卡通片、电影片头和电影特技等。

电视广告:计算机动画可制

作出神奇的视觉效果,以取得特

殊宣传效果和艺术感染力。

电影《玩具总动员》:没有真人演员表演的故事片,这部长达77分钟的影片全部由计算机动画和计算机合成图像组成。4.1计算机动画基础4-114-11四、计算机动画的应用4.1计算机动画基础4-124-12

2.工程设计

计算机辅助设计/制图,正朝着利用计算机动画的后期预览发展。工程图纸设计完后,指定立体模型材质,制作三维动画。如机械运动的效果、楼房建筑的透视和整体视觉效果。4.1计算机动画基础4-124-122.工程设计4.1计算机动画基础4-134-133.飞行模拟

飞行模拟器:它能训练飞行员模拟起飞和着陆、操纵各种手柄、观察各种仪器以及在舷窗能看到机场跑道或自然景象等。

在航天、导弹等复杂的系统工程中,先建立模型,再用计算机动画模拟真实系统的运行,调节参数,获得最佳运行状态。4.1计算机动画基础4-134-133.飞行模拟4.1计算机动画基础4-144-144.教育与娱乐

教育:利用计算机动画可将各种现象或模型形象生动地表现出来,如化学反应时分子结构变化、机器结构模型拆装。

娱乐:利用计算机动画产生模拟环境,使人有身临其境的感觉。4.1计算机动画基础4-144-144.教育与娱乐4.1计算机动画基础4-154-155.科学计算可视化通过计算机动画将科学计算过程及结果转换为图形或图像并显示出来,如计算标量数据场、流体动力学分析等。4.1计算机动画基础4-154-155.科学计算可视化4.1计算机动画4-164-166.虚拟现实技术利用计算机动画模拟产生一个三维空间的虚拟环境系统。视觉、听觉、触觉、嗅觉等。4.1计算机动画基础4-164-166.虚拟现实技术4.1计算机动画基4-174-174.2计算机动画的制作环境一、计算机硬件与软件环境1.硬件配置

图形工作站:SGI、SUN、IBM、HP

高档微型机:Pentium、Macintosh

输入设备:图形输入板、扫描仪

输出设备:视频输出、胶片输出4-174-174.2计算机动画的制作环境一、计算机硬件与4-184-184.2计算机动画的制作环境

2.软件环境

⑴系统软件

操作系统、诊断程序、开发环境和工具

⑵动画软件

二维动画软件:

TOONZ:二维卡通动画制作系统

SGI/IRIX,PC/Windows4-184-184.2计算机动画的制作环境2.软件4-194-194.2计算机动画的制作环境

RETASPRO:专业二维动画制作系统适用于PC、Apple机

USAnimation:二维卡通制作系统代表作——《美女和野兽》

点睛辅助动画制作系统:我国第一个拥有自主版权的计算机辅助制作动画系统。代表作——《海尔兄弟》4-194-194.2计算机动画的制作环境RETA4-204-204.2计算机动画的制作环境三维动画软件:

Softimage3D:擅长于卡通造型和角色动画,如《侏罗纪公园》中恐龙的制作。

MAYA:擅长于人物或动物动画,如《泰坦尼克号》中许多画面的制作。

3DSMax:广泛应用于的三维建模、动画、渲染软件,制作高质量动画、广告等。

Poser:专门用来制作人体,它可以产生各种类型的人物,如男人、女人、小孩等。4-204-204.2计算机动画的制作环境三维动画软件:4-214-214.2计算机动画的制作环境二、二维动画基本制作过程

1.二维动画制作与三维动画制作的区别

二维动画制作在方法上沿用传统的动画制作技术,关键帧画面需手工绘制,对动画人员的绘画艺术能力要求较高。

三维动画的制作是由物体建模、设计材质、放置灯光和摄像机、设置动画和渲染输出等一系列过程来完成的。传统手绘方法被完全取消,更多取决于计算机和相应软件的性能,更注重动画人员在技术方面的操作能力。4-214-214.2计算机动画的制作环境二、二维动画基本4-224-224.2计算机动画的制作环境2.二维动画基本制作过程(1)前期策划。包括制定企划草案,进行市场调研,创作文学剧本与分镜头剧本,以及美术设计等方面。

(2)素材制作。根据前期策划收集或者绘制合适的素材。素材包括背景图片、音效、视频剪辑等多种形式。

(3)动画制作。首先需要根据动画分镜头剧本中的每个小画面设计角色动作并为动画角色设计每个镜头的关键画面,然后利用绘图工具绘制动画中的关键帧画面,再利用Flash制作中间帧等。4-224-224.2计算机动画的制作环境2.二维4-234-234.2计算机动画的制作环境

⑷调试优化。优化动画节奏、色彩、声音以及播放效果等的过程,保证作品的最终效果与质量。

⑸测试动画。在不同配置的电脑上对动画进行播放、下载等测试,根据测试结果对动画作品进行调整和优化,保证动画在不同环境下保持良好的播放效果。

⑹发布动画。根据动画的用途、使用环境进行输出格式、画面品质和声音等的设置,用于网络传播的动画作品应充分考虑网速对动画播放速度的影响,权衡设置。4-234-234.2计算机动画的制作环境⑷调试优4-244-244.2计算机动画的制作环境三、三维动画基本制作过程

⑴建模。是动画师根据前期的造型设计,通过三维建模软件在计算机中绘制出角色模型的过程。

⑵材质贴图。材质就是对模型赋予生动的表面特性,如物体的颜色、透明度、反光度、反光强度、自发光及粗糙程度等。贴图是指把二维图片通过软件的计算贴到三维模型上,形成表面细节和结构。4-244-244.2计算机动画的制作环境三、三维动画基本4-254-254.2计算机动画的制作环境

⑶灯光。设置灯光目的是最大限度地模拟自然界的光线类型和人工光线类型。

⑷摄像机控制。依照摄影原理在三维动画软件中使用摄影机工具,实现分镜头剧本设计的镜头效果。摄影机功能只有情节需要才使用,不是任何时候都使用。

⑸动画。根据分镜头剧本与动作设计,运用已设计的造型在三维动画制作软件中制作出一个个动画片段。4-254-254.2计算机动画的制作环境⑶灯光。4-264-264.2计算机动画的制作环境

⑹渲染。渲染是指根据场景的设置、赋予物体的材质和贴图、灯光等,由程序绘出一幅完整的画面或一段动画。

⑺合成剪接。主要是将之前所做的动画片段、声音等素材,按照分镜头剧本的设计,通过非线性编辑软件的编辑,最终生成动画影视文件。4-264-264.2计算机动画的制作环境⑹渲染。渲4-274-274.3计算机动画的设计方法一、计算机动画创意

计算机动画是高科技与艺术创作的结合,它需要科学的设计和艺术构思,这些在制作之前的方案性思考,称为创意。创意有宏观和微观两个层面。

宏观(战略创意):指整个设计行动的统筹安排(战略策划高度)。

微观(战术创意):指具体动画作品的意境构思及手法选择(小点子、小安排)。4-274-274.3计算机动画的设计方法一、计算机动画创4-284-284.3计算机动画的设计方法创意思考的技巧:

①拟人:把事物人格化,使之具有人的灵性和感情,从而使作品内容具体形象、生动活泼。

②反成:人们对某种事物的认识往往形成思维定势,按常规去表现该事物,难免落入俗套。如果一反常规,改变事物的形态,反而给人耳目一新、出其不意的感觉。

③夸张:对事物固有的形态、特点作出出人意料的发挥,往往能强烈的表达作品主题思想。4-284-284.3计算机动画的设计方法创意思考的技巧:4-294-29二、动画动作的设计

1.动画时间的分配

动画时间:一个动作要用几帧来完成。

放映速度:24

f/s、25

f/s、30

f/s

动画电影:只画12张,重复1次→1秒人类急跑=4

f、快跑=8

f、慢跑=12

f大象一个完整步子=1~1.5

s小猫一个完整步子≤0.5s

老鹰一个翅膀循环=9

f麻雀一个翅膀循环=2

f4.3计算机动画的设计方法4-294-29二、动画动作的设计人类急跑=4f、快跑=84-304-30

2.物体运动规律及设计方法自然物体都有重量、结构和一定的柔韧性,动画制作时还要考虑牛顿定律。

⑴旋转物体

当物体抛向空中或降落地面时,其重心沿抛物线运动,到顶点时

速度减慢,下降时速度加

快。不规则的物体在运动

过程中还要旋转。4.3计算机动画的设计方法4-304-302.物体运动规律及设计方法4.34-314-31

⑵振动物体

快速振动:弹簧片的震动

柔性振动:旗帜的飘动⑶往复运动物体4.3计算机动画的设计方法4-314-31⑵振动物体⑶往复运动物体4.3计算4-324-323.动物动作规律及设计方法

⑴飞鸟类

鸟越大,翅膀动作越慢;鸟越小,翅膀动作越快。4.3计算机动画的设计方法4-324-323.动物动作规律及设计方法4.3计4-334-33

⑵昆虫类

多数昆虫都有翅膀,但其扇动速度远快于普通鸟类,这就需要用一种特殊方法来处理(翅膀模糊技术)。4.3计算机动画的设计方法4-334-33⑵昆虫类4.3计算机动画的设计方法4-344-34⑶兽类四条腿的兽类在运动时,必须注意前腿动作如何与后腿动作相配合。如牛的右前腿向前时,右后腿在后;在右前腿向后时,右后腿向前。兽类跨步时间牛、马1s大象1.5s猫0.5s4.3计算机动画的设计方法4-344-34⑶兽类兽类跨步时间牛、马1s大象1.4-354-35

4.人物动作规律及设计方法

⑴人的走路动作

左右两脚交替向前。为了保持身体的平衡当左脚向前时左手向后摆动,当右脚向前时右手向后摆动。4.3计算机动画的设计方法4-354-354.人物动作规律及设计方法4.3计4-364-36⑵人的奔跑动作身体重心前倾,两手自然握拳,手臂成屈曲状,双脚的跨步动作幅度较大,头的高低变化也比走路动作大。4.3计算机动画的设计方法4-364-36⑵人的奔跑动作4.3计算机动画的设4-374-37

⑶人的面部表情

面部的动作变化能体现人物的情绪和性格,但也更加复杂。4.3计算机动画的设计方法4-374-37⑶人的面部表情4.3计算机动画的设4-384-38三、影视片头的设计

1.片头设计的长度

电视栏目片头的时间长度:20s电视台台标的时间长度:30s

2.电影片头的设计

电影片头可以通过把影片最扣人心弦的核心展示出来,可只提问题不解决问题。

二维动画:人物、动物等柔软复杂实体

三维动画:变形、真实感强的造型物体4.3计算机动画的设计方法4-384-38三、影视片头的设计4.3计算机动画的设计方4-394-39

3.电视片头的设计

电视节目片头:5、12、20、60s新闻、评论类:严肃庄重文艺、少儿类:轻松活泼

电视栏目片头:12~20s字幕是电视栏目片头

设计中主要的艺术设计形

象,这是以线为主的点、

线、面组合的表现艺术。4.3计算机动画的设计方法4-394-393.电视片头的设计4.3计算机动画4-404-404.4矢量动画制作软件一、Flash概述1.Flash的发展简史年代版本描述早期FutureSplashAnimator6人小组,最大用户是Microsoft、Disney1996年11月Flash1.0Macromedia收购1997年6月Flash2.0199.951998年5月Flash3.0交互式矢量动画标准/2991999年6月Flash4.0F/2994-404-404.4矢量动画制作软件一、Flash概述年4-41年代版本描述2000年8月Flash5.0闪客:编程、美术/3992002年3月FlashMX4992003年8月FlashMX2004499/6992005年10月Flash8.0增强了对视频支持2007年7月AdobeFlashCS3AdobeCreativeSuite2008年9月AdobeFlashCS43D转换,反向运动与骨骼工具2010年4月AdobeFlashCS5代码片段面板、Deco绘制工具2011年4月AdobeFlashCS5.5HTML5、移动平台4.4矢量动画制作软件续表4-41年代版本描述2000年8月Flash5.0闪客:编4-424-422.基本功能

绘图功能:可以使用Flash完成图形绘制、特殊字形处理等方面工作。

动画功能:即使没有绘画基础也可以使用Flash提供的动画工具,编辑从外部导入的图像,制作出动画。

编程功能:Flash提供了几百个关键词,用来制作交互式动画。以上3部分功能是相对独立的。4.4矢量动画制作软件4-424-422.基本功能以上3部分功能是相对独立4-434-433.动画特点

Flash动画是一种交互的矢量动画,能在低数据传输率下实现高质量的动画效果。

矢量图形:任意调整图形或色块的颜色

交互式动画:用户对动画进行控制

流式播放技术:边下载边播放

多种文件格式:图形图像、声音、视频

插件工作方式:FlashPlayer插件4.4矢量动画制作软件4-434-433.动画特点4.4矢量动画制作软件4-444-44

4.应用领域

MTV、动画短片、广告、交互游戏等。4.4矢量动画制作软件4-444-444.应用领域4.4矢量动画制作软件4-454-45

5.工作界面标题栏、菜单栏、工具栏、工具箱4.4矢量动画制作软件4-454-455.工作界面4.4矢量动画制作软件4-464-464.4矢量动画制作软件4-464-464.4矢量动画制作软件4-474-47舞台和工作区:创作时观看作品的场所属性面板:取决于当前选定的内容,可显示当前文档、帧或工具的信息和设置。时间轴面板:用于组织和控制文档内容在一定时间内播放的层数和帧数。4.4矢量动画制作软件4-474-47舞台和工作区:创作时观看作品的场所4-484-48二、Flash基本操作[例题]制作一个移动的变色圆。①打开Flash,选择红色。②选择椭圆工具,在舞台左上方画一个小圆。③右击第30帧,选择插入空白关键帧。④选择蓝色,在舞台右下方画一个较大圆。⑤选中第1帧,属性面板/补间→形状。⑥选择控制/播放。4.4矢量动画制作软件4-484-48二、Flash基本操作4.4矢量动画制作软4-494-49

(1)创建Flash文件文件/新建,工具栏→“新建”按钮

(2)设置文档属性修改/文档,属性面板→文档属性尺寸用于设置动画的尺寸(宽度×高度)背景颜色用于设置文档的背景颜色帧频用于设置影片的播放速度(f/s)标尺单位设置表示文档尺寸的单位4.4矢量动画制作软件4-494-49(1)创建Flash文件尺寸用于设置4-504-50

(3)简单动画制作①新建文件→设置影片属性(400×300)②导入背景图片:文件/导入

调整图像大小→第36帧选择“插入帧”③插入新图层:单击“插入图层”按钮④输入文本:文本工具(隶、60、红)

图层2→5

f深、10

f圳、15

f大、20

f学⑤设置移动动画:补间/动作⑥加入背景音乐:文件/导入4.4矢量动画制作软件4-504-50(3)简单动画制作4.4矢量动画制4-514-51

(4)预览动画控制/测试影片(Ctrl+Enter)(5)保存动画文件文件/保存或另存为(myfirst.fla)(6)输出动画文件文件/导出影片

myfirst.swf—Flash播放文件

myfirst.avi—视频文件

myfirst.gif—动画GIF4.4矢量动画制作软件4-514-51(4)预览动画4.4矢量动画制作软4-524-521.绘图工具椭圆工具、矩形工具、线条工具铅笔工具、文本工具、钢笔工具2.图形编辑

选择工具、次选工具、套索工具颜料捅工具、墨水瓶工具、橡皮工具任意变形工具、填充变形工具

喷涂刷工具、Deco工具4.4矢量动画制作软件4-524-521.绘图工具4.4矢量动画制作软件4-534-533.图形对象

(1)对齐对象

(2)合并对象

联合,交集,打孔,裁切(3)组合与分离对象

(4)排列对象4.4矢量动画制作软件4-534-533.图形对象4.4矢量动画制作软件4-544-544.特效

(1)文本特效

选择“文本工具”创建文本,设置为“动态文本”,然后执行“文本”→“可滚动”命令。

(2)滤镜特效

投影,模糊,发光,斜角,渐变发光,渐变斜角,调整颜色4.4矢量动画制作软件4-544-544.特效4.4矢量动画制作软件4-554-555.图像导入使用Flash,除了可以绘制矢量图形外,还可以从外部导入位图,以便制作出更加丰富的动画。4.4矢量动画制作软件4-554-555.图像导入4.4矢量动画制作软件4-564-56三、基本动画制作

Flash的动画原理与电影的成像原理一样,是利用人眼的视觉暂留现象。

Flash创建动画有两种方法:

逐帧动画:帧帧连续动画(工作量大)

补间动画:运动补间动画(平移、转动)形状补间动画(变形)

关键帧、帧(普通帧或内插帧)

4.4矢量动画制作软件4-564-56三、基本动画制作4.4矢量动画制作软件4-574-571.逐帧动画逐帧动画是构成动画的每一帧的内容都是由一幅绘制的图像组成的。例如:骏马奔驰4.4矢量动画制作软件4-574-571.逐帧动画4.4矢量动画制作软件4-584-58

2.运动补间动画⑴创建平移动画

球的运动⑵创建引导动画

指定路径运动4.4矢量动画制作软件4-584-582.运动补间动画4.4矢量动画制作4-594-59

3.形状补间动画

形状动画描述在一段时间内将一个对象转变成另一个对象的过渡过程。

⑴创建形状动画

形状的变化

⑵创建遮罩动画

探照灯效果4.4矢量动画制作软件4-594-593.形状补间动画4.4矢量动画制作4-604-60

4.骨骼动画

通过骨骼系统和反向运动工具,为一系列独立的元件添加骨骼,制作类似于图形链的动画效果。

5.3D动画4.4矢量动画制作软件4-604-604.骨骼动画4.4矢量动画制作软件4-614-61四、元件与库资源1.元件

元件是指在Flash创作环境中创建过一次的图形、按钮或影片剪辑,一旦被创建,自动添加到库中,可重复使用。

⑴图形元件

⑵按钮元件

⑶影片剪辑元件

4.4矢量动画制作软件4-614-61四、元件与库资源4.4矢量动画制作4-624-622.元件的创建3.元件的编辑4.图库元件的使用

4.4矢量动画制作软件4-624-622.元件的创建4.4矢量动画制作软件4-634-63五、声音与视频Flash中可导入音频和视频文件,并对其添加特效,设置事件。

(1)音频导入(2)添加特效(3)事件设置

4.4矢量动画制作软件4-634-63五、声音与视频4.4矢量动画制作软件4-644-64六、动画美学

动画美学的主要内容:①注重画面结构布局,为动画主体留出活动空间。②动画画面调度设计,主要在镜头移动、纵深运动、平面运动等模式。③动画制作符合视觉规律。固定不动的物体构成背景的主要对象,起到画面均衡的作用。低速运动的物体给人以平稳的感觉。高速运动能够引起特别注意,起到着力渲染的作用。4.4矢量动画制作软件4-644-64六、动画美学固定不动的物体构成背景的主要对象4-654-65④把握动画的运动节奏动画主体的运动节奏通过对时间的掌握进行控制。就帧动画而言,动画的运行速度与帧间的位置差成正比。⑤造型设计、动作设计造型设计将主要针对文字的形态、设备的人格化、界面的风格等方面进行。动作设计则针对动作主体的运动模式以及运动时间进行规划。4.4矢量动画制作软件4-654-65④把握动画的运动节奏4.4矢量动画4-664-664.5动画在游戏中的应用一、Flash游戏的特点①强大而简便的交互功能,很适合用于制作游戏。②图形处理速度方面存在瓶颈。

③不能随意存取本地硬盘数据。

④对三维功能支持有限。

Flash是一个集美工、动画与编程于一体的集成开发环境,编程方式与其他纯程序开发的编程方式有所不同。4-664-664.5动画在游戏中的应用一、Flash游戏4-674-674.5动画在游戏中的应用Flash作品的结构4-674-674.5动画在游戏中的应用Flash作品的结4-684-684.5动画在游戏中的应用二、ActionScript语言基础1.概述

ActionScript语言是Flash提供的一种动作脚本语言,可对关键帧按钮、影片剪辑添加脚本,制作交互动画。4-684-684.5动画在游戏中的应用二、ActionS4-694-694.5动画在游戏中的应用2.基本语法

①常量与变量。

关键字var声明变量,变量名区分大小写,严格指定数据类型。

varnumber1:int;

varnumber1:int,number2:int,

number3:int=0;简单数据类型:boolean、string,int、Number等。复杂数据类型:Array、Object、MovieClip等。4-694-694.5动画在游戏中的应用2.基本语法4-704-704.5动画在游戏中的应用②运算符和表达式。算术运算符是用来处理四则运算的符号。

+、-、*、/、%、++、--字符串运算符使用加法运算符来完成。逻辑运算符通常用来测试真假值。

<、>、<=、>=、==、!=、&&、||、!、===、!==。赋值运算符用来为变量或者常量赋值。

=、+=4-704-704.5动画在游戏中的应用②运算符和表达式。4-714-714.5动画在游戏中的应用④大括号。用大括号“{}”将一个语句块或是一句表达式结合在一起。

onClipEvent(frame){

H.stop();}⑤小括号。小括号“()”用于定义和调用函数或相关参数,还可以更改表达式中的运算顺序,组合到小括号中的运算总是最先执行。

trace(1+2*3);//7

trace((1+2)*3);//94-714-714.5动画在游戏中的应用④大括号。用大括4-724-724.5动画在游戏中的应用⑥分号。用分号“;”来结束一条语句。⑦字母大小写。除关键字以外,其他动作脚本是不严格区分大小写的,关键字是指有特殊含义的保留字符,如var,void,function,continue等。⑧注释。使用注释语句(注释符号为“//”)向程序中添加注释信息,使用户更易于理解程序。

functionAdd(x1,x2){……}//定义Add函数4-724-724.5动画在游戏中的应用⑥分号。用分号“;4-734-734.5动画在游戏中的应用3.ActionScript基本语句①条件判断语句if(x>0){x++;}else{x--;}switch(temperature){case1:trace(“晴天”);break;case2:trace(“多云”);break;case3:trace(“小雨”);break;default:trace(“冰雹”);break;}4-734-734.5动画在游戏中的应用3.ActionS4-744-744.5动画在游戏中的应用②循环控制语句:varsum:int=0;for(vari:int=1;i<=10;i++){sum+=i;}trace(“1+2+3+…+9+10=”+sum);varsum:int=0;while(i<=10){sum+=i;i++;}trace(“1+2+3+…+9+10=”+sum);do{sum+=i;i++;}while(i<=10)4-744-744.5动画在游戏中的应用②循环控制语句:v4-754-754.5动画在游戏中的应用③函数。函数可将重复的运算封装在一起,有利于代码的重用。内建函数,自定义函数。

functionmyfunc(var_1:Type,var_2:Type,…,var_n:Type):Type{return“一些数据或者变量”;

}例如:functionadd(x:Number,yNumber):Number{return(x+y);}adAdd(7,8);4-754-754.5动画在游戏中的应用③函数。函数可将重4-764-764.5动画在游戏中的应用4.制作台历实例4-764-764.5动画在游戏中的应用4.制作台历实例4-774-774.5动画在游戏中的应用三、Flash游戏的交互编程

1.Flash的内置类的使用Flash提供了一些内置类以便完成各种核心的编程应用和专用的编程应用,主要分为核心内置类和专用类。

所有内置类均可在动作面板的动作工具箱中找到。在使用专用类之前,需先用import语句显示导入它的包或者命名空间。4-774-774.5动画在游戏中的应用三、Flash游戏4-784-784.5动画在游戏中的应用//Moviclip类的使用实例importflash.display.MovieClip;importflash.events.MouseEvent;importflash.geom.Point;importflash.text.TextField;varmc:MovieClip=newMovieClip();vartxt:TextField=newTextField();mc.x=50;mc.y=50;txt.text="请拖动我";txt.selectable=false;txt.x=10;txt.y=30;="insName";mc.graphics.beginFill(0xFFFF00);mc.graphics.drawRect(0,0,80,80);mc.addChild(txt);mc.addEventListener(MouseEvent.MOUSE_DOWN,dragMC);mc.addEventListener(MouseEvent.MOUSE_UP,stopDragMC);functiondragMC(evt:MouseEvent){mc.startDrag();TextField(mc.getChildByName("insName")).text="开始拖动";}functionstopDrag(evt:MouseEvent){ mc.stopDrag(); TextField(mc.getChildByName("insName")).text="停止拖动";}4-784-784.5动画在游戏中的应用//Movicli4-794-794.5动画在游戏中的应用

2.

事件模型

基于文档对象模型(DOM)的事件模型,主要包含3个概念:事件流、事件对象和事件侦听器。

事件流是事件实例在显示对象层次结构中的穿行过程。4-794-794.5动画在游戏中的应用2.事件4-804-804.5动画在游戏中的应用4-804-804.5动画在游戏中的应用4-814-814.5动画在游戏中的应用

事件对象是承载事件信息以及一些事件处理方法的对象。

所有的用户输入都会产生事件,包括鼠标事件(MouseEvent)、键盘事件(KeyboardEvent);组件在状态改变时也会产生事件,一些外设也会向Flash发送事件,例如Camera、Microphone会发出激活(Active)事件和状态(status)事件等。FlashPlayerAPI定义了一个Event类,作为所有事件类的基类。4-814-814.5动画在游戏中的应用事件对象是4-824-824.5动画在游戏中的应用

事件侦听器解决的是如何响应事件的问题。要使一个对象侦听某个事件,首先要使用addEventListener方法注册事件侦听器。

事件接受对象.addEventListener(事件类.事件类型,事件处理函数);function事件处理函数(事件实例:事件类){//此处为响应事件而执行的脚本

}4-824-824.5动画在游戏中的应用事件侦听4-834-834.5动画在游戏中的应用3.Flash游戏的延迟循环模式

Flash游戏程序中,一些关键代码会要求间隔一段时间后重新执行。例如角色走路,需要根据速度参数的值,每过一个时间间隔往某个方向移动某段距离,直到完成为止。

两种延迟循环模式:

帧跳转。

使用ENTER_FRAME事件。

4-834-834.5动画在游戏中的应用3.Fla4-844-844.5动画在游戏中的应用

①帧跳转。使用帧跳转是最常用也是最简单的循环模式,典型的是三帧模式或四帧模式。

初始化关键代码跳转结果12344-844-844.5动画在游戏中的应用①帧跳转。使4-854-854.5动画在游戏中的应用②使用ENTER_FRAME事件。

ENTER_FRAME事件是每经过一帧的间隔就会自动触发的事件,所有显示对象都具有接收并处理enterFrame事件的能力。而且即使不在显示对象层次关系中也一样。其语法如下:

varmc:MoveieClip;

mc.addEventListener(Event.ENTER_FRAME,

doSomething);

functiondoSomething(evt:Event){

//每过一帧间隔执行一遍这里的代码

}4-854-854.5动画在游戏中的应用②使用E4-864-864.帧动作(帧事件)关键帧→动作,普通帧、空白帧×动作

定义关键帧动作:可直接将语句加入到右侧的语句栏。默认情况下,Flash动画播放到最后会自动返回到第一帧并重新播放。如果动画播放完后想要停在最后的位置,就需要在最后一帧加入Stop语句。

例如:两球碰撞动画范例。4.5动画在游戏中的应用4-864-864.帧动作(帧事件)4.5动画在游4-874-874.5动画在游戏中的应用5.按钮动作

定义按钮动作的方法:①打开动画文件,在图层最上方新建一个图层,命名为按钮动作,并选择第1帧。②单击窗口/其他面板/公用库/按钮,在circlebuttons中选择stop、play图标,并将其拖动到舞台上。③选择stop按钮,然后展开动作面板→全局函数→影片剪辑控制→双击on。4-874-874.5动画在游戏中的应用5.按钮动4-884-884.5动画在游戏中的应用鼠标事件的类别press当指定的按钮被按下时触发此事件,即单击鼠标左键时触发release当指定的按钮被单击时,释放鼠标时触发此事件releaseOutside在按钮外放开rollOver移动rollOut移开dragOver拖曳dragOut拖曳离开4-884-884.5动画在游戏中的应用鼠标事件的类别pr4-894-894.5动画在游戏中的应用④将光标置于动作面板右边窗口中的大括号之间,单击展开窗口左边的时间轴控制,双击stop()。⑤用同样的方法给play按钮加动作。

stop()改为play()⑥单击控制/测试影片。4-894-894.5动画在游戏中的应用④将光标置4-904-904.5动画在游戏中的应用四、游戏动画制作实例乌龟赛跑

4-904-904.5动画在游戏中的应用四、游戏动画制作实4-914-914.5动画在游戏中的应用

①新建“赛场”图层,绘制赛场,在终点处放置四面旗帜。

②添加“tort”图层,分别将四只乌龟放置在赛场的起跑线的左侧。

③添加“按钮”图层,新建四个“这只会赢”的btn_thiswin按钮,并分别放置在起跑线的右侧,这些按钮让游戏者去猜哪只乌龟会赢。

4-914-914.5动画在游戏中的应用①新建“赛4-924-924.5动画在游戏中的应用

④添加“action”图层,图层第1帧的动作脚本用来对游戏初始化,它对应着游戏开始时乌龟静止的画面,第1帧代码如下:

this.stop(); //等待输入_root.truewinner=0; //胜利的乌龟_root.guesswinner=0; //玩家猜的乌龟

4-924-924.5动画在游戏中的应用④添加“a4-934-934.5动画在游戏中的应用

在第2帧中添加代码,利用随机数来设置乌龟的爬行速度,代码如下:

_root.mob1._x=_root.mob1._x+(random(10)/10+random(1));

_root.mob2._x=_root.mob2._x+(random(10)/10+random(1));

_root.mob3._x=_root.mob3._x+(random(10)/10+random(1));

_root.mob4._x=_root.mob4._x+(random(10)/10+random(1));

4-934-934.5动画在游戏中的应用4-944-944.5动画在游戏中的应

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论