用Flash AS实现画图的详细讲解.docx

1、用Flash AS实现画图的详细讲解用Flash AS实现画图的详细讲解代码：createEmptyMovieClip(xian,1);with (xian) _root.onMouseMove = function() if (draw) _root.lineStyle(0,0x000000, 100); _root.lineTo(_root._xmouse,_root._ymouse); ; _root.onMouseDown = function() draw = true; _root.moveTo(_root._xmouse,_root._ymouse); ; _root.onMou

2、seUp = function() draw = false; ;用鼠标任意画直线效果：类似flash中的直线工具代码：createEmptyMovieClip(line, n);with (line) lineStyle(1, 0x000000, 100); moveTo(0, 0); lineTo(100, 100); line._visible = 0;_root.onMouseDown = function() qidian_x = _root._xmouse; qidian_y = _root._ymouse; with (line) _x = qidian_x; _y = qidi

3、an_y; _xscale = 0; _yscale = 0; _visible = 1; ;_root.onMouseMove = function() endX = _root._xmouse; endY = _root._ymouse; if (_root.line != _root.line &key.isdown(16) if (Math.abs(endX-qidian_x)Math.abs(endY-qidian_y) setProperty(_root.line, _xscale, endX-qidian_x); setProperty(_root.line,_yscale, e

4、ndX-qidian_x); else setProperty(_root.line, _xscale, endY-qidian_y); setProperty(_root.line, _yscale, endY-qidian_y); else setProperty(_root.line, _xscale,endX-qidian_x); setProperty(_root.line, _yscale,endY-qidian_y); ;_root.onMouseUp = function() if (_root._xmouse-qidian_x != 0) i+; Objectx = Copy

5、 add i; duplicateMovieClip(_root.line, Objectx, i); setProperty(Objectx, _x, qidian_x); setProperty(Objectx, _y, qidian_y); _root.i = i; setProperty(_root.line, _visible, 0);用鼠标任意画矩形效果：类似flash中的矩形工具代码：createEmptyMovieClip(line, n);with (line) lineStyle(0.1, 0x000000, 100); moveTo(0, 0); lineTo(100,

6、0); lineTo(100, 100); lineTo(0, 100); lineTo(0,0); line._visible = 0;_root.onMouseDown = function() qidian_x = _root._xmouse; qidian_y = _root._ymouse; with (line) _x = qidian_x; _y = qidian_y; _xscale = 0; _yscale = 0; _visible = 1; ;_root.onMouseMove = function() endX = _root._xmouse; endY = _root

7、._ymouse; if (_root.line != _root.line &key.isdown(16) if (Math.abs(endX-qidian_x)Math.abs(endY-qidian_y) setProperty(_root.line,_xscale, endX-qidian_x); setProperty(_root.line, _yscale, endX-qidian_x); else setProperty(_root.line,_xscale, endY-qidian_y); setProperty(_root.line,_yscale, endY-qidian_

8、y); else setProperty(_root.line, _xscale,endX-qidian_x); setProperty(_root.line, _yscale,endY-qidian_y); ;_root.onMouseUp = function() if (_root._xmouse-qidian_x != 0) i+; Objectx = Copy add i; duplicateMovieClip(_root.line,Objectx, i); setProperty(Objectx, _x, qidian_x); setProperty(Objectx, _y, qi

9、dian_y); _root.i = i; setProperty(_root.line, _visible, 0);用鼠标任意画圆、椭圆效果：类似flash中的工具代码：createEmptyMovieClip(line, n);with (line) for (n=1; nMath.abs(endY-qidian_y) setProperty(_root.line,_xscale, endX-qidian_x); setProperty(_root.line,_yscale, endX-qidian_x); else setProperty(_root.line,_xscale, endY

10、-qidian_y); setProperty(_root.line,_yscale, endY-qidian_y); else setProperty(_root.line, _xscale,endX-qidian_x); setProperty(_root.line, _yscale, endY-qidian_y); ;_root.onMouseUp = function() if (_root._xmouse-qidian_x != 0) i+; Objectx = Copy add i; duplicateMovieClip(_root.line,Objectx, i); setPro

11、perty(Objectx, _x, qidian_x); setProperty(Objectx, _y, qidian_y); _root.i = i; setProperty(_root.line, _visible, 0);两定点画虚线代码：MovieClip.prototype.dashTo = function(startPoint, destPoint, dashLength, spaceLength) var x = destPoint.x-startPoint.x; var y = destPoint.y-startPoint.y; varhyp = Math.sqrt(x)

12、*(x)+(y)*(y); var units = hyp/(dashLength+spaceLength); vardashSpaceRatio = dashLength/(dashLength+spaceLength); vardashX = (x/units)*dashSpaceRatio; varspaceX = (x/units)-dashX; vardashY = (y/units)*dashSpaceRatio; varspaceY = (y/units)-dashY; this.moveTo(startPoint.x, startPoint.y); while (hyp0) s

13、tartPoint.x += dashX; startPoint.y += dashY; hyp -= dashLength; if (hyp0) startPoint.x = destPoint.x; startPoint.y = destPoint.y; this.lineTo(startPoint.x,startPoint.y); startPoint.x += spaceX; startPoint.y += spaceY; this.moveTo(startPoint.x,startPoint.y); hyp -= spaceLength; this.moveTo(destPoint.

14、x, destPoint.y); ; createEmptyMovieClip(DrawingSpace, 1); with (DrawingSpace) lineStyle(0, 0x000000, 100); dashTo(x:300, y:0, x:0, y:400, 3, 10); 从一点到另一点画虚线代码：function DrawDottedLine(targetMC, linewidth, fromX, fromY, toX, toY) / targetMC: 目标MovieClip德InstanceName; / linewidth: 线宽; / fromX, fromY: 从

15、(fromX, fromY)处开始画; / toX, toY: 画到(toX, toY)处; var x, y; eval(targetMC).lineStyle(lineWidth, 0x000000, 100); / 线的颜色是黑色(0x000000) eval(targetMC).moveTo(fromX, fromY); x = fromX; y = fromY; while (xtoX) x = x+4/(Math.sqrt(toY-fromY)*(toY-fromY)+(toX-fromX)*(toX-fromX)*(toX-fromX); y = y+4/(Math.sqrt(t

16、oY-fromY)*(toY-fromY)+(toX-fromX)*(toX-fromX)*(toY-fromY); eval(targetMC).lineTo(x, y); x = x+4/(Math.sqrt(toY-fromY)*(toY-fromY)+(toX-fromX)*(toX-fromX)*(toX-fromX); y = y+4/(Math.sqrt(toY-fromY)*(toY-fromY)+(toX-fromX)*(toX-fromX)*(toY-fromY); eval(targetMC).moveTo(x, y); createEmptyMovieClip(obj,

17、1);/建一空影片 DrawDottedLine(_root.obj, 1, 10, 10, 200, 300);/调用函数从场景的左上角到鼠标画虚线代码：x = 0; y = 0;/场景左上角的坐标 l = 0; mx = _root._xmouse; my = _root._ymouse;/鼠标的坐标 ml = Math.sqrt(mx*mx+my*my);/三角形的斜边长 _root.moveto(0, 0);/画线的起点为场景左上角的坐标 _root.linestyle(0.1, 0x000000, 100); / 下面用三角函数求出每一段虚线的端点坐标，然后用循环重复画一条短线和空格

18、。直到线的终点位置。 while (l1) this.lineStyle = w:w, c:c,a:a; this.t.lineStyle(w, c, a);var i = 0; var l = this.points.length; while (i1) if (this.lines) this.clear(); this.t.lineStyle(this.lineStyle.w,this.lineStyle.c, this.lineStyle.a); else this.t.lineStyle(0,0xFFFFFF, 0); if (this.filled) this.clear(); t

19、his.t.beginFill(c, a); var i = 0; var l = this.points.length; while (il) this.t.lineTo(this.pointsi.x,this.pointsi.y); +i; this.t.endFill(); this.filled = true; ; Shape.prototype.getX = function() if (this.points.length) return this.pointsthis.points.length-1.x; ; Shape.prototype.getY = function() i

20、f (this.points.length) return this.pointsthis.points.length-1.y; ; g = new Shape(); g.addPoint(0, 100); g.addPoint(100, 100); g.addPoint(100, 0); g.addPoint(0, 0); g.fill(0x339900, 100); g.draw(5, 0x000000, 100);系列讲座二，用AS脚本画羽毛、画正余弦、画心脏线、画螺旋线、画旋转的长方体、画烛光、画十四面体 action画羽毛作者：东方暖阳代码：onMouseDown=init;func

21、tioninit() /创建羽毛，并设置羽毛各个参数及对函数的调用 feather = createEmptyMovieClip(f+i, 10000+i+); feather.swapDepths(Math.random()*10000); feather._x = _xmouse; feather._y = _ymouse; feather._rotation = -90+Math.random()*40-20; col = Math.random()*255 len) delete onEnterFrame; ;用as画圆：代码：思路：用不间断的連线形成一个圆，实际上一个正360度多边形

22、应用：按此法可画任意的图形，如抛物线，螺旋线等，只需把方程修改即可，第2 个代码就是一个应用，画椭圆。_root.onLoad = function() System.Usecodepage = true; / 这句我也不知道什么意思，加了以后就支持中文了，是从“好笨”那里学来的，誰知道告诉我，谢谢 _root.createTextField(txtLoad, 151, 50, 280, 400, 30); / 建 一文本，名、层次、x、y、宽度、高度 _root.txtLoad.text = 这是一个画线的应用。zjs35制作。zjs35; / 文本中的内容 daxiao = 100;/圆的

23、半径 yuanxin_x = 200; yuanxin_y = 150;/圆心的坐标 ; _root.onEnterFrame = function() a = daxiao*Math.cos(n*Math.PI/180); b = daxiao*Math.sin(n*Math.PI/180);/根据圆的方程定义一个起点 c = daxiao*Math.cos(n+1)*Math.PI/180); d = daxiao*Math.sin(n+1)*Math.PI/180);/定义一个终点 createEmptyMovieClip(yuan, n); with (yuan) lineStyle(

24、2, 0x000000, 50);/定义线的样式 moveTo(a+yuanxin_x, b+yuanxin_y); lineTo(c+yuanxin_x, d+yuanxin_y);/从起点到终点画线 if (n=360) n = n+1; /控制画线的长度，刚好一个圆，1表示画线的速度 ;画正多边形代码：这是一个画正多边形的程序，思路：把一个圆划分成n等分，把这些点連接起来，下面是按钮上代码，另外在场景中建两可输入文本框，名为aa,bb。on (release) daxiao=aa; /获取多边形的大小，以像素为单位 bianshu = bb; / 获取边数,整数，从3开始,到无穷大，n多

25、边形就是圆 jiaodu = 360/bianshu; /得到每个等分的角度 for (n=1; n=bianshu; n+) /for循环，由bianshu来控制循环的次数，也就是要画的多边形的边数 a = daxiao*math.cos(n*jiaodu*math.pi/180); b = daxiao*math.sin(n*jiaodu*math.pi/180); /定义起点的坐标 c = daxiao*math.cos(n+1)*jiaodu*math.pi/180); d = daxiao*math.sin(n+1)*jiaodu*math.pi/180); /定义终点的坐标 cre

26、ateEmptyMovieClip(xian, n); / 创建一个空影片xian,n为层次 with (xian) lineStyle(2, 0xff0000, 100); / 定义线的大小、颜色、透明度 moveTo(a+300, b+200); lineTo(c+300, d+200);/从起点到终点画线 用as画字母F 作者：寒蓝代码：/ 创建一个空的mc： _root.createEmptyMovieClip(myMc, 0); / 定义mc的位置： myMc._x = 100; myMc._y = 50; / 定义填充： myMc.beginFill(0xff0000, 100); colors = 0xFF0000, 0xffffff; alphas = 100, 100; ratios = 0, 0xFF; matrix = a:50, b:0, c:0, d:0, e:50,