ActionScript
TypeScript
JavaScript

给显示对象设置模糊滤镜

发布时间:2017-03-15

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

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

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

(function()
{
	var Sprite     = Laya.Sprite;
	var Stage      = Laya.Stage;
	var BlurFilter = Laya.BlurFilter
	var Texture    = Laya.Texture;
	var Browser    = Laya.Browser;
	var Handler    = Laya.Handler;
    var Loader = Laya.Loader;

	(function()
	{
			Laya.init(1000, 900,Laya.WebGL);
			//加载引擎需要的资源
			Laya.loader.load([{url: "res/atlas/comp.json", type: Loader.ATLAS}], Handler.create(this, onLoaded));
           Laya.stage.bgColor ="#ffffff";
	})();

	function onLoaded()
		{
			//不带遮罩的显示对象
			var sprite0 = new Sprite();
			sprite0.graphics.drawTexture(Loader.getRes("comp/image.png"));
			sprite0.pos(100, 100);	
			Laya.stage.addChild(sprite0);
			
			
			//带遮罩的显示对象
			var sprite1 = new Sprite();
			sprite1.graphics.drawTexture(Loader.getRes("comp/image.png"));
			sprite1.pos(400, 100);	
			Laya.stage.addChild(sprite1);
			
			
			var blurFilter = new BlurFilter(10);
			//给sprite1添加模糊滤镜
			sprite1.filters = [blurFilter];
			
		}
})();

blob.png