在这方面写的人不多,我就写写,算抛砖引玉。原代码来自深红设计。有修改。 先看效果:
点击浏览该文件
我不善语言,就用代码加注释: // //声明:此原代码深红设计所有 //注释:笛声 //E-mail:wersling@126.com //******************************************* //原理:利用flash中绘制函数,先建立连接点,再用绘制函数 //绘制一个三角闭合图形,并使用_alpha达到渐显效果。 //******************************************* // //首先请打开库面板,查看Symbol 2的属性, //你可以看到在标识符中有“square”, //他的作用在于建立连接点。 // //********************************** //函数:init //参数:无 //说明:建立绘画连接点 //**********************************
function init() { this.createEmptyMovieClip("clip", 1); //创建空影片剪辑clip,存放所有的绘制点及绘制图形。 clip._x = 135; clip._y = 90; //图形位置,如果你想放在影片中间,那么_x=影片宽/2,_y同理。 pt_x = new Array(); pt_y = new Array(); //用来存放连接点的位置 total = random(40)*2+20; //随机生成连接点个数 deg = 0; //连接点开始位置 radius = random(40)+50; //半径 for (i=0; i<total; i++) { rad = Math.PI*deg/180; pt_x[i] = Math.cos(rad)*radius; pt_y[i] = Math.sin(rad)*radius; //保存连接点位置,采用Math可以很容易的将连接点绘制成 //一个圆,如果你改变这些表达式,你可以产生更多的形状。 clip.attachMovie("square", "square"+i, this.i); //将库中square附加到clip中,注意命名。 obj = clip["square"+i]; obj._x = pt_x[i]; obj._y = pt_y[i]; //确定"square"+i的位置 obj._alpha = 10; //_alpha deg = deg+360/total; //确定下一个连接点的位置 } cs1 = random(240)+16; cs2 = random(240)+16; cs3 = random(240)+16; c1 = cs1.toString(16); c2 = cs2.toString(16); c3 = cs3.toString(16); c4 = "0x"+c1+c2+c3; //得到一个随机的颜色 clip.lineStyle(1, c4, 30); //在clip中开始绘制一跟线条,大小为1;颜色为c4;透明度为30 cs1 = random(240)+16; cs2 = random(240)+16; cs3 = random(240)+16; c1 = cs1.toString(16); c2 = cs2.toString(16); c3 = cs3.toString(16); c4 = "0x"+c1+c2+c3; //得到一个随机的颜色 i = 0; d1 = random(total)+1; d2 = random(total)+1; d3 = random(total)+1; clip.moveTo(pt_x[0], pt_y[0]); //将当前绘画位置移动到pt_x[0], pt_y[0] t = 0; } _quality = "low"; init(); p1 = 0; d1 = 0; this.onEnterFrame = function() { //循环,用于绘制线条和三角型 p1 = p1+d1; if (p1>=total) { p1 = p1-total; } //第一跟线的结束位置 clip.moveTo(pt_x[p1], pt_y[p1]); //绘制第一跟线 p2 = p1+d2; if (p2>=total) { p2 = p2-total; } //第二跟线的结束位置 p3 = p1+d3; if (p3>=total) { p3 = p3-total; } //第三跟线的结束位置 clip.beginFill(c4, 10); //填充,颜色c4;透明:10 clip.lineTo(pt_x[p2], pt_y[p2]); //绘制第二跟线 clip.lineTo(pt_x[p3], pt_y[p3]); //绘制第三跟线 clip.lineTo(pt_x[p1], pt_y[p1]); //闭合 clip.endFill(); //填充结束 p1 = p1+2; //下一个图形的间隔 t++; if (t>total) { init(); } //绘制完毕再重新开始一个新的图形。 }; stop(); 更多教程:http://www.wersling.com/blog 原文件下载页面 |