• 【动画教材】如何用flash制作飘动效果

    把一块丝绸和一面红旗用flash软件制作成飘动效果其实很简单,这个教程主要是通过as代码控制影片剪辑cd的上下和左右浮动的幅度大小,达到图片飘动的效果。
    首先准备好一张图片,这里提供一张丝绸透明图片作为例子。
    原图:

    制作步骤:

    1、打开FLASH,建立一个AS2.0的文件,大小依文件尺寸自定。导入一张事先准备好的红旗图片到库里。

    2、在图层1上面放入红旗图片放置到合适位置,右键--转换为影片剪辑,双击进入编辑区,在图片上再右键---转换为影片剪辑,然后选中图片,打开属性面板,添加实例名“cd”。添加图层2为AS层,复制如下语句:

    Stage.scaleMode = "noScale";

    var baseX = 100;

    var baseY = 100;

    var nOctaves = 1;

    var randomSeed = Math.random() * 10;

    var bStitch = false;

    var bFractalNoise = true;

    var nChannels = 1;

    var bGreyScale = false;

    var p1 = new flash.geom.Point(45, 34);

    var p2 = new flash.geom.Point(50, 60);

    perlinOffset = new Array(p1, p2);

    bmp = new flash.display.BitmapData(568, 304, true, 0);

    onEnterFrame = function ()

    {

    perlinOffset[0].y = perlinOffset[0].y - 8;

    perlinOffset[0].x = perlinOffset[0].x - 8;

    perlinOffset[1].x = perlinOffset[1].x + 1;

    perlinOffset[1].y = perlinOffset[1].y + 1;

    bmp.perlinNoise(baseX, baseY, nOctaves, randomSeed, bStitch, bFractalNoise, nChannels, bGreyScale, perlinOffset);

    dmf = new flash.filters.DisplacementMapFilter(bmp, new flash.geom.Point(0, 0), 1, 1, 20, 20, "color");

    cd.filters = [dmf];

    };

    对该影片剪辑可添加图层混合模式和滤镜其它效果。测试影片。

    注:

    (1)飘动的面积大小在“bmp = new flash.display.BitmapData(568, 304, true, 0”中修改,我把568改为了1000;把304改为了500

    (2)飘动的幅度可在“var baseX = 100;var baseY = 100;”中修改,我把“var baseX = 100;var baseY = 100;”都改成了200。

    效果
    2015/4/4 22:12:16
举报不良信息

 

 大  小