ActionScript
TypeScript
JavaScript

混合模式

发布时间:2017-03-15

混合模式可以改变显示对象绘制时与背景的融合方式,通过修改混合模式可以让显示对象在不同的背景下显示出不同的效果。


混合模式代码示例:

(function()
{
	var Sprite     = Laya.Sprite;
	var Texture    = Laya.Texture;
	var Handler    = Laya.Handler;
    var Loader = Laya.Loader;
    var Utils = Laya.Utils;
	(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);
			
            //设置混合模式
			sprite1.blendMode = "lighter";
		
			//定时改变背景颜色
			Laya.timer.loop(500, this, changeBG);
			
		}

        function changeBG()
		{
			var r= Math.floor(255 * Math.random());
			var g= Math.floor(255 * Math.random());
			var b= Math.floor(255 * Math.random());
	
			var color = (r * 256 + g) * 256 + b;
			Laya.stage.bgColor = Utils.toHexColor(color);
		}
})();		
	

blob.png