快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

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制作互动的小人
    微笑服务 优质保证 索取样品