ActionScript
TypeScript
JavaScript

游戏自动竖屏设置

发布时间:2017-02-15

        通过LayaAir的自动竖屏设置,无论手机如何旋转,都可让游戏的水平方向始终与浏览器显示屏幕的最长边保持垂直。 

关于屏幕方向的API参数如下图所示:

blob.png


blob.png

LayaAir自动竖屏的示例代码如下:

module laya {
	import Stage = Laya.Stage;
	import Text = Laya.Text;
	import WebGL = Laya.WebGL;

	export class SmartScale_Portrait {
		constructor() {
			// 不支持WebGL时自动切换至Canvas
			Laya.init(200, 300, WebGL);

			Laya.stage.alignV = "middle";
			Laya.stage.alignH = "center";

			Laya.stage.scaleMode = "showall";

            //自动竖屏,让游戏的水平方向始终与浏览器显示屏幕的最长边保持垂直。
			Laya.stage.screenMode = "vertical";

			Laya.stage.bgColor = "#232628";

			this.showText();
		}

		private showText(): void {
			var text: Text = new Text();

			text.text = "游戏的水平方向";
			text.color = "gray";
			text.fontSize = 20;

			text.x = Laya.stage.width - text.width >> 1;
			text.y = Laya.stage.height - text.height >> 1;

			Laya.stage.addChild(text);
		}
	}
}
new laya.SmartScale_Portrait();

手机竖屏状态下的LayaAir自动竖屏运行效果如下图所示:

blob.png


手机横屏状态下的LayaAir自动竖屏运行效果如下图所示:

blob.png