ActionScript视觉编程
- 格式:pptx
- 大小:379.49 KB
- 文档页数:33
ActionScript编程RIA概述ActionScript编程 RIA概述说明:自1993年第一个可显示图像的浏览器Mosaic出现以来,互联网及其相关的计算机技术已有了突飞猛进的发展。
以网页技术为例,早期的网页只能显示16色的图像以及一些简单的文本。
而如今,网页已经发展为涵盖文本、图像、声音、视频、动画的综合性人机接口。
1.传统网页应用的弊端在传统的网络应用程序中,所有处理操作均在服务器端执行,客户端仅仅是用于显示静态的信息内容(如HTML)。
这样的网络应用程序系统被称作瘦客户端系统。
这种系统最大的缺陷是所有的交互操作都必须经由服务器端进行。
例如,在一个典型的交互过程中,首先,客户端要将请求数据上传至服务器端,然后,服务器端作出响应并传回结果,最后,客户端在重载响应信息。
在早期网络应用种类并不丰富时,这种瘦客户端的系统勉强可以满足应用的需要。
而随着互联网技术的发展,网络应用的种类日新月异,再加上随着互联网人群的增多,网络日渐拥塞,这种系统使服务器的负担越来越重,而服务端于客户端之间的冗废的通信数据也占用了大量的网络资源。
在各种复杂的网络应用中(例如多媒体点播、即时通信等),瘦客户端系统使得用户在使用时不得不面对更缓慢的响应速度,以及由于传输大量废数据而造成的错误。
2.RIA技术的由来在过去的数年中,Web开发人员迫切地需要一种表现更丰富,占用系统资源更小、反应更灵敏、运行更高效的用户接口。
然后,将大部分处理任务都从服务端移植到客户端,仅保留一些必要数据与服务器端进行信息交互,尽可能地提高响应速度和用户体验。
于是,2003年的3月,Macromedia公司在一份企业发展白皮书中,提出了RIA的概念,即丰富的互联网应用(Rich Internet Applications),。
ActionScript编程应用发光滤镜说明:在ActionScript中,允许用户使用flash.filters包中的GlowFilter滤镜,为显示对象添加均匀的外发光、内发光等效果,柔化显示对象的边缘。
发光滤镜与投影滤镜类似,都拥有复杂的参数,如下所示。
var GlowObject:GlowFilter=new GlowFilter(Color,Alpha,BlurX,BlurY,Strength,Quality,Inner,Knockout) 在上面的代码中,各关键词的含义如下所示。
●GlowObject 发光滤镜对象的实例名称●Color 发光的颜色,6位或8位16进制非负整数,默认值为0xFF000000●Alpha 发光的透明度,不小于0且不超过1的浮点数,默认值为1●BlurX 水平方向的模糊值,单位为像素,默认值为4●BlurY垂直方向的模糊值,单位为像素,默认值为4●Strength 发光滤镜的强度,无单位,有效值为0到255,默认值为1●Quality 发光滤镜的品质,无单位,有效值为0到255,默认值为1●Inner 定义发光滤镜是否为内侧发光,逻辑型数据,默认值为false●Knockout 定义发光滤镜是否为镂空效果,逻辑型数据,默认值为false发光滤镜与投影滤镜最大的区别在于,投影滤镜是针对某个角度的,而发光滤镜则不需要定义模糊的角度,只会均匀地向整个圆周散布模糊的色彩。
示例:在Flash中绘制一个黄色的12角星形,然后就可以通过发光滤镜和计时函数,制作鼠标单击星形发光的动画。
首先,将星形转换为影片剪辑元件,将其为ActionScript导出,并设置类为star。
然后,在影片第1帧出按F9快捷键,在弹出的【动作】面板中编写代码,如下所示。
var _star:star=new star();//实例化星形元件_star.x=275;_star.y=200;//定义星形元件的坐标stage.addChild(_star);//将星形元件添加到舞台中var showID:uint=0;//实例化计时函数的编号_star.addEventListener(MouseEvent.CLICK,starFlash);//为星形元件添加鼠标单击事件function starFlash(event:MouseEvent=null):void {//定义鼠标单击星形元件后的事件函数showID=setInterval(showStar,100);//执行计时函数,定时调用showStar()函数}var blur:uint=1;//定义星形元件初始的模糊度function showStar():void {//自定义showStar()函数if(blur<=20){//判断,当模糊度小于20时blur++;//模糊度递增}var glowObject:GlowFilter=new GlowFilter(0xcccc00,1,blur,blur,2,1,false,false);//实例化发光滤镜的对象_star.filters=[glowObject];//将发光滤镜添加到舞台中if (blur>=20) {//判断当发光滤镜的模糊度大于20时clearInterval(showID);//清除计时函数}}。
ActionScript的教学ActionScript是Flash内置的编程语言,用它为动画编程,可以实现各种动画特效、对影片的良好控制、强大的人机交互以及与网络服务器的交互功能。
ActionScript是一门吸收了C++、Java以及JavaScript等编程语言部分特点的新的语言。
ActionScrip使用英文单词和元件提供了一种为Flash影片设置指令的方法。
它的存在确保了Flash影片较之普通的按照线性模式播放的动画具备强大得多的人机交互能力。
可以为时间轴中的关键帧、按钮和影片剪辑添加ActionScript。
选中这些关键帧、按钮和影片剪辑,打开其动作面板,你就可以看到它们都添加了哪些脚本。
1.1 Flash中的程序交给计算机执行的指令集称为程序。
程序的另一个名称叫做脚本。
从现在开始,我们将这些指令集统称为脚本。
脚本都必须有它的运行环境,就ActionScript来说,它的运行环境就是Flash影片。
ActionScript可以指挥Flash影片该做什么。
在某些情况下,ActionScript还可以指挥其他的东西,如用户的操作系统、浏览器等。
但是ActionScript最主要的用途还在于控制Flash影片内部的东西。
短的脚本可以只有一行,长的脚本可以长达几千行。
它们可以作用于Flash影片的一个部分,也可以贯穿影片始终。
有人把使用了脚本的整个 Flash影片看作一个程序,也有人把影片中单独出现的脚本看作一个程序。
这两种看法都正确,因为一个单独的程序也可以被定义成若干小程序。
你可能对某些编程语言已经相当熟悉或者有所了解。
例如广大网页设计者所熟知的JavaScript,以及另一种相似的语言VBScript,它们能用来编辑动态网页。
HTML(Hypertext Markup Language 超文本置标语言)是另一种特殊的语言,浏览器将按照它所包括的指令正确地显示文本和图片。
在学校里面,你可能接触过一些编程方面的课程,如BASIC、Pascal、C、Java等。
ActionScript编程应用颜色矩阵滤镜作用:通过一个多维数组(矩阵)的元素来定义显示对象的饱和度、亮度、透明度等属性,对显示对象的颜色进行操作。
说明:在很多图像处理软件中,都可以修改图像的饱和度、亮度、透明度等属性,对图像的颜色进行优化。
例如,在Flash界面的操作中,就提供了【改变颜色】滤镜实现这一功能。
在ActionScript3.0中,支持通过flash.filters包中的颜色矩阵(ColorMatrixFilter)类滤镜实现同样的功能。
ColorMatrixFilter类的原理是通过一个由4个5元素组成的二维数组(矩阵)定义输入到图像中的每个像素颜色块,修改其RGB值和Alpha值以实现饱和度、亮度、透明度及色相旋转等效果。
使用ColorMatrixFilter滤镜的方法如下所示。
var ColorMatrixObject:ColorMatrixFilter=new ColorMatrixFilter(Matrix);在上面的代码中,各关键词含义如下所示。
●ColorMatrixObject 颜色矩阵滤镜对象的实例名称●Matrix 定义颜色矩阵滤镜的矩阵颜色矩阵(ColorMatrixFilter)滤镜将每个源像素分离成它的红色、绿色、蓝色和Alpha成分,分别以srcR、srcG、srcB和srcA表示。
如果要计算四个通道中每个通道的结果,可将图像中每个像素的值乘以转换矩阵中的值。
滤镜将各颜色成分重新组合为单一像素,并写出结果。
一个典型的颜色矩阵公式如下所示。
RedResult=SrcR+SrcG+SrcB+SrcAGreenResult=SrcR+SrcG+SrcB+SrcABlueResult=SrcR+SrcG+SrcB+SrcAAlphaResult=SrcR+SrcG+SrcB+SrcA在上面的代码中,各关键词的含义如下所示。
●RedResult、GreenResult、BlueResult和AlphaResult 最终输出到图像的结果●SrcR、SrcG、SrcB和SrcA 每个通道中的颜色成分颜色矩阵滤镜的Matrix参数就是提供一个由4个5元素组成的二维数组(矩阵),其中,每个子数组由4个源像素的因数以及一个偏移量组成,如下所示。
ActionScript编程绘图代码编写技巧如果要使用Graphics类的方法,首先要创建显示实例,由于主时间轴是MovieClip类的实例,在编写测试绘制代码时,可在主时间直接进行。
但在实际应用中,绘图最好放在单独的Shape类中,如果图形很复杂,可创建显示容器来放置图形。
下面的示例直接在主时间轴绘制直线:this.graphics.lineStyle(1);//定义线条样式this.graphics.moveTo(100,100);//定义线条起点this.graphics.lineTo(200,200);//定义线条终点上面代码中的this引用主时间轴,所以this具有graphics属性,通过点语法就可以访问graphics属性。
同时,graphics属性又引用Graphics类的实例,通过点语法就可以调用该实例的方法。
如果上面的类似代码很多,需要重复编写“this.graphics”这样的代码,而且,点语法的运往不是很快。
因此需要对该段代码进行优化。
例如,通过创建with语句来简化上面的代码,如下所示。
with (this.graphics){lineStyle(1);moveTo(100,100);lineTo(200,200);}利用with语句,只需要访问一次this.graphics属性,就可以多次调用绘图方法。
同样,也可以使用自定义函数来简化,如下所示。
drawLine(this.graphics);function drawLine(g:Graphics):void{g.lineStyle(1);g.moveTo(100,100);g.lineTo(200,200);}在上面的示例中定义了drawLine()函数,它带有数据类型为Graphics的参数,表示该参数是Graphics类的实例,通过实例和点语法就可以调用相应的绘制方法。
在调用函数时,只需要传递引用Graphics类的实例的属性。
ActionScript编程应用颜色矩阵滤镜ActionScript编程应用颜色矩阵滤镜作用:通过一个多维数组(矩阵)的元素来定义显示对象的饱和度、亮度、透明度等属性,对显示对象的颜色进行操作。
说明:在很多图像处理软件中,都可以修改图像的饱和度、亮度、透明度等属性,对图像的颜色进行优化。
例如,在Flash界面的操作中,就提供了【改变颜色】滤镜实现这一功能。
在ActionScript3.0中,支持通过flash.filters包中的颜色矩阵(ColorMatrixFilter)类滤镜实现同样的功能。
ColorMatrixFilter类的原理是通过一个由4个5元素组成的二维数组(矩阵)定义输入到图像中的每个像素颜色块,修改其RGB值和Alpha值以实现饱和度、亮度、透明度及色相旋转等效果。
使用ColorMatrixFilter滤镜的方法如下所示。
var ColorMatrixObject:ColorMatrixFilter=new ColorMatrixFilter(Matrix);在上面的代码中,各关键词含义如下所示。
●ColorMatrixObject 颜色矩阵滤镜对象的实例名称●Matrix 定义颜色矩阵滤镜的矩阵颜色矩阵(ColorMatrixFilter)滤镜将每个源像素分离成它的红色、绿色、蓝色和Alpha成分,分别以srcR、srcG、srcB和srcA表示。
如果要计算四个通道中每个通道的结果,可将图像中每个像素的值乘以转换矩阵中的值。
滤镜将各颜色成分重新组合为单一像素,并写出结果。
一个典型的颜色矩阵公式如下所示。
RedResult=SrcR+SrcG+SrcB+SrcAGreenResult=SrcR+SrcG+SrcB+SrcABlueResult=SrcR+SrcG+SrcB+SrcAAlphaResult=SrcR+SrcG+SrcB+SrcA在上面的代码中,各关键词的含义如下所示。
ActionScript编程实战项目:产品展示动画ActionScript3.0提供了多种强大的滤镜,可以使影片中的元件更加美观。
使用这些滤镜,可以方便地对图像进行复杂地处理,实现图像的切换特效。
例如,使用发光滤镜为产品展示动画添加鼠标滑过特效,以及产品切换的动画等,如图22-7所示。
图22-7 产品展示动画制作过程:(1)在Flash影片中,导入背景图像和显示产品的边框,然后分别将其为ActionScript导出,如图22-8所示。
图22-8 导入背景图像素材其backgroundImage框则为(2)用相同的方法导入展示的6种产品的缩略图以及完整的图像,并将其为ActionScript导出,如图22-9所示。
图22-9 导入产品图像其中,到product00s(3)从【组件】面板导入Label标签,然后即可在Flash影片所在目录创建classes目录,并在classes目录中创建main.as。
为影片添加文档类为classes.main之后,即可在main.as文件中编写代码,如下所示。
package classes{import flash.display.Sprite;import flash.display.MovieClip;import flash.events.MouseEvent;import flash.utils.setInterval;import flash.utils.clearInterval;import flash.text.TextFormat;import flash.display.Bitmap;import flash.display.BitmapData;import flash.filters.ColorMatrixFilter;import flash.filters.GlowFilter;import bel;}(4)创建名为main的主自定义类,并在类中实例化影片所使用的各种对象,如下所示。
毕业设计(论文)I 摘要在多媒体技术高速发展的今天,多媒体播放器出现了多种缺点和毛病,主要表现在内存大量占用和操作复杂繁琐方面。
本文针对当今流行视频播放器的优缺点进行了研究,然后在此基础上进行综合和总结,开发出了一个功能丰富和操作简易的视频播放器,该播放器具有低内存占用和绿色无广告的特点,因此具有广阔的市场前景。
本视频播放器是基于脚本语言ActionScript3.0,利用Adobe Adobe Flash Flash Flash CS4CS4设计开发完成。
Flash Flash CS4CS4是一种功能非常强大的工具,可以将视频添加到基于Web 的应用程序中。
Flash 的FL V 和F4V 视频格式具备技术和创意优势,允许将视频、数据、图形、声音和交互式控制融为一体。
结合ActionScript 3.0 的脚本绘图技术以及数组技术,的脚本绘图技术以及数组技术,可以方便地制作出媲美专业水平的视频播可以方便地制作出媲美专业水平的视频播放器。
本次设计就将利用Flash Flash CS4CS4制作一个可以进行列表选择、音量控制、进度控制的视频播放器。
本次设计主要利用Actionscript3.0作为后台逻辑处理和功能实现,文中对视频播放器做了详细的需求分析,并详细介绍了视频播放器的总体设计,包括视频播放器的架构设计、功能模块的划分、视频播放列表文件的设计、常用工具的设计、本地数据存储设计等,然后具体介绍了以上各个部分和功能的具体实现原理和过程,最后再对该视频播放器进行测试,没有重大的异常和错误,证明其设计方案的可行性和正确性。
关键词:ActionScript3.0 脚本绘图数组技术低内存占用毕业设计(论文)AbstractWith the rapid improving of the times and the rapid development of network technology, multimedia technology keeps pace with the times. As sustained rapid development in multimedia technology, a variety of shortcomings and faults are emerged in multimedia player, mainly in the occupation of memory and the complication of the operation. This article analyze the advantages and disadvantages of the current popular multimedia player then developed a video player with low memory footprint and without advertisements based on this, so it will get a broad market prospects. prospects. The The The video video video on on on demand demand demand system system system is is is based based based on on on the the the scripting scripting scripting language language language ActionScript ActionScript ActionScript 3.0, 3.0, design and development with Adobe Flash CS4 completed. Flash CS4 is a very powerful tool, you you can can can add add add video video video to to to a a a Web-based Web-based Web-based application. application. application. Flash Flash Flash to to to FL V FL V and and and F4V F4V F4V video video video formats formats formats with with technical technical and and and creative creative creative advantages, advantages, advantages, allows allows allows video, video, video, data, data, data, graphics, graphics, graphics, sound, sound, sound, and and and interactive interactive interactive control control integration. Combined Combined with with with ActionScript ActionScript ActionScript 3.0 3.0 3.0 scripting scripting scripting graphics graphics graphics technology technology technology and and and an an an array array array of of technology, you can easily produce professional level comparable video player. The design will use use Adobe Adobe Adobe Flash Flash Flash CS4 CS4 CS4 can can can produce produce produce a a a list list list of of of selection, selection, selection, volume volume volume control, control, control, schedule schedule schedule control control control of of of the the video player. Actionscript3.0 is main used to handle the logic and to realize the function, then a detailed requirement analysis is make and introduces the general design of the video player. Include the architecture design, the functional modules divided, the design of video play list file, the design of tools, the local data storage design and so on, and then introduced the specific implementation principle and process of the above every part and function. In this paper, the design of the music on-demand system is tested by the black box and white box, no major anomalies and errors, to prove the feasibility and correctness of its design. Key word :ActionScript3.0 Script Graphics Array Technology Low Memory-occupation 毕业设计(论文)目 录第1章 绪论绪论 ................................................................. ................................................................ 1 11.1 1.1 课题来源及开发背景课题来源及开发背景课题来源及开发背景 .................................................. .................................................. 1 11.2 1.2 研究目的及意义研究目的及意义研究目的及意义 ...................................................... ...................................................... 1 1 1.3 1.3 开发工具及运行环境开发工具及运行环境开发工具及运行环境 .................................................. .................................................. 1 11.3.1 Flash .......................................................... ......................................................... 1 11.3.2 1.3.2 开发语言开发语言开发语言 ....................................................... ...................................................... 2 21.3.3 1.3.3 运行环境运行环境运行环境 ....................................................... ...................................................... 3 3第2章 需求分析需求分析 ............................................................. ............................................................ 4 42.1 2.1 本视频播放器的研究内容和关键技术本视频播放器的研究内容和关键技术本视频播放器的研究内容和关键技术 .................................... .................................... 4 4 2.1.1 2.1.1 视频格式视频格式视频格式 ....................................................... ...................................................... 4 42.2 2.2 故障分析故障分析故障分析 ............................................................ ............................................................ 5 52.2.1 2.2.1 系统利用率系统利用率系统利用率 ..................................................... .................................................... 5 52.2.2 2.2.2 可靠性可靠性可靠性 ......................................................... ........................................................ 5 52.3 2.3 播放器的初步开发实施方案播放器的初步开发实施方案播放器的初步开发实施方案 ............................................ ............................................ 5 5 2.4 2.4 功能划分功能划分功能划分 ............................................................ ............................................................ 5 52.5 2.5 用例表用例表用例表 .............................................................. .............................................................. 6 6第3章 概要设计概要设计 ............................................................. ............................................................ 8 83.1 3.1 总题设计总题设计总题设计 ............................................................ ............................................................ 8 83.2 3.2 外观设计外观设计外观设计 ............................................................ ............................................................ 9 93.3 3.3 总体功能设计总体功能设计总体功能设计 ........................................................ ........................................................ 9 9 3.4 3.4 主要功能介绍主要功能介绍主要功能介绍 ....................................................... ....................................................... 10 10第4章 数据库设计数据库设计 .......................................................... ......................................................... 11 114.1 4.1 播放列表(播放列表(播放列表(XML XML 文件)结构文件)结构 ............................................ ........................................... 11 114.2 XML 书写格式书写格式 ........................................................ ....................................................... 12 124.3 4.3 播放器数据存储的数据结构设计播放器数据存储的数据结构设计播放器数据存储的数据结构设计 ....................................... ....................................... 12 12第5章 详细设计详细设计 ............................................................ ........................................................... 14 145.1 5.1 播放器外观设计播放器外观设计播放器外观设计 ..................................................... ..................................................... 14 145.2 5.2 视频播放器主要模块视频播放器主要模块视频播放器主要模块 ................................................. ................................................. 15 155.2.1 5.2.1 舞台设计舞台设计舞台设计 ...................................................... ..................................................... 15 155.2.2 5.2.2 按钮制作按钮制作按钮制作 ...................................................... ..................................................... 16 165.2.3 5.2.3 主界面主要源代码主界面主要源代码主界面主要源代码 ............................................. ............................................. 17 17 5.3 5.3 系统测试系统测试系统测试 ........................................................... ........................................................... 23 23总结与展望总结与展望 ................................................................. ................................................................ 24 24致 谢 ...................................................................... ..................................................................... 25 25参考文献参考文献 ................................................................... (2626)毕业设计(论文)第1章 绪论1.1 课题来源及开发背景随着教育信息化的发展,Flash 的使用越来越受重视。