phaser/docs/Phaser.StageScaleMode.html

4985 lines
67 KiB
HTML
Raw Normal View History

2013-10-03 00:21:08 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Phaser Class: StageScaleMode</title>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/sunlight.default.css">
<link type="text/css" rel="stylesheet" href="styles/site.cerulean.css">
</head>
<body>
<div class="container-fluid">
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<a class="brand" href="index.html">Phaser</a>
<ul class="nav">
<li class="dropdown">
<a href="namespaces.list.html" class="dropdown-toggle" data-toggle="dropdown">Namespaces<b
2013-10-03 00:21:08 +00:00
class="caret"></b></a>
<ul class="dropdown-menu ">
<li>
<a href="Phaser.html">Phaser</a>
2013-10-03 00:21:08 +00:00
</li>
</ul>
</li>
<li class="dropdown">
<a href="classes.list.html" class="dropdown-toggle" data-toggle="dropdown">Classes<b
class="caret"></b></a>
<ul class="dropdown-menu ">
<li>
<a href="Phaser.Animation.html">Animation</a>
</li>
<li>
<a href="Phaser.AnimationManager.html">AnimationManager</a>
2013-10-03 00:21:08 +00:00
</li>
<li>
<a href="Phaser.AnimationParser.html">AnimationParser</a>
2013-10-03 00:21:08 +00:00
</li>
2013-11-28 15:57:09 +00:00
<li>
<a href="Phaser.BitmapData.html">BitmapData</a>
</li>
2013-10-25 15:54:40 +00:00
<li>
<a href="Phaser.BitmapText.html">BitmapText</a>
</li>
<li>
<a href="Phaser.Button.html">Button</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.Cache.html">Cache</a>
2013-10-03 00:21:08 +00:00
</li>
<li>
<a href="Phaser.Camera.html">Camera</a>
2013-10-03 00:21:08 +00:00
</li>
<li>
<a href="Phaser.Canvas.html">Canvas</a>
2013-10-03 00:21:08 +00:00
</li>
<li>
<a href="Phaser.Circle.html">Circle</a>
2013-10-03 00:21:08 +00:00
</li>
<li>
<a href="Phaser.Color.html">Color</a>
2013-10-03 00:21:08 +00:00
</li>
<li>
<a href="Phaser.Device.html">Device</a>
2013-10-03 00:21:08 +00:00
</li>
2014-02-05 06:29:17 +00:00
<li>
<a href="Phaser.DOMSprite.html">DOMSprite</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.Easing.html">Easing</a>
</li>
<li>
<a href="Phaser.Easing.Back.html">Back</a>
</li>
<li>
<a href="Phaser.Easing.Bounce.html">Bounce</a>
</li>
<li>
<a href="Phaser.Easing.Circular.html">Circular</a>
</li>
<li>
<a href="Phaser.Easing.Cubic.html">Cubic</a>
</li>
<li>
<a href="Phaser.Easing.Elastic.html">Elastic</a>
</li>
<li>
<a href="Phaser.Easing.Exponential.html">Exponential</a>
</li>
<li>
<a href="Phaser.Easing.Linear.html">Linear</a>
</li>
<li>
<a href="Phaser.Easing.Quadratic.html">Quadratic</a>
</li>
<li>
<a href="Phaser.Easing.Quartic.html">Quartic</a>
</li>
<li>
<a href="Phaser.Easing.Quintic.html">Quintic</a>
</li>
<li>
<a href="Phaser.Easing.Sinusoidal.html">Sinusoidal</a>
</li>
2013-10-25 15:54:40 +00:00
<li>
<a href="Phaser.Events.html">Events</a>
</li>
2013-11-28 15:57:09 +00:00
<li>
<a href="Phaser.Filter.html">Filter</a>
</li>
<li>
<a href="Phaser.Frame.html">Frame</a>
</li>
<li>
<a href="Phaser.FrameData.html">FrameData</a>
2013-10-03 00:21:08 +00:00
</li>
<li>
<a href="Phaser.Game.html">Game</a>
</li>
2013-10-25 15:54:40 +00:00
<li>
<a href="Phaser.GameObjectFactory.html">GameObjectFactory</a>
</li>
2014-02-05 06:29:17 +00:00
<li>
<a href="Phaser.Gamepad.html">Gamepad</a>
</li>
<li>
<a href="Phaser.GamepadButton.html">GamepadButton</a>
</li>
2013-10-25 15:54:40 +00:00
<li>
<a href="Phaser.Graphics.html">Graphics</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.Group.html">Group</a>
</li>
<li>
<a href="Phaser.Image.html">Image</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.Input.html">Input</a>
</li>
<li>
<a href="Phaser.InputHandler.html">InputHandler</a>
</li>
<li>
<a href="Phaser.Key.html">Key</a>
</li>
<li>
<a href="Phaser.Keyboard.html">Keyboard</a>
</li>
2014-02-05 06:29:17 +00:00
<li>
<a href="Phaser.Line.html">Line</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.LinkedList.html">LinkedList</a>
</li>
<li>
<a href="Phaser.Loader.html">Loader</a>
</li>
<li>
<a href="Phaser.LoaderParser.html">LoaderParser</a>
2013-10-03 00:21:08 +00:00
</li>
<li>
<a href="Phaser.Math.html">Math</a>
</li>
<li>
<a href="Phaser.Mouse.html">Mouse</a>
</li>
<li>
<a href="Phaser.MSPointer.html">MSPointer</a>
</li>
<li>
<a href="Phaser.Net.html">Net</a>
</li>
<li>
<a href="Phaser.Particles.html">Particles</a>
</li>
<li>
<a href="Phaser.Particles.Arcade.Emitter.html">Emitter</a>
</li>
2013-10-25 15:54:40 +00:00
<li>
<a href="Phaser.Physics.html">Physics</a>
</li>
<li>
<a href="Phaser.Physics.Arcade.html">Arcade</a>
</li>
2013-10-25 16:30:37 +00:00
<li>
<a href="Phaser.Physics.Arcade.Body.html">Body</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.Plugin.html">Plugin</a>
</li>
<li>
<a href="Phaser.PluginManager.html">PluginManager</a>
</li>
<li>
<a href="Phaser.Point.html">Point</a>
</li>
<li>
<a href="Phaser.Pointer.html">Pointer</a>
</li>
<li>
<a href="Phaser.Polygon.html">Polygon</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.QuadTree.html">QuadTree</a>
</li>
<li>
<a href="Phaser.RandomDataGenerator.html">RandomDataGenerator</a>
</li>
<li>
<a href="Phaser.Rectangle.html">Rectangle</a>
</li>
2013-10-25 15:54:40 +00:00
<li>
<a href="Phaser.RenderTexture.html">RenderTexture</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.RequestAnimationFrame.html">RequestAnimationFrame</a>
</li>
<li>
<a href="Phaser.Signal.html">Signal</a>
</li>
2014-02-05 06:29:17 +00:00
<li>
<a href="Phaser.SinglePad.html">SinglePad</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.Sound.html">Sound</a>
</li>
<li>
<a href="Phaser.SoundManager.html">SoundManager</a>
</li>
2013-10-25 15:54:40 +00:00
<li>
<a href="Phaser.Sprite.html">Sprite</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.Stage.html">Stage</a>
</li>
<li>
<a href="Phaser.StageScaleMode.html">StageScaleMode</a>
</li>
<li>
<a href="Phaser.State.html">State</a>
</li>
<li>
<a href="Phaser.StateManager.html">StateManager</a>
</li>
2013-10-25 15:54:40 +00:00
<li>
<a href="Phaser.Text.html">Text</a>
</li>
2013-11-28 15:57:09 +00:00
<li>
<a href="Phaser.Tile.html">Tile</a>
</li>
<li>
<a href="Phaser.Tilemap.html">Tilemap</a>
</li>
<li>
<a href="Phaser.TilemapLayer.html">TilemapLayer</a>
</li>
<li>
<a href="Phaser.TilemapParser.html">TilemapParser</a>
</li>
<li>
<a href="Phaser.Tileset.html">Tileset</a>
</li>
2013-10-25 15:54:40 +00:00
<li>
<a href="Phaser.TileSprite.html">TileSprite</a>
</li>
<li>
<a href="Phaser.Time.html">Time</a>
</li>
2013-11-28 15:57:09 +00:00
<li>
<a href="Phaser.Timer.html">Timer</a>
</li>
2014-02-05 06:29:17 +00:00
<li>
<a href="Phaser.TimerEvent.html">TimerEvent</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.Touch.html">Touch</a>
</li>
<li>
<a href="Phaser.Tween.html">Tween</a>
</li>
<li>
<a href="Phaser.TweenManager.html">TweenManager</a>
</li>
<li>
<a href="Phaser.Utils.html">Utils</a>
</li>
<li>
<a href="Phaser.Utils.Debug.html">Debug</a>
</li>
2013-10-03 00:21:08 +00:00
<li>
<a href="Phaser.World.html">World</a>
</li>
<li>
<a href="SignalBinding.html">SignalBinding</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="global.html" class="dropdown-toggle" data-toggle="dropdown">Global<b
class="caret"></b></a>
<ul class="dropdown-menu ">
<li>
<a href="global.html#canUseNewCanvasBlendModes">canUseNewCanvasBlendModes</a>
</li>
<li>
<a href="global.html#getNextPowerOfTwo">getNextPowerOfTwo</a>
</li>
<li>
<a href="global.html#hex2rgb">hex2rgb</a>
</li>
<li>
<a href="global.html#hitTest">hitTest</a>
</li>
<li>
<a href="global.html#rgb2hex">rgb2hex</a>
</li>
</ul>
</li>
2013-10-03 00:21:08 +00:00
</ul>
</div>
</div>
<div class="row-fluid">
<div class="span8">
<div id="main">
<h1 class="page-title">Class: StageScaleMode</h1>
<section>
<header>
<h2>
<span class="ancestors"><a href="Phaser.html">Phaser</a>.</span>
2013-10-03 00:21:08 +00:00
StageScaleMode
</h2>
<div class="class-description"><p>Phaser.StageScaleMode</p></div>
</header>
<article>
<div class="container-overview">
<dt>
<h4 class="name" id="StageScaleMode"><span class="type-signature"></span>new StageScaleMode<span class="signature">(game, width, height)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
2013-11-28 15:57:09 +00:00
<p>The StageScaleMode object is responsible for helping you manage the scaling, resizing and alignment of your game within the browser.</p>
2013-10-03 00:21:08 +00:00
</div>
<h5>Parameters:</h5>
<table class="params table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>game</code></td>
<td class="type">
<span class="param-type"><a href="Phaser.Game.html">Phaser.Game</a></span>
</td>
<td class="description last"><p>A reference to the currently running game.</p></td>
</tr>
<tr>
<td class="name"><code>width</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>The native width of the game.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
<tr>
<td class="name"><code>height</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>The native height of the game.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-16">line 16</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
</div>
<h3 class="subsection-title">Members</h3>
<dl>
<dt>
<h4 class="name" id="EXACT_FIT"><span class="type-signature">&lt;static, constant> </span>EXACT_FIT<span class="type-signature"> :number</span></h4>
</dt>
<dd>
<h5>Type:</h5>
<ul>
<li>
<span class="param-type">number</span>
</li>
</ul>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-224">line 224</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="NO_SCALE"><span class="type-signature">&lt;static, constant> </span>NO_SCALE<span class="type-signature"> :number</span></h4>
</dt>
<dd>
<h5>Type:</h5>
<ul>
<li>
<span class="param-type">number</span>
</li>
</ul>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-230">line 230</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="SHOW_ALL"><span class="type-signature">&lt;static, constant> </span>SHOW_ALL<span class="type-signature"> :number</span></h4>
</dt>
<dd>
<h5>Type:</h5>
<ul>
<li>
<span class="param-type">number</span>
</li>
</ul>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-236">line 236</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="aspectRatio"><span class="type-signature"></span>aspectRatio<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>aspectRatio</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>Aspect ratio.</p></td>
</tr>
</tbody>
</table>
</dl>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy"><li>0</li></ul></dd>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-189">line 189</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="enterIncorrectOrientation"><span class="type-signature"></span>enterIncorrectOrientation<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>enterIncorrectOrientation</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
<span class="param-type"><a href="Phaser.Signal.html">Phaser.Signal</a></span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>The event that is dispatched when the browser enters an incorrect orientation, as defined by forceOrientation.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-139">line 139</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="enterLandscape"><span class="type-signature"></span>enterLandscape<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>enterLandscape</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
<span class="param-type"><a href="Phaser.Signal.html">Phaser.Signal</a></span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>The event that is dispatched when the browser enters landscape orientation.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-129">line 129</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="enterPortrait"><span class="type-signature"></span>enterPortrait<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>enterPortrait</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type"><a href="Phaser.Signal.html">Phaser.Signal</a></span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>The event that is dispatched when the browser enters horizontal orientation.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-134">line 134</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="event"><span class="type-signature"></span>event<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>event-</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">any</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>The native browser events from full screen API changes.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-194">line 194</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="forceLandscape"><span class="type-signature"></span>forceLandscape<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>forceLandscape</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">boolean</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>If the game should be forced to use Landscape mode, this is set to true by Game.Stage</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
2013-11-28 15:57:09 +00:00
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy"><li>false</li></ul></dd>
2013-10-03 00:21:08 +00:00
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-70">line 70</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="forcePortrait"><span class="type-signature"></span>forcePortrait<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>forcePortrait</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">boolean</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>If the game should be forced to use Portrait mode, this is set to true by Game.Stage</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
2013-11-28 15:57:09 +00:00
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy"><li>false</li></ul></dd>
2013-10-03 00:21:08 +00:00
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-76">line 76</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="game"><span class="type-signature"></span>game<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>game</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type"><a href="Phaser.Game.html">Phaser.Game</a></span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>A reference to the currently running game.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-21">line 21</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="hasResized"><span class="type-signature"></span>hasResized<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>hasResized</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type"><a href="Phaser.Signal.html">Phaser.Signal</a></span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>The event that is dispatched when the game scale changes.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-149">line 149</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="height"><span class="type-signature"></span>height<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>height</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">number</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>Height of the stage after calculation.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-31">line 31</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="incorrectOrientation"><span class="type-signature"></span>incorrectOrientation<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>incorrectOrientation</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
<span class="param-type">boolean</span>
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>If the game should be forced to use a specific orientation and the device currently isn't in that orientation this is set to true.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
2013-11-28 15:57:09 +00:00
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy"><li>false</li></ul></dd>
2013-10-03 00:21:08 +00:00
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-82">line 82</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="isFullScreen"><span class="type-signature">&lt;readonly> </span>isFullScreen<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>isFullScreen</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">boolean</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>Returns true if the browser is in full screen mode, otherwise false.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-737">line 737</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="isLandscape"><span class="type-signature">&lt;readonly> </span>isLandscape<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>isLandscape</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">boolean</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>Returns true if the browser dimensions match a landscape display.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-765">line 765</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="isPortrait"><span class="type-signature">&lt;readonly> </span>isPortrait<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>isPortrait</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">boolean</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>Returns true if the browser dimensions match a portrait display.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-752">line 752</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="leaveIncorrectOrientation"><span class="type-signature"></span>leaveIncorrectOrientation<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>leaveIncorrectOrientation</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type"><a href="Phaser.Signal.html">Phaser.Signal</a></span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>The event that is dispatched when the browser leaves an incorrect orientation, as defined by forceOrientation.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-144">line 144</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="margin"><span class="type-signature">&lt;readonly> </span>margin<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>margin</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type"><a href="Phaser.Point.html">Phaser.Point</a></span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>If the game canvas is seto to align by adjusting the margin, the margin calculation values are stored in this Point.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-183">line 183</a>
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="maxHeight"><span class="type-signature"></span>maxHeight<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>maxHeight</code></td>
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">number</span>
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>Maximum height the canvas should be scaled to (in pixels).
If null it will scale to whatever height the browser can handle.</p></td>
</tr>
</tbody>
</table>
</dl>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy"><li>null</li></ul></dd>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-57">line 57</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="maxIterations"><span class="type-signature"></span>maxIterations<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>maxIterations</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">number</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>The maximum number of times it will try to resize the canvas to fill the browser.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-default">Default Value:</dt>
2013-11-28 15:57:09 +00:00
<dd class="tag-default"><ul class="dummy"><li>5</li></ul></dd>
2013-10-03 00:21:08 +00:00
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-118">line 118</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="maxWidth"><span class="type-signature"></span>maxWidth<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>maxWidth</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">number</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>Maximum width the canvas should be scaled to (in pixels).
If null it will scale to whatever width the browser can handle.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
<dt class="tag-default">Default Value:</dt>
2013-11-28 15:57:09 +00:00
<dd class="tag-default"><ul class="dummy"><li>null</li></ul></dd>
2013-10-03 00:21:08 +00:00
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-44">line 44</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="minHeight"><span class="type-signature"></span>minHeight<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>minHeight</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">number</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>Minimum height the canvas should be scaled to (in pixels).</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
2013-11-28 15:57:09 +00:00
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy"><li>null</li></ul></dd>
2013-10-03 00:21:08 +00:00
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-50">line 50</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="minWidth"><span class="type-signature"></span>minWidth<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>minWidth</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
<span class="param-type">number</span>
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>Minimum width the canvas should be scaled to (in pixels).</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
</dl>
2013-11-28 15:57:09 +00:00
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy"><li>null</li></ul></dd>
2013-10-03 00:21:08 +00:00
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-37">line 37</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
2013-11-28 15:57:09 +00:00
2013-10-03 00:21:08 +00:00
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="orientationSprite"><span class="type-signature"></span>orientationSprite<span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
2013-11-28 15:57:09 +00:00
<dl class="details">
2013-10-03 00:21:08 +00:00
2013-11-28 15:57:09 +00:00
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
2013-10-03 00:21:08 +00:00
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>orientationSprite</code></td>
2013-10-03 00:21:08 +00:00
<td class="type">
2013-11-28 15:57:09 +00:00
<span class="param-type">PIXI.Sprite</span>
2013-10-03 00:21:08 +00:00
</td>
2013-11-28 15:57:09 +00:00
<td class="description last"><p>The Sprite that is optionally displayed if the browser enters an unsupported orientation.</p></td>
2013-10-03 00:21:08 +00:00
</tr>
</tbody>
</table>
2013-11-28 15:57:09 +00:00
</dl>
2013-10-03 00:21:08 +00:00
2013-11-28 15:57:09 +00:00
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy"><li>null</li></ul></dd>
2013-10-03 00:21:08 +00:00
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-124">line 124</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="pageAlignHorizontally"><span class="type-signature"></span>pageAlignHorizontally<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>pageAlignHorizontally</code></td>
<td class="type">
<span class="param-type">boolean</span>
</td>
<td class="description last"><p>If you wish to align your game in the middle of the page then you can set this value to true.
It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing.
It doesn't care about any other DOM element that may be on the page, it literally just sets the margin.</p></td>
</tr>
</tbody>
</table>
</dl>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy"><li>false</li></ul></dd>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-90">line 90</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="pageAlignVertically"><span class="type-signature"></span>pageAlignVertically<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>pageAlignVertically</code></td>
<td class="type">
<span class="param-type">boolean</span>
</td>
<td class="description last"><p>If you wish to align your game in the middle of the page then you can set this value to true.
It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing.
It doesn't care about any other DOM element that may be on the page, it literally just sets the margin.</p></td>
</tr>
</tbody>
</table>
</dl>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy"><li>false</li></ul></dd>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-98">line 98</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="scaleFactor"><span class="type-signature">&lt;readonly> </span>scaleFactor<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>scaleFactor</code></td>
<td class="type">
<span class="param-type"><a href="Phaser.Point.html">Phaser.Point</a></span>
</td>
<td class="description last"><p>The scale factor based on the game dimensions vs. the scaled dimensions.</p></td>
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-171">line 171</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="scaleFactorInversed"><span class="type-signature">&lt;readonly> </span>scaleFactorInversed<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>scaleFactorInversed</code></td>
<td class="type">
<span class="param-type"><a href="Phaser.Point.html">Phaser.Point</a></span>
</td>
<td class="description last"><p>The inversed scale factor. The displayed dimensions divided by the game dimensions.</p></td>
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-177">line 177</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="width"><span class="type-signature"></span>width<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>width</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>Width of the stage after calculation.</p></td>
</tr>
</tbody>
</table>
</dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-26">line 26</a>
</li></ul></dd>
</dl>
</dd>
</dl>
<h3 class="subsection-title">Methods</h3>
<dl>
<dt>
<h4 class="name" id="checkOrientation"><span class="type-signature"></span>checkOrientation<span class="signature">(event)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Handle window.orientationchange events</p>
</div>
<h5>Parameters:</h5>
<table class="params table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>event</code></td>
<td class="type">
<span class="param-type">Event</span>
</td>
<td class="description last"><p>The orientationchange event data.</p></td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-441">line 441</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="checkOrientationState"><span class="type-signature"></span>checkOrientationState<span class="signature">()</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Checks if the browser is in the correct orientation for your game (if forceLandscape or forcePortrait have been set)</p>
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-396">line 396</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="checkResize"><span class="type-signature"></span>checkResize<span class="signature">(event)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Handle window.resize events</p>
</div>
<h5>Parameters:</h5>
<table class="params table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>event</code></td>
<td class="type">
<span class="param-type">Event</span>
</td>
<td class="description last"><p>The resize event data.</p></td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-468">line 468</a>
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-28 15:57:09 +00:00
<h4 class="name" id="forceOrientation"><span class="type-signature"></span>forceOrientation<span class="signature">(forceLandscape, <span class="optional">forcePortrait</span>, <span class="optional">orientationImage</span>)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>If you need your game to run in only one orientation you can force that to happen.
The optional orientationImage is displayed when the game is in the incorrect orientation.</p>
</div>
<h5>Parameters:</h5>
<table class="params table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Argument</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>forceLandscape</code></td>
<td class="type">
<span class="param-type">boolean</span>
</td>
<td class="attributes">
</td>
<td class="default">
</td>
<td class="description last"><p>true if the game should run in landscape mode only.</p></td>
</tr>
<tr>
<td class="name"><code>forcePortrait</code></td>
<td class="type">
<span class="param-type">boolean</span>
</td>
<td class="attributes">
2013-11-28 15:57:09 +00:00
&lt;optional><br>
</td>
<td class="default">
2013-11-28 15:57:09 +00:00
false
</td>
<td class="description last"><p>true if the game should run in portrait mode only.</p></td>
</tr>
<tr>
2013-11-28 15:57:09 +00:00
<td class="name"><code>orientationImage</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="attributes">
&lt;optional><br>
</td>
<td class="default">
''
</td>
<td class="description last"><p>The string of an image in the Phaser.Cache to display when this game is in the incorrect orientation.</p></td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-350">line 350</a>
2013-11-01 18:16:52 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="fullScreenChange"><span class="type-signature">&lt;protected> </span>fullScreenChange<span class="signature">(event)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Called automatically when the browser enters of leaves full screen mode.</p>
</div>
<h5>Parameters:</h5>
<table class="params table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>event</code></td>
<td class="type">
<span class="param-type">Event</span>
</td>
<td class="description last"><p>The fullscreenchange event</p></td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-302">line 302</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="refresh"><span class="type-signature"></span>refresh<span class="signature">()</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Re-calculate scale mode and update screen size.</p>
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-504">line 504</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setExactFit"><span class="type-signature"></span>setExactFit<span class="signature">()</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Sets the width and height values of the canvas, no larger than the maxWidth/Height.</p>
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-704">line 704</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setMaximum"><span class="type-signature"></span>setMaximum<span class="signature">()</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Sets this.width equal to window.innerWidth and this.height equal to window.innerHeight</p>
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-680">line 680</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setScreenSize"><span class="type-signature"></span>setScreenSize<span class="signature">(force)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Set screen size automatically based on the scaleMode.</p>
</div>
<h5>Parameters:</h5>
<table class="params table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>force</code></td>
<td class="type">
<span class="param-type">boolean</span>
2013-10-03 00:21:08 +00:00
</td>
<td class="description last"><p>If force is true it will try to resize the game regardless of the document dimensions.</p></td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-542">line 542</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setShowAll"><span class="type-signature"></span>setShowAll<span class="signature">()</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Calculates the multiplier needed to scale the game proportionally.</p>
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-691">line 691</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setSize"><span class="type-signature"></span>setSize<span class="signature">()</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Sets the canvas style width and height values based on minWidth/Height and maxWidth/Height.</p>
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-602">line 602</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
2013-11-01 18:16:52 +00:00
<h4 class="name" id="startFullScreen"><span class="type-signature"></span>startFullScreen<span class="signature">(antialias)</span><span class="type-signature"></span></h4>
2013-10-03 00:21:08 +00:00
</dt>
<dd>
<div class="description">
<p>Tries to enter the browser into full screen mode.
Please note that this needs to be supported by the web browser and isn't the same thing as setting your game to fill the browser.</p>
</div>
2013-11-01 18:16:52 +00:00
<h5>Parameters:</h5>
<table class="params table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>antialias</code></td>
<td class="type">
<span class="param-type">boolean</span>
</td>
<td class="description last"><p>You can toggle the anti-alias feature of the canvas before jumping in to full screen (false = retain pixel art, true = smooth art)</p></td>
</tr>
</tbody>
</table>
2013-10-03 00:21:08 +00:00
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2013-11-28 15:57:09 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-240">line 240</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="stopFullScreen"><span class="type-signature"></span>stopFullScreen<span class="signature">()</span><span class="type-signature"></span></h4>
</dt>
<dd>
<div class="description">
<p>Stops full screen mode if the browser is in it.</p>
</div>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
2014-02-05 06:29:17 +00:00
<a href="StageScaleMode.js.html">system/StageScaleMode.js</a>, <a href="StageScaleMode.js.html#sunlight-1-line-281">line 281</a>
2013-10-03 00:21:08 +00:00
</li></ul></dd>
</dl>
</dd>
</dl>
</article>
</section>
</div>
<div class="clearfix"></div>
<footer>
<span class="copyright">
2014-02-05 06:29:17 +00:00
Phaser Copyright © 2012-2014 Photon Storm Ltd.
2013-10-03 00:21:08 +00:00
</span>
<br />
<span class="jsdoc-message">
2013-10-25 15:54:40 +00:00
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.3.0-dev</a>
on Sat Feb 08 2014 07:19:51 GMT-0000 (GMT) using the <a href="https://github.com/terryweiss/docstrap">DocStrap template</a>.
2013-10-03 00:21:08 +00:00
</span>
</footer>
</div>
<div class="span3">
<div id="toc"></div>
</div>
<br clear="both">
</div>
</div>
<script src="scripts/sunlight.js"></script>
<script src="scripts/sunlight.javascript.js"></script>
<script src="scripts/sunlight-plugin.doclinks.js"></script>
<script src="scripts/sunlight-plugin.linenumbers.js"></script>
<script src="scripts/sunlight-plugin.menu.js"></script>
<script src="scripts/jquery.min.js"></script>
<script src="scripts/jquery.scrollTo.js"></script>
<script src="scripts/jquery.localScroll.js"></script>
<script src="scripts/bootstrap-dropdown.js"></script>
<script src="scripts/toc.js"></script>
<script> Sunlight.highlightAll({lineNumbers:true, showMenu: true, enableDoclinks :true}); </script>
<script>
$( function () {
$( "#toc" ).toc( {
selectors : "h1,h2,h3,h4",
showAndHide : false,
scrollTo : 60
} );
$( "#toc>ul" ).addClass( "nav nav-pills nav-stacked" );
$( "#main span[id^='toc']" ).addClass( "toc-shim" );
} );
</script>
</body>
</html>