制作可随意拖动的四边形

文章类别：Flash | 发表日期:2008-9-21 20:07:36

　　

第一次写教程，错误和不足之处请大家指点。应用了很简单的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() //强制更新画面，使画面更加流畅； }

4;分别为实例b、c、d写入跟实例a相同的代码；
好了！大功告成。按Ctrl+Enter看看劳动成果。
点击浏览该文件 （里面有MX版本和MX2004版本的原文件）

上一篇：{实例}湖光山色 人气:1983
下一篇：{实例}弹性按钮的做法 人气:2390

Flash视频教程