FLASH制作图形变换教程

写个简单的教程,一起学习下吧

先看下效果:


新建一个空白的FLASH文档，把背景色改为黑色


1.jpg

按Ctrl+F8新建一个景片剪辑


2.jpg

在景片剪辑中，选择文本工具，在舞台上打出想要打的字，然后在第50帧插入帧。


3.jpg

新建图层2，把图把2拖到图层1下边，然后在图层2第1帧用矩形工具画一个长长的矩形，在第50帧插入关键帧，然后在1到50帧间任意一帧创建形状补间动画。


4.jpg

最后在图层1右击选择遮罩层。


5.jpg

下面，回到场景中，按Ctrl+L打开库，从中把刚做好的影片剪辑拖到场景中，然后点下场景中的影片剪辑，按F9打开动作面板，输入下面的代码
onClipEvent (mouseMove) {  //mouseMove指鼠标移动
        x = _root._xmouse;  //返回鼠标的X坐标值
        y = _root._ymouse;   //返回鼠标的Y坐标值
        if (x>=this._x) {   
                rot = Math.atan((y-this._y)/(x-this._x))*180/Math.PI;  
        } else {
                rot = Math.atan((y-this._y)/(x-this._x))*180/Math.PI+180;
        }
        //Math.atan是用来计算正切值 //Math.PI表示圆周率 //计算得出，rot的值是一个角度值，也就是鼠标移动前那个点和鼠标移动后那条线的角度！最终实现的效果就是场景中的影片的角度方向跟随鼠标的方向移动
        setProperty("", _rotation, rot);  //元件的新的数值
        xscal = Math.sqrt((x-this._x)*(x-this._x)+(y-this._y)*(y-this._y));  
        this._xscale = xscal;  //Math.sqrt用来取平方根,这个是两点之间线的长度，把鼠标与场景中的影片的距离作为影片在横坐标方向的缩放值，就是说鼠标离影片越远，影片剪辑在横坐标方向上放大程度越大
        updateAfterEvent();  //影片剪辑执行完成后,更新显示内容，也就是刷新的意思。
}



6.jpg

好了，完成，测试下吧~

[本帖最后由 清风掠影 于 2007-9-5 15:24 编辑]

图形变换.swf
(2007-09-05 13:18:41, Size: 5.4 KB, Downloads: 23)

图形变换.rar
(2007-09-05 15:22:35, Size: 4.47 KB, Downloads: 0)