Dreamweaver教程 FrontPage教程
  • Flash教程
  • CSS教程 javascript教程
    当前位置:教程 > 网页制作 > Flash教程 > 正文

    AS3:扇形转换成圆形再设置图片遮罩

    编辑:教程网 来源:网络 时间:2011年07月10日 15:45
    制作思路]
    复制小扇形并逐渐旋转成一个圆
    [知识点]
    1、载入外部图片:Loader
    2、遮罩:mask
    3、在f_mc中添加库中子实例_mc:var z_mc=new _mc();f_mc.addChild(z_mc);
    4、利用变量递增复制

    [制作过程]
    1、选择“基本椭圆工具”画一个圆,具体设置如下图:

    初识AS3:扇形变圆形并设置为图片的遮罩

    初识AS3:扇形变圆形并设置为图片的遮罩

    初识AS3:扇形变圆形并设置为图片的遮罩

    2、将圆变成小扇形,具体设置如下图:

    初识AS3:扇形变圆形并设置为图片的遮罩

    初识AS3:扇形变圆形并设置为图片的遮罩

    3、将小扇形转变为影片剪辑,然后删除,在库中该影片剪辑右键选择“链接”,进行如下图设置:

    初识AS3:扇形变圆形并设置为图片的遮罩

    4、在主场景的第一帧上写如下代码:

    //创建新影片并设置其坐标及对载入的图片进行遮罩
    var f_mc:MovieClip=new MovieClip();
    addChild(f_mc);
    f_mc.x=160;
    f_mc.y=120;
    //载入外部图片
    var url:URLRequest=new URLRequest("/upimg/allimg/090204/0707406.jpg");
    var Loader=new Loader();
    L.load(url);
    addChild(L);
    L.mask=f_mc;
    L.contentLoaderInfo.addEventListener(Event.COMPLETE, jzwc);
    function jzwc(event:Event):void {
    stage.addEventListener(Event.ENTER_FRAME,gx);
    }
    /************更新************/
    var d:uint=0;
    stage.frameRate=24;
    function gx(event:Event):void {
    //在f_mc中添加库内_mc为子实例
    var z_mc=new _mc();
    f_mc.addChild(z_mc);
    //子实例旋转角度设置
    z_mc.rotation=d*2;
    //旋转一周后移除侦听器
    d++;
    if (d>179) {
    stage.removeEventListener(Event.ENTER_FRAME,gx);
    }
    }


  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/Flash/10069.html

  • 上一篇:哈哈镜类似ps球面化滤镜源码+原理
  • 下一篇:凸透镜滤镜源码+原理