|
Flash制作可随意拖动的四边形
第一次写教程,错误和不足之处请大家指点。应用了很简朴的AS代码,很适合初学者和我这样的人。 先看一下效果:
« Full Screen »
点击这里下载源文件
步骤如下: 一:新建元件 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看看劳动成果。
返回类别: Flash教程 上一教程: ActionScript学习:用纯AS写滚动条 下一教程: Flash视频教程:至少还有你
您可以阅读与"Flash制作可随意拖动的四边形"相关的教程: · Flash制作可以拖动的球的动画效果 · 制作可拖动的菜单 · 用FlashMX制作拖动悬浮窗口 · Flash MX 2004实例制作视频教程:翻动的页面(下) · 有趣!用Flash制作互动的小人
|