ActionScript
TypeScript
JavaScript

游戏自动竖屏设置

发布时间:2017-02-17

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

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

blob.png


blob.png

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

(function()
{
 var Stage = Laya.Stage;
 var Text  = Laya.Text;
 var WebGL = Laya.WebGL;
 (function()
 {
  // 不支持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";
  showText();
 })();
 
 function showText()
 {
  var 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);
 }
})();


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

blob.png


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

blob.png