ActionScript
TypeScript
JavaScript

给显示对象设置颜色滤镜

发布时间:2017-03-15

颜色滤镜可以改变显示对象的颜色,在引擎中颜色滤镜是ColorFilter类,ColorFilter的构造函数如下:

/**
 * 创建一个 ColorFilter 实例。
 * @param	mat 4 x 5 矩阵。
 */
public function ColorFilter(mat:Array = null)

颜色滤镜示例代码:

(function()
{
	var Sprite     = Laya.Sprite;
	var Stage      = Laya.Stage;
	var ColorFilter = Laya.ColorFilter;
	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 colorFilter = new ColorFilter([0.5, 0.5, 0.5, 0, 0,
                                                 0, 0, 0, 0, 0, 
                                                 0, 0, 0, 0, 0, 
                                                 0, 0, 0, 1, 0])
			//给sprite1添加颜色滤镜
			sprite1.filters = [colorFilter];
			
		}
})();




		
	

blob.png