Flash MX的AS绘图和时间控制 上

2016-01-29 13:41 9 1 收藏

Flash MX的AS绘图和时间控制 上,Flash MX的AS绘图和时间控制 上

【 tulaoshi.com - Flash 】

  Flash MX作为一款功能强大的矢量动画工具,绘图是其必不可少的重要部分。相信大家都有过使用Pen tool(钢笔工具)或者pencil tool(铅笔工具)绘制人物与场景的经历。但是你有没有想过,有一天你居然可以放下鼠标,忘记那让人手腕酸痛的拖拽曲线,而直接使用AS来制作图型呢?Flash MX就提供了这样的功能,虽然不可能完全取代我们手工绘图,但是毕竟是一个很有新意与创造性的功能。更为重要的是如果我们使用在Flash MX新提供的createEmptyMovieclip命令(其含义是新建一个空的Movieclip),我们甚至只需要在Flash MX中写as代码,而不必做任何其他操作,(包括新建Movieclip)就可以得到非常漂亮的效果。

  学习过计算机图形学的朋友都知道,在计算机中所有的图形,包括现在盛行的三维游戏内部的三维造型也都是由三角形拼合而成的。也许不久以后,我们真的能够看到使用Flash MX 开发的三维图象引擎。我们先来了解一下Flash MX的绘图流程:

  设置起点-〉从起点绘制到另一点线条,并设置那个点为新的起点-〉填充颜色。

  利用AS进行图形绘制:

  1)我们来做一个利用AS绘制图形的例子,打开Flash MX,鼠标选择第一帧,在action-frame面板上输入如下AS(关于此段AS的含义请参考其中的注释):

  createEmptyMovieclip("pcdraw",1);
  //新建一个空的Movieclip命名为pcdraw
  pcdraw.onMouseDown=function(){this.lineto(_root._xmouse,_root._ymouse)};
  //影片播放时,当鼠标按下,则使用当前line style绘制线段连接初始点与鼠标按下的点,而如果调用此方法前没有moveto方法,则从(0, 0)开始画线。
  pcdraw.linestyle(5, 0x006699, 100);
  //定义线条风格。你可以在路径中间调用以获得不同的线条风格。

  2)lineStyle的使用方法讲解

  myMovieclip.lineStyle ([thickness[,rgb[,alpha]]])

  参数:
  thickness:指定线条粗细(必须)。有效值0-255,0即hairline,如小于0,则认为0,如大于255,则认作255。
  rgb:16 进制表示的颜色值。
  alpha:线条的透明度,取值范围在0-100之间。

  由此我们可以知道,我们在实例中将得到粗5px,颜色为深蓝色,完全不透明的直线。

  3)按下CTRL+ENTER开始测试影片,我们可以看到,当我们使用鼠标在影片范围内单击时,Flash MX将自动的把坐标原点与鼠标点击的点连接起来,当再地点击鼠标时,又将在第一次点击点与此次点击点间连线,并如此循环。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

试试用鼠标在上面画图吧!


(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

来源:http://www.tulaoshi.com/n/20160129/1491137.html

延伸阅读
标签: flash教程
二、在Flash MX中导入Fireworks MX制作的图片 1、导入Fireworks MX的.png源文件 打开Flash MX,在文件菜单中选择导入,找到你的png源文件,这时会出现导入设置: 在文件结构中有两种选择:一是将png文件作为电影夹导入并保持原有图层,这样你可在库中看到Fireworks MXs Objects,里面是Flash MX自动为你生...
标签: flash教程
2、复制(将当前图形复制到剪贴板上,再打开Flash MX进行粘贴) 在Fireworks MX中处理好图形,点击图片编辑窗口右上角的按钮 ,选择“复制”,再在flash中粘贴进来。 这是在Fireworks MX中的图像 这是粘贴到Flash MX中的效果 Flash MX中库情况 这时打开Flash MX的库,可以看到Flash MX已经自动建好一个F...
标签: flash教程
2、 导入和编辑其它格式的图片文件 其它格式的图片文件想借Fireworks MX的东风,又怎样做呢?很简单! 导入图片,在Flash MX的舞台上选中图片,按属性面板的 编辑 按钮,就启动Fireworks MX了! 如果图片在库中,选中库中的图片按右键,在下拉菜单中选择Edit with Fireworks即可。(当然你还可以选择Edit with...
标签: flash教程
第二章 绘图基础 第一节 基本绘图工具(上8)      变形点是可以移动的。将鼠标移近它,鼠标右下角会出现一个圆圈,按住鼠标拖动,将它拖到叶柄处,便于树叶绕叶柄进行旋转,如图2-1-37和图2-1-38所示。            图2-1-37 选取变形点    ...
标签: flash教程
第二章 绘图基础 第一节 基本绘图工具(上2)      1.线条的绘制与处理 【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。用鼠标单击【线条工具】 ,移动鼠标到舞台上,按住鼠标并拖动,松开鼠标,一条直线就画好了。 用【线条工具】能画出许多风格各异的线条来。打开【属性】面板,在其中,我们可以定义直...

经验教程

932

收藏

22
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部