第一次写教程,错误和不足之处请大家指点。应用了很简单的AS代码,很适合初学者和我这样的人。
先看一下效果:
点击这里下载源文件
步骤如下:
一:新建元件
1;点击插入 >> 新建元件(或按Ctrl+F8),取名ball,(注意不是实例名)行为选影片剪辑。如下图:
2;用椭圆工具画一个30x30像素的正圆,边框线选无,填充色选放射状填充。如下图:
3;双击空白处回到主场景。再点击窗口 >> 库(或按Ctrl+L)打开库面板,
从库中将元件ball拖四个到场景中,分别取实例名a、 b、c、d。如下图:
二;写入AS代码
1;在主场景中新建一个图层,双击取名为Action,这一层是用来写代码用的,你也可以写在图层1上。但这样做层次比较清晰。^_^ 如下图:
2;点击Action图层的第一帧,按F9打开动作面板,写入以下代码:如下图:
function draw(){ //定义函数draw();
_root.clear(); //清除根时间轴上的线条;
_root.lineStyle(3,0x0000FF,50); //设置线条的格式(大小,颜色,透明度)
_root.moveTo(a._x,a._y); //以a的起点为坐标开始画线;
_root.lineTo(b._x,b._y); //到b点结束画线;
_root.moveTo(b._x,b._y); //以b的起点为坐标开始画线;
_root.lineTo(c._x,c._y); //到c点结束画线;
_root.moveTo(c._x,c._y); //以c的起点为坐标开始画线;
_root.lineTo(d._x,d._y); //到d点结束画线;
_root.moveTo(d._x,d._y); //以d的起点为坐标开始画线;
_root.lineTo(a._x,a._y); //到a点结束画线;
}
draw();//执行定义的函数
3;单击场景中的实例a元件,按F9打开动作面板,为实例a写入以下代码:如下图:
on(press){
this.startDrag(); //鼠标按下,就开始拖动;
}
on(release){
this.stopDrag(); //鼠标释放,就停止拖动;
}
onClipEvent(mouseMove){
_root.draw(); //执行定义的函数;
updateAfterEvent() //强制更新画面,使画面更加流畅;
} p>
4;分别为实例b、c、d写入跟实例a相同的代码;好了!大功告成。按Ctrl+Enter看看劳动成果。