ActionScript
TypeScript
JavaScript

用loadImage和Graphic显示位图图像

发布时间:2017-01-21

一、什么是位图?

  位图图像(bitmap), 亦称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时,可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素,从而使线条和形状显得参差不齐。


二、LayaAir引擎如何显示位图?

        位图图像是游戏中最常用的元素,LayaAir引擎可以通过API方便的显示位图。在下面的示例中,我们采用Sprite的loadImage方法来加载位图,和采用Sprite的Graphic方法绘制图片。


示例代码:

package  
{
	import laya.display.Sprite;
	import laya.net.Loader;
	import laya.resource.Texture;
	import laya.utils.Handler;
	/**
	 * ...
	 * @author ww
	 */
	public class PicSample 
	{
		
		public function PicSample() 
		{
			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();
			//通过loadImage显示图片
			sprite0.loadImage("comp/image.png");
			sprite0.pos(100, 200);
			Laya.stage.addChild(sprite0);
			
			
			var sprite1:Sprite;
			sprite1 = new Sprite();
			var texture:Texture;
			texture = Loader.getRes("comp/image.png");
			//通过graphics.drawTexture绘制显示图片
			sprite1.graphics.drawTexture(texture, 0, 0);
			sprite1.pos(300, 200);
			Laya.stage.addChild(sprite1);
		}
		
	}

}