[转] 一种完全没有边缘痕迹的渐变AS做法

最新推荐文章于 2024-06-29 02:51:19 发布

iteye_20805

最新推荐文章于 2024-06-29 02:51:19 发布

阅读量232

点赞数

分类专栏：源码范例文章转载 AS3收集文章标签： php

本文链接：https://blog.youkuaiyun.com/iteye_20805/article/details/82174064

版权

AS3收集同时被 3 个专栏收录

140 篇文章

订阅专栏

源码范例

102 篇文章

订阅专栏

文章转载

99 篇文章

订阅专栏

[url]http://bbs.9ria.com/viewthread.php?tid=101161&extra=page%3D1%26amp%3Borderby%3Ddateline%26amp%3Bfilter%3D2592000[/url]


import flash.display.Sprite;
import flash.display.Shape;
import flash.display.GradientType;
import flash.geom.Matrix;

var sp:Sprite = new Sprite();
var sh:Shape = new Shape();
var w:Number = 255*2;
var mat:Matrix = new Matrix();
mat.createGradientBox(w,w,0,-w/2,-w/2);
sh.graphics.beginGradientFill(GradientType.RADIAL,[0,0],[1,0],[0,255],mat);
sh.graphics.drawCircle(0,0,w/2);
var sh2:Shape = new Shape();
sh2.graphics.beginGradientFill(GradientType.RADIAL,[0,0],[1,0],[0,255],mat);
sh2.graphics.drawCircle(0,0,w/2);
sp.addChild(sh2);
sp.addChild(sh);
sh.cacheAsBitmap = true;
sh2.cacheAsBitmap = true;
sh.mask = sh2;
this.addChild(sp);
sp.x = 300;
sp.y = 200;

[img]http://dl.iteye.com/upload/attachment/574564/23c2a006-77e3-3648-8280-6138a52ce618.jpg[/img]

[img]http://dl.iteye.com/upload/attachment/574566/7b7d3d77-0b86-32ee-856d-c26becfcaa9a.jpg[/img]

其实就是用一个渐变给这个渐变做alpha mask，flash运算之后就是这个效果（我这里是用和原来一样的渐变）

当然调整一些值还能产生一些边缘平滑的其它效果，比如这个光晕。



import flash.display.Sprite;
import flash.display.Shape;
import flash.display.GradientType;
import flash.geom.Matrix;

var sp:Sprite = new Sprite();
var sh:Shape = new Shape();
var w:Number = 255*2;
var mat:Matrix = new Matrix();
mat.createGradientBox(w,w,0,-w/2,-w/2);
sh.graphics.beginGradientFill(GradientType.RADIAL,[0,0],[1,0],[0,255],mat);
sh.graphics.drawCircle(0,0,w/2);
var sh2:Shape = new Shape();
sh2.graphics.beginGradientFill(GradientType.RADIAL,[0,0],[1,0],[70,255],mat);
sh2.graphics.drawCircle(0,0,w/2);
sp.addChild(sh2);
sp.addChild(sh);
sh.cacheAsBitmap = true;
sh2.cacheAsBitmap = true;
sh.mask = sh2;
this.addChild(sp);
sp.x = 300;
sp.y = 200;