Flash制作可随意拖动的四边形

第一次写教程,错误和不足之处请大家指点。应用了很简单的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看看劳动成果。

时间: 2024-11-03 22:14:24

Flash制作可随意拖动的四边形的相关文章

as3打造可随意拖动的四边形

Main: package {  import as3.Mc;  import flash.display.Sprite;  import flash.events.Event;  /**   * ...   * @author ...   */  public class Main extends Sprite {   private var line:Sprite;   private var mcs:Array=[];   public function Main():void {    

用Flash制作个性化的QQ表情

现在大多数聊天工具都可以发送一些动态表情,这些生动有趣的表情本质就是一个小的GIF动画,使用动画制作软件就可以轻松制作出个性化表情,这绝对是获取MM芳心的一大绝招!本文将以Flash Mx 2004为例,向大家介绍一下如何制作个性化的QQ表情.相信通过本文的学习,不但可以制作出一枚独一无二的表情,还能够在轻松地阅读中掌握Flash动画制作基础. 小提示 QQ表情动画的格式是GIF(绝大多数聊天软件的表情动画都是此格式),所以将Flash制作的动画输出为Gif格式即可作为QQ表情. 第一步:启动F

用Flash制作“拖曳配对题”

拖曳配对题是一种常见的交互题型,将设定的物体拖到目标区域,根据到达的位置反映相应结果.一般情况下,如果没有到达目标区域,还能自动返回.学生在完成这种题型时,感觉像在玩游戏,可谓是"在玩中学,在学中玩".本文将为大家介绍如何使用Flash制作拖曳题. 1. 启动Flash Mx/2004,新建一个Flash文档.在场景的第1帧输入文字,并且按"Ctrl+B"打散,然后再按"Ctrl+G"组合.输入括号,并在括号中绘制两个矩形,然后分别选中,按F8弹

用FLASH制作课件的优势和缺陷

    Flash的前身是Future Splash公司推出的一个矢量动画插件,Macromedia公司收购了Future Splash以后将其改为独立的Flash软件,到现在最新的Flash50,可以说Flash已经成为交互式矢量技术的标准.未来网页制作的一大主流.我在用Flash制作课件的实践中感到,用Flash来制作课件主要有以下几方面的优势: "身材"纤细 Flash采用的是流行的矢量技术,用它创作的作品,不但交互功能强大,动画效果丰富多彩,无级放大的矢量图永远不会产生令人讨

利用Flash制作不停转动的地球仪实例教程

  上学那会儿,经常看到老师拿着地球仪给我们上课,当时看着漂亮的转动着的地球仪真想自己也拥有一个.现在这个愿望终于实现了!嘿嘿,不是花钱买,而是使用Flash制作!而且还是一个带有立体感的透明的地球(如图1),它可以广泛地运用在很多Flash动画中,比如一些网站开头动画和Flash短片中. 素材准备 1.启动Flash后,按"Ctrl+N"新建一个动画,按"Ctrl+M"打开影片属性窗口,设置影片大小为80Px×80Px,背景色设为黑色. 2.现在我们来做一个地球前

flash制作水中浮动的文字实例教程

  实例说明:水中浮动的文字就是似文字放在水中,字随着水波的波动而波动,主要利用了遮罩效果及文字透明度的变化.别空想象,开始操作吧! 创作步骤: 第1步,启动Flash MX,新建一个文件,在舞台的空白处单击右键选择"文档属性"弹出其对话框,设舞台的大小为400PX×200PX,颜色为黑色,如图1所示. 用flash制作水中浮动的文字 - 迎春 - 第2步,我们现在要制作一个过滤条,有了它才能做出文字的浮动效果,按"Ctrl+F8"键弹出"创建新元件&qu

Flash制作转动的地球仪(图)-Flash使用技巧

使用Flash制作!而且还是一个带有立体感的透明的地球(如图1),它可以广泛地运用在很多Flash动画中,比如一些网站开头动画和Flash短片中. 图1 素材准备 1.启动Flash后,按"Ctrl+N"新建一个动画,按"Ctrl+M"打开影片属性窗口,设置影片大小为80Px×80Px,背景色设为黑色. 2.现在我们来做一个地球前景.按"Ctrl+F8"插入一个"Graphic(图形)",取名为"前景",使

Flash制作有趣的亲嘴猪动画教程

  本教程是使用Flash制作可爱有趣的亲嘴猪动画,讲述如何用简单的绘图工具画出可爱俏皮的小猪以及制作成亲嘴动画.这个Flash实例简单易懂,这个Flash实例制作了两只可爱的小猪亲嘴的动画,用到了Flash的基本绘图工具如椭圆.矩形.直线和任意变形等,操作简单易懂,适合练习. 先看下效果吧: 制作步骤: 1.新建一个Flash文档,Ctrl+F8新建一个元件,命名为"pig".选择椭圆工具,设笔触为黑色,无填充,画出如下椭圆. 图01 2.再用矩形工具在椭圆下部画出如下矩形. 图02

用Flash制作不停转动的地球仪

  上学那会儿,经常看到老师拿着地球仪给我们上课,当时看着漂亮的转动着的地球仪真想自己也拥有一个.现在这个愿望终于实现了!嘿嘿,不是花钱买,而是使用Flash制作!而且还是一个带有立体感的透明的地球(如图1),它可以广泛地运用在很多Flash动画中,比如一些网站开头动画和Flash短片中. 图1 素材准备 1.启动Flash后,按"Ctrl+N"新建一个动画,按"Ctrl+M"打开影片属性窗口,设置影片大小为80Px×80Px,背景色设为黑色. 2.现在我们来做一个