ActionScript
TypeScript
JavaScript

给显示对象设置模糊滤镜

发布时间:2017-01-21

模糊滤镜可以让显示对象变得模糊,在引擎中模糊滤镜类是BlurFilter,BlurFilter的构造函数如下所示:

/**
 * 模糊滤镜
 * @param	strength	模糊滤镜的强度值
 */
public function BlurFilter(strength:Number = 4)

代码示例(必须使用WEBGL渲染):

package  
{
	import laya.display.Sprite;
	import laya.filters.BlurFilter;
	import laya.net.Loader;
	import laya.utils.Handler;
	import laya.webgl.WebGL;
	/**
	 * ...
	 * @author ww
	 */
	public class BlurFilterSample 
	{
		
		public function BlurFilterSample() 
		{
			WebGL.enable();
			Laya.init(1000, 900);
			//加载引擎需要的资源
			Laya.loader.load([{url: "res/atlas/comp.json", type: Loader.ATLAS}], Handler.create(this, onLoaded));
		}
		private function onLoaded():void
		{
			var sprite0:Sprite;
			sprite0 = new Sprite();
			sprite0.graphics.drawTexture(Loader.getRes("comp/image.png"));
			sprite0.pos(100, 100);
			Laya.stage.addChild(sprite0);
			
			var sprite1:Sprite;
			sprite1 = new Sprite();
			sprite1.graphics.drawTexture(Loader.getRes("comp/image.png"));
			sprite1.pos(400, 100);
			Laya.stage.addChild(sprite1);
			
			//创建模糊滤镜
			var blurFilter:BlurFilter;
			blurFilter = new BlurFilter(10);
			//给sprite1添加模糊滤镜
			sprite1.filters = [blurFilter];
					
		}
		
	}

}

blob.png