您当前的位置:中客资源站网络学院图形设计Fireworks → 文章内容 退出登录 用户管理
本类热门文章
相关下载
Flash AS实现用鼠标来控制渐变填充
作者:本站  来源:本站整理  发布时间:2007-4-15 2:43:19

减小字体 增大字体

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

  先看效果:

http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=200 height=200>

点击这里下载源文件

  按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测试了!

[] [返回上一页] [打 印]
文章评论 (评论内容只代表网友观点,与本站立场无关!)

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

         (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码