手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Flash>列表

绘图及颜色的ActionScript编写

来源:互联网 作者:west263.com 时间:2008-04-02
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

  一、绘图命令讲解

  在使用flash的过程中,难免会进行绘图的操作。除了用工具面板上的工具绘制图像之外,我们也能够使用ActionScript来绘制图像。

  如何绘制线段及命令解释

  lineStyle(粗细,颜色,透明度)

  //配置绘制图像的线条粗细、颜色和透明度

  Moveto(X坐标,Y坐标)

  //配置绘图线条的起点坐标

  lineto(X坐标,Y坐标)

  //配置线条的结束坐标

  现在就用刚才的三个命令在舞台上绘制出来一个300*100大小的矩形。

  步骤:

  1、新建立一个flash文档。

  2、既然要绘制一个300*100大小的矩形,我们就要先确定矩形4个顶点的坐标,然后就能够使用lineto命令进行编写了。顶点坐标如下图:

  


  3、选中时间轴的第一桢,打开动作面板。现在已确定了矩形的4个顶点,那么我们就能够来编写脚本命令了,请输入以下脚本:

  _root.lineStyle(1, 0x000000, 100);//配置线条的粗细,颜色和透明度

  _root.moveTo(50, 50);//配置开始点的坐标。

  _root.lineTo(350, 50);

  _root.lineTo(350, 150);

  _root.lineTo(50, 150);

  _root.lineTo(50, 50); //配置结束点坐标,整个矩形绘制完毕

  相信大家通过上面的命令就很容易的用AS绘制出所需要的形状,充分发挥您的想象力,能够通过lineto命令来配置多个点,从而创造出各种各样的形状。(下载源文档)

  熟悉了绘制线条的命令之后我们来用一个例子加深印象。

  操作步骤:

  1、新建立一个flash文档,在舞台上绘制一个圆,选中他并按F8转换成影片剪辑,起名为:圆。

  2、按F11打开库面板,请将影片剪辑“圆”在舞台上再拖放一个实例,使舞台上存在两个圆的实例。如图:

  


  3、现在为舞台上两个实例分别起名字为a和b

  如下图:

  


  4、选中时间轴第一桢,打开动作面板,输入以下脚本:

  function draw() { //自己定义一个函数,这个函数起名为draw(可自定),函数的功能是要实现以a实例的坐标为起点,向b实例绘制线条。

  _root.clear();//清除舞台上绘制的线条。

  _root.lineStyle(1, 0x000000, 90);//配置线条的粗细,颜色和透明度。

  _root.moveTo(a._x, a._y);//以a实例的坐标为起点开始绘制线条。

  _root.lineTo(b._x, b._y);//以b实例的坐标为绘制线条的结束点。

  }

  draw();//执行函数draw,他将会在a和b之间绘制出一条黑色的线条。

  完成后的时间轴第一桢脚本如下图:

  


  解释:为了减轻编写AS的工作量和程式的重复率,能够将某些功能定义为一个函数,例如上面的draw(),在使用的时候,直接执行定义过的函数,就能够完成函数的功能。

  5、现在创建拖动效果,选中舞台上的b实例,打开动作面板,输入以下脚本:

  on (press) {

  //点击此实例,开始拖动

  this.startDrag(true);

  }

  on (release) {

  //释放鼠标,停止拖动

  this.stopDrag();

  }

  onClipEvent (mouseMove) { //当鼠标移动,也就是这个b实例移动的时候,就执行里面的程式。

  _root.draw();//执行舞台上定义过的draw()函数,开始在a和b之间绘制线条。

  updateAfterEvent();//强制更新画面,是整个动画更加流畅。

  }

  完整脚本如下图:

  


  6、按Ctrl 回车测试动画效果。

  


  二、颜色命令讲解

  setRGB()

  用来配置实例的颜色值,注意,这个值用16进制表示,例如

  0x000000(黑色)

  getRBG()

  获取实例的颜色值

  下面用一个相对简单的例子来说明颜色命令的使用连同如何填充颜色

  要想使用颜色命令,我们必须先构建一个Color对象。方法就是

  自定义名字 = new Color("要改变颜色的对象"),构建完color对象之后,我们就能使用setRGB或getRGB来配置或获取颜色了。

  步骤:

  1、新建立一flash文档,配置影片大小为550*400

  2、选中时间轴第一桢,打开动作面板,我们现在要用AS来帮助我们创建一个影片剪辑的实例。所用到的命令为:

  createEmptyMovieClip("实例名称",深度)。创建一个影片剪辑实例,并起名为cl。输入下面脚本。

  _root.createEmptyMovieClip("cl", 1);

  //使用创建命令在舞台上创建一个名字叫cl的影片剪辑实例,深度为1

  接下来我们要对这个cl实例进行绘制图像和填充图像!现在我们用AS绘制一个300*100大小的矩形,并且把这个矩形填充为黑色,脚本如下:

  with (cl) {

  //使用with命令配置cl的各个属性

  beginFill(0x000000, 85);

  //开始填充这个cl实例,颜色为黑色,透明度为85

  lineStyle(1, 0x999999, 100);

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!