CGArt-中国CGer中的绿色家园
首页 信息动态 原创排行 互动教程 资源千寻 CG人才 CGArt杂志 艺术设计 CG画廊 CG论坛 酷站欣赏 CG搜索 会员中心
Flash AS实现用鼠标来控制渐变填充
来源:网页教学网 作者:闪电儿 编辑:浪漫的季节 发布时间:2007年04月14日 20:16:54

用Flash 8 的Action Script实现用鼠标来控制图案的渐变填充效果

先看效果:

按Ctrl+J修改文档属性:

然后按F9打开动作面板输入下列语句:

import flash.filters.GradientBevelFilter;  //引用flash的滤镜:GradientBevelFilter。
var shapeClip:MovieClip = this.createEmptyMovieClip("shape_mc", 1); //创建一个影片剪辑。

with (shapeClip) {                
    beginFill(0xFF0000, 100);
    moveTo(0, 0);
    lineTo(200, 0);
    lineTo(200, 200);
    lineTo(0, 200);
    lineTo(0, 0);
    endFill();
} //定义影片剪辑shape_mc的大小。

shapeClip._x = (Stage.width - shapeClip._width) / 2;   
shapeClip._y = (Stage.height - shapeClip._height) / 2;//创建影片剪辑的界面

var colors:Array = new Array(0xFFFFFF, 0xCCCCCC, 0x000000); //设置颜色

var alphas:Array = new Array(1, 0, 1);   //设置alpha
var ratios:Array = new Array(0, 128, 255);//设置属性
var gradientBevel:GradientBevelFilter = new GradientBevelFilter(10, 45, colors, alphas, ratios, 4, 4, 5, 3); //设置滤镜、alpha、和大小

var mouseListener:Object = new Object();
mouseListener.onMouseDown = function() {
    gradientBevel.strength++;
    shapeClip.filters = [gradientBevel];
};
mouseListener.onMouseMove = function() {
    gradientBevel.blurX = (_xmouse / Stage.width) * 255;
    gradientBevel.blurY = (_ymouse / Stage.height) * 255;
    shapeClip.filters = [gradientBevel];
};
Mouse.addListener(mouseListener);//定义鼠标函数

最后按Ctrl+Enter测试了!

共有评论0条
更多评论..
作者信息 详细信息
评论人:
验证码:
内容:
 
about us advertisement publish conformity service cooperate associate link site map contact us help jump to the top of page