ActionScript
TypeScript
JavaScript

混合模式

发布时间:2017-01-21

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


混合模式代码示例:

package {
	import laya.display.Sprite;
	import laya.net.Loader;
	import laya.utils.Handler;
	import laya.webgl.WebGL;
	import laya.utils.Utils;
	
	/**
	 * ...
	 * @author ww
	 */
	public class ColorFilterSample {
		
		public function ColorFilterSample() {
			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);
			
			    //设置混合模式
			sprite1.blendMode = "lighter";
			//定时改变背景颜色
			Laya.timer.loop(500, this, changeBG);
		
		}
		
		      public function changeBG():void
		{
			var r:int= Math.floor(255 * Math.random());
			var g:int= Math.floor(255 * Math.random());
			var b:int=Math.floor(255 * Math.random());
	
			var color:int = (r * 256 + g) * 256 + b;
			Laya.stage.bgColor = Utils.toHexColor(color);
		}
	
	}

}

blob.png