【空间教程】鼠标涂抹，实现图像转换 (7/404)

           沫儿第一次发教程，大家多多支持哦！   

     效果图:http://up.awqq.net/up/20081025113921_沫-1.swf

         １．打开Ｆlash，新建文档，导入第一张图片，设置属性大小，使图片相对与舞台居中对齐！（两张图片大小要一致）
         ２．新建图层２，导入第二张图片，使其居中对齐！
         ３．右键点击第二张图片，转换为元件，转换为影片剪辑！ 
         ４．在属性面板更改影片剪辑的实例名称为pic

          5．新建图层３，按Ｆ９，在动作面版里输入以下脚本

var blur = new flash.filters.BlurFilter(10, 10, 2);
_root.createEmptyMovieClip("square",2);
_root.pic.setMask(square);
_root.square.filters = [blur];
pic.cacheAsBitmap = true;
onMouseMove = function ()
{
    square.drawCircle(_xmouse, _ymouse, 30);
    updateAfterEvent();
};
MovieClip.prototype.drawCircle = function (x, y, r)
{
this.moveTo(x + r, y);
    this.beginFill(136);
    this.curveTo(r + x, 4.142000E-001 * r + y, 7.071000E-001 * r + x, 7.071000E-001 * r + y);
    this.curveTo(4.142000E-001 * r + x, r + y, x, r + y);
    this.curveTo(-4.142000E-001 * r + x, r + y, -7.071000E-001 * r + x, 7.071000E-001 * r + y);
    this.curveTo(-r + x, 4.142000E-001 * r + y, -r + x, y);
    this.curveTo(-r + x, -4.142000E-001 * r + y, -7.071000E-001 * r + x, -7.071000E-001 * r + y);
    this.curveTo(-4.142000E-001 * r + x, -r + y, x, -r + y);
    this.curveTo(4.142000E-001 * r + x, -r + y, 7.071000E-001 * r + x, -7.071000E-001 * r + y);
    this.curveTo(r + x, -4.142000E-001 * r + y, r + x, y);
    this.endFill();
};
  按Ctrl+Enter测试影片

   注：此教程适合新手哦！