在这方面写的人不多,我就写写,算抛砖引玉。原代码来自深红设计。有修改。
先看效果:
点击浏览该文件我不善语言,就用代码加注释:
//
//声明:此原代码深红设计所有
//注释:笛声
//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
原文件下载页面