2013-10-03 00:21:08 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
2014-03-14 06:36:05 +00:00
< title > Phaser Source: core/ScaleManager.js< / title >
2013-10-03 00:21:08 +00:00
<!-- [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" >
2013-10-03 01:38:35 +00:00
< 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 " >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-0" >
2013-10-03 01:38:35 +00:00
< 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 " >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Animation.html" > Animation< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.AnimationManager.html" > AnimationManager< / a >
2013-10-03 00:21:08 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.AnimationParser.html" > AnimationParser< / a >
2013-10-03 00:21:08 +00:00
< / li >
2014-04-29 14:39:02 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.ArrayList.html" > ArrayList< / a >
< / li >
2014-10-09 15:12:53 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.AudioSprite.html" > AudioSprite< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.BitmapData.html" > BitmapData< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.BitmapText.html" > BitmapText< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Button.html" > Button< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Cache.html" > Cache< / a >
2013-10-03 00:21:08 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Camera.html" > Camera< / a >
2013-10-03 00:21:08 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Canvas.html" > Canvas< / a >
2013-10-03 00:21:08 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Circle.html" > Circle< / a >
2013-10-03 00:21:08 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Color.html" > Color< / a >
2013-10-03 00:21:08 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Device.html" > Device< / a >
2013-10-03 00:21:08 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.html" > Easing< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Back.html" > Back< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Bounce.html" > Bounce< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Circular.html" > Circular< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Cubic.html" > Cubic< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Elastic.html" > Elastic< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Exponential.html" > Exponential< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Linear.html" > Linear< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Quadratic.html" > Quadratic< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Quartic.html" > Quartic< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Quintic.html" > Quintic< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.Sinusoidal.html" > Sinusoidal< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-18 03:01:51 +00:00
< a href = "Phaser.Ellipse.html" > Ellipse< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Events.html" > Events< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.Filter.html" > Filter< / a >
< / li >
2014-09-09 14:36:56 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.FlexGrid.html" > FlexGrid< / a >
< / li >
< li class = "class-depth-1" >
< a href = "Phaser.FlexLayer.html" > FlexLayer< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Frame.html" > Frame< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.FrameData.html" > FrameData< / a >
2013-10-03 00:21:08 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Game.html" > Game< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-21 15:37:26 +00:00
< a href = "Phaser.GameObjectCreator.html" > GameObjectCreator< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.GameObjectFactory.html" > GameObjectFactory< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-05 06:29:17 +00:00
< a href = "Phaser.Gamepad.html" > Gamepad< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-05 06:29:17 +00:00
< a href = "Phaser.GamepadButton.html" > GamepadButton< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Graphics.html" > Graphics< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Group.html" > Group< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-08 07:24:22 +00:00
< a href = "Phaser.Image.html" > Image< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Input.html" > Input< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.InputHandler.html" > InputHandler< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Key.html" > Key< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Keyboard.html" > Keyboard< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-05 06:29:17 +00:00
< a href = "Phaser.Line.html" > Line< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.LinkedList.html" > LinkedList< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Loader.html" > Loader< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.LoaderParser.html" > LoaderParser< / a >
2013-10-03 00:21:08 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Math.html" > Math< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Mouse.html" > Mouse< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.MSPointer.html" > MSPointer< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Net.html" > Net< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.Particle.html" > Particle< / a >
< / li >
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Particles.html" > Particles< / a >
< / li >
2014-10-09 15:12:53 +00:00
< li class = "class-depth-2" >
< a href = "Phaser.Particles.Arcade.html" > Arcade< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Particles.Arcade.Emitter.html" > Emitter< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Physics.html" > Physics< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Physics.Arcade.html" > Arcade< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Arcade.Body.html" > Body< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Ninja.html" > Ninja< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Ninja.AABB.html" > AABB< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Ninja.Body.html" > Body< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Ninja.Circle.html" > Circle< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Ninja.Tile.html" > Tile< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.html" > P2< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.Body.html" > Body< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.BodyDebug.html" > BodyDebug< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.CollisionGroup.html" > CollisionGroup< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.ContactMaterial.html" > ContactMaterial< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.DistanceConstraint.html" > DistanceConstraint< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-11 12:09:28 +00:00
< li class = "class-depth-3" >
< a href = "Phaser.Physics.P2.FixtureList.html" > FixtureList< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.GearConstraint.html" > GearConstraint< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.InversePointProxy.html" > InversePointProxy< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.LockConstraint.html" > LockConstraint< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.Material.html" > Material< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.PointProxy.html" > PointProxy< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.PrismaticConstraint.html" > PrismaticConstraint< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.RevoluteConstraint.html" > RevoluteConstraint< / a >
< / li >
2014-09-09 14:36:56 +00:00
< li class = "class-depth-3" >
< a href = "Phaser.Physics.P2.RotationalSpring.html" > RotationalSpring< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.Spring.html" > Spring< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Plugin.html" > Plugin< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.PluginManager.html" > PluginManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Point.html" > Point< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Pointer.html" > Pointer< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-07 06:10:15 +00:00
< a href = "Phaser.Polygon.html" > Polygon< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.QuadTree.html" > QuadTree< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.RandomDataGenerator.html" > RandomDataGenerator< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Rectangle.html" > Rectangle< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.RenderTexture.html" > RenderTexture< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.RequestAnimationFrame.html" > RequestAnimationFrame< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.RetroFont.html" > RetroFont< / a >
< / li >
2014-09-09 14:36:56 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.Rope.html" > Rope< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.ScaleManager.html" > ScaleManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Signal.html" > Signal< / a >
< / li >
2014-04-11 12:09:28 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.SignalBinding.html" > SignalBinding< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-05 06:29:17 +00:00
< a href = "Phaser.SinglePad.html" > SinglePad< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Sound.html" > Sound< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.SoundManager.html" > SoundManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Sprite.html" > Sprite< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-18 03:01:51 +00:00
< a href = "Phaser.SpriteBatch.html" > SpriteBatch< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Stage.html" > Stage< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.State.html" > State< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.StateManager.html" > StateManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Text.html" > Text< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.Tile.html" > Tile< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.Tilemap.html" > Tilemap< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.TilemapLayer.html" > TilemapLayer< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.TilemapParser.html" > TilemapParser< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.Tileset.html" > Tileset< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.TileSprite.html" > TileSprite< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Time.html" > Time< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.Timer.html" > Timer< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-05 06:29:17 +00:00
< a href = "Phaser.TimerEvent.html" > TimerEvent< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.Touch.html" > Touch< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Tween.html" > Tween< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.TweenManager.html" > TweenManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Utils.html" > Utils< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Utils.Debug.html" > Debug< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 00:21:08 +00:00
< a href = "Phaser.World.html" > World< / a >
< / li >
< / ul >
< / li >
2014-09-09 14:36:56 +00:00
2013-10-03 00:21:08 +00:00
< / ul >
< / div >
< / div >
< div class = "row-fluid" >
< div class = "span12" >
< div id = "main" >
2014-03-14 06:36:05 +00:00
< h1 class = "page-title" > Source: core/ScaleManager.js< / h1 >
2013-10-03 00:21:08 +00:00
< section >
< article >
< pre class = "sunlight-highlight-javascript linenums" > /**
* @author Richard Davey < rich@photonstorm.com>
2014-02-05 06:29:17 +00:00
* @copyright 2014 Photon Storm Ltd.
2013-10-03 00:21:08 +00:00
* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
*/
/**
2014-03-14 06:36:05 +00:00
* The ScaleManager object is responsible for helping you manage the scaling, resizing and alignment of your game within the browser.
2013-10-03 00:21:08 +00:00
*
2014-03-28 01:42:49 +00:00
* @class Phaser.ScaleManager
2013-10-03 00:21:08 +00:00
* @constructor
* @param {Phaser.Game} game - A reference to the currently running game.
2014-09-09 14:36:56 +00:00
* @param {number|string} width - The width of the game.
* @param {number|string} height - The height of the game.
2013-10-03 00:21:08 +00:00
*/
2014-03-14 06:36:05 +00:00
Phaser.ScaleManager = function (game, width, height) {
2013-10-03 00:21:08 +00:00
/**
2013-11-07 06:10:15 +00:00
* @property {Phaser.Game} game - A reference to the currently running game.
2013-10-03 00:21:08 +00:00
*/
2013-11-07 06:10:15 +00:00
this.game = game;
2013-10-03 00:21:08 +00:00
/**
2014-09-09 14:36:56 +00:00
* @property {Phaser.FlexGrid} grid - EXPERIMENTAL: A responsive grid on which you can align game objects.
2013-10-03 00:21:08 +00:00
*/
2014-09-09 14:36:56 +00:00
this.grid = null;
2013-10-03 00:21:08 +00:00
/**
2014-09-09 14:36:56 +00:00
* @property {number} width - Width of the game after calculation.
2013-11-07 06:10:15 +00:00
*/
2014-09-09 14:36:56 +00:00
this.width = 0;
/**
* @property {number} height - Height of the game after calculation.
*/
this.height = 0;
2013-11-07 06:10:15 +00:00
/**
* @property {number} minWidth - Minimum width the canvas should be scaled to (in pixels).
2013-10-03 00:21:08 +00:00
*/
2013-11-07 06:10:15 +00:00
this.minWidth = null;
2013-10-03 00:21:08 +00:00
/**
2014-02-18 03:01:51 +00:00
* @property {number} maxWidth - Maximum width the canvas should be scaled to (in pixels). If null it will scale to whatever width the browser can handle.
2013-10-03 00:21:08 +00:00
*/
2013-11-07 06:10:15 +00:00
this.maxWidth = null;
2013-10-03 00:21:08 +00:00
/**
2013-11-07 06:10:15 +00:00
* @property {number} minHeight - Minimum height the canvas should be scaled to (in pixels).
2013-10-03 00:21:08 +00:00
*/
2013-11-07 06:10:15 +00:00
this.minHeight = null;
2013-10-03 00:21:08 +00:00
/**
2014-02-18 03:01:51 +00:00
* @property {number} maxHeight - Maximum height the canvas should be scaled to (in pixels). If null it will scale to whatever height the browser can handle.
2013-10-03 00:21:08 +00:00
*/
2013-11-07 06:10:15 +00:00
this.maxHeight = null;
2013-10-03 00:21:08 +00:00
/**
2014-09-09 14:36:56 +00:00
* @property {Phaser.Point} offset - Holds the offset coordinates of the Game.canvas from the top-left of the browser window (used by Input and other classes)
*/
this.offset = new Phaser.Point();
/**
* @property {boolean} forceLandscape - Set to `true` if the game should only run in a landscape orientation.
2013-10-03 00:21:08 +00:00
* @default
*/
2013-11-07 06:10:15 +00:00
this.forceLandscape = false;
2013-10-03 00:21:08 +00:00
/**
2014-09-09 14:36:56 +00:00
* @property {boolean} forcePortrait - Set to `true` if the game should only run in a portrait orientation.
2013-10-03 00:21:08 +00:00
* @default
*/
2013-11-28 15:57:09 +00:00
this.forcePortrait = false;
2013-10-03 00:21:08 +00:00
/**
2014-09-09 14:36:56 +00:00
* @property {boolean} incorrectOrientation - If `forceLandscape` or `forcePortrait` are true and the browser doesn't match that orientation this is set to `true`.
2013-10-03 00:21:08 +00:00
* @default
*/
2013-11-07 06:10:15 +00:00
this.incorrectOrientation = false;
2013-10-03 00:21:08 +00:00
/**
2013-11-07 06:10:15 +00:00
* @property {boolean} pageAlignHorizontally - If you wish to align your game in the middle of the page then you can set this value to true.
2014-09-09 14:36:56 +00:00
* It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing events.
2013-11-07 06:10:15 +00:00
* It doesn't care about any other DOM element that may be on the page, it literally just sets the margin.
* @default
2013-10-03 00:21:08 +00:00
*/
2013-11-07 06:10:15 +00:00
this.pageAlignHorizontally = false;
2013-10-03 00:21:08 +00:00
/**
2013-11-07 06:10:15 +00:00
* @property {boolean} pageAlignVertically - If you wish to align your game in the middle of the page then you can set this value to true.
2014-09-09 14:36:56 +00:00
* It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing events.
2013-11-07 06:10:15 +00:00
* It doesn't care about any other DOM element that may be on the page, it literally just sets the margin.
* @default
2013-11-01 18:16:52 +00:00
*/
2013-11-07 06:10:15 +00:00
this.pageAlignVertically = false;
2013-11-01 18:16:52 +00:00
2013-10-03 00:21:08 +00:00
/**
* @property {number} maxIterations - The maximum number of times it will try to resize the canvas to fill the browser.
* @default
*/
this.maxIterations = 5;
2013-11-07 06:10:15 +00:00
2013-10-03 00:21:08 +00:00
/**
2014-09-09 14:36:56 +00:00
* @property {Phaser.Signal} enterLandscape - The event that is dispatched when the browser enters landscape orientation having been in portrait.
2013-10-03 00:21:08 +00:00
*/
this.enterLandscape = new Phaser.Signal();
/**
2014-09-09 14:36:56 +00:00
* @property {Phaser.Signal} enterPortrait - The event that is dispatched when the browser enters portrait orientation having been in landscape.
2013-10-03 00:21:08 +00:00
*/
this.enterPortrait = new Phaser.Signal();
2013-11-28 15:57:09 +00:00
/**
* @property {Phaser.Signal} enterIncorrectOrientation - The event that is dispatched when the browser enters an incorrect orientation, as defined by forceOrientation.
*/
this.enterIncorrectOrientation = new Phaser.Signal();
/**
* @property {Phaser.Signal} leaveIncorrectOrientation - The event that is dispatched when the browser leaves an incorrect orientation, as defined by forceOrientation.
*/
this.leaveIncorrectOrientation = new Phaser.Signal();
2014-03-14 06:36:05 +00:00
/**
* This is the DOM element that will have the Full Screen mode called on it. It defaults to the game canvas, but can be retargetted to any valid DOM element.
* If you adjust this property it's up to you to see it has the correct CSS applied, and that you have contained the game canvas correctly.
* Note that if you use a scale property of EXACT_FIT then fullScreenTarget will have its width and height style set to 100%.
* @property {any} fullScreenTarget
*/
2014-09-09 14:36:56 +00:00
this.fullScreenTarget = null;
2014-03-14 06:36:05 +00:00
/**
* @property {Phaser.Signal} enterFullScreen - The event that is dispatched when the browser enters full screen mode (if it supports the FullScreen API).
*/
this.enterFullScreen = new Phaser.Signal();
/**
* @property {Phaser.Signal} leaveFullScreen - The event that is dispatched when the browser leaves full screen mode (if it supports the FullScreen API).
*/
this.leaveFullScreen = new Phaser.Signal();
2014-02-18 03:01:51 +00:00
/**
* @property {number} orientation - The orientation value of the game (as defined by window.orientation if set). 90 = landscape. 0 = portrait.
*/
this.orientation = 0;
2013-10-03 00:21:08 +00:00
if (window['orientation'])
{
this.orientation = window['orientation'];
}
else
{
if (window.outerWidth > window.outerHeight)
{
this.orientation = 90;
}
}
/**
2013-11-07 06:10:15 +00:00
* @property {Phaser.Point} scaleFactor - The scale factor based on the game dimensions vs. the scaled dimensions.
2013-11-28 15:57:09 +00:00
* @readonly
2013-10-03 00:21:08 +00:00
*/
this.scaleFactor = new Phaser.Point(1, 1);
2013-11-28 15:57:09 +00:00
/**
* @property {Phaser.Point} scaleFactorInversed - The inversed scale factor. The displayed dimensions divided by the game dimensions.
* @readonly
*/
this.scaleFactorInversed = new Phaser.Point(1, 1);
/**
2014-04-29 14:39:02 +00:00
* @property {Phaser.Point} margin - If the game canvas is set to align by adjusting the margin, the margin calculation values are stored in this Point.
2013-11-28 15:57:09 +00:00
* @readonly
*/
this.margin = new Phaser.Point(0, 0);
2014-05-20 09:12:48 +00:00
/**
* @property {Phaser.Rectangle} bounds - The bounds of the scaled game. The x/y will match the offset of the canvas element and the width/height the scaled width and height.
* @readonly
*/
2014-09-09 14:36:56 +00:00
this.bounds = new Phaser.Rectangle();
2014-05-20 09:12:48 +00:00
2013-10-03 00:21:08 +00:00
/**
2014-02-18 03:01:51 +00:00
* @property {number} aspectRatio - The aspect ratio of the scaled game.
* @readonly
2013-10-03 00:21:08 +00:00
*/
this.aspectRatio = 0;
2014-02-18 03:01:51 +00:00
/**
* @property {number} sourceAspectRatio - The aspect ratio (width / height) of the original game dimensions.
* @readonly
*/
2014-09-09 14:36:56 +00:00
this.sourceAspectRatio = 0;
2014-02-18 03:01:51 +00:00
2013-11-28 15:57:09 +00:00
/**
* @property {any} event- The native browser events from full screen API changes.
*/
this.event = null;
2014-02-18 03:01:51 +00:00
/*
* @property {number} fullScreenScaleMode - Scale mode to be used in fullScreen
*/
2014-03-14 06:36:05 +00:00
this.fullScreenScaleMode = Phaser.ScaleManager.NO_SCALE;
2014-02-18 03:01:51 +00:00
/**
2014-09-09 14:36:56 +00:00
* @property {boolean} parentIsWindow - If the parent container of the game is the browser window, rather than a div, this is set to `true`.
* @readonly
*/
this.parentIsWindow = false;
/**
* @property {object} parentNode - The fully parsed parent container of the game. If the parent is the browser window this will be `null`.
* @readonly
*/
this.parentNode = null;
/**
* @property {Phaser.Point} parentScaleFactor - The scale of the game in relation to its parent container.
* @readonly
*/
this.parentScaleFactor = new Phaser.Point(1, 1);
/**
* @property {number} trackParentInterval - The interval (in ms) upon which the ScaleManager checks if the parent has changed dimensions. Only applies if scaleMode = RESIZE and the game is contained within another html element.
* @default
*/
this.trackParentInterval = 2000;
/**
* @property {function} onResize - The callback that will be called each time a window.resize event happens or if set, the parent container resizes.
* @default
*/
this.onResize = null;
/**
* @property {object} onResizeContext - The context in which the callback will be called.
* @default
*/
this.onResizeContext = null;
/**
* @property {number} scaleMode - The current scaling method being used.
2014-02-18 03:01:51 +00:00
* @private
*/
2014-09-09 14:36:56 +00:00
this._scaleMode = Phaser.ScaleManager.NO_SCALE;
2014-02-18 03:01:51 +00:00
/**
2014-09-09 14:36:56 +00:00
* @property {number} _width - Cached game width for full screen mode.
2014-02-18 03:01:51 +00:00
* @private
*/
this._width = 0;
/**
2014-09-09 14:36:56 +00:00
* @property {number} _height - Cached game height for full screen mode.
2014-02-18 03:01:51 +00:00
* @private
*/
this._height = 0;
2014-05-20 09:12:48 +00:00
/**
* @property {number} _check - Cached size interval var.
* @private
*/
this._check = null;
2014-09-09 14:36:56 +00:00
/**
* @property {number} _nextParentCheck - The time to run the next parent bounds check.
* @private
*/
this._nextParentCheck = 0;
2013-10-03 00:21:08 +00:00
2014-09-09 14:36:56 +00:00
/**
* @property {object} _parentBounds - The cached result of getBoundingClientRect from the parent.
* @private
*/
this._parentBounds = null;
2013-11-01 18:16:52 +00:00
2014-09-09 14:36:56 +00:00
if (game.config)
2014-07-10 19:31:11 +00:00
{
2014-09-09 14:36:56 +00:00
this.parseConfig(game.config);
2014-07-10 19:31:11 +00:00
}
2014-03-28 01:42:49 +00:00
2014-09-09 14:36:56 +00:00
this.setupScale(width, height);
2013-10-03 00:21:08 +00:00
};
/**
* @constant
* @type {number}
*/
2014-03-14 06:36:05 +00:00
Phaser.ScaleManager.EXACT_FIT = 0;
2013-10-03 00:21:08 +00:00
/**
* @constant
* @type {number}
*/
2014-03-14 06:36:05 +00:00
Phaser.ScaleManager.NO_SCALE = 1;
2013-10-03 00:21:08 +00:00
/**
* @constant
* @type {number}
*/
2014-03-14 06:36:05 +00:00
Phaser.ScaleManager.SHOW_ALL = 2;
2013-10-03 00:21:08 +00:00
2014-09-09 14:36:56 +00:00
/**
* @constant
* @type {number}
*/
Phaser.ScaleManager.RESIZE = 3;
2014-03-14 06:36:05 +00:00
Phaser.ScaleManager.prototype = {
2013-10-03 00:21:08 +00:00
/**
2014-09-09 14:36:56 +00:00
* Parses the Game configuration object.
*
* @method Phaser.ScaleManager#parseConfig
* @param {object} config - The game configuration object.
2013-10-03 00:21:08 +00:00
*/
2014-09-09 14:36:56 +00:00
parseConfig: function (config) {
2013-10-03 00:21:08 +00:00
2014-09-09 14:36:56 +00:00
if (config['scaleMode'])
2013-10-03 00:21:08 +00:00
{
2014-09-09 14:36:56 +00:00
this.scaleMode = config['scaleMode'];
2013-10-03 00:21:08 +00:00
}
2014-09-09 14:36:56 +00:00
if (config['fullScreenScaleMode'])
2013-11-01 18:16:52 +00:00
{
2014-09-09 14:36:56 +00:00
this.fullScreenScaleMode = config['fullScreenScaleMode'];
2013-11-01 18:16:52 +00:00
}
2014-09-09 14:36:56 +00:00
if (config['fullScreenTarget'])
{
this.fullScreenTarget = config['fullScreenTarget'];
}
2013-11-01 18:16:52 +00:00
2014-09-09 14:36:56 +00:00
},
/**
* Calculates and sets the game dimensions based on the given width and height.
*
* @method Phaser.ScaleManager#setupScale
* @param {number|string} width - The width of the game.
* @param {number|string} height - The height of the game.
*/
setupScale: function (width, height) {
var target;
var rect = new Phaser.Rectangle();
if (this.game.parent !== '')
2013-10-03 00:21:08 +00:00
{
2014-09-09 14:36:56 +00:00
if (typeof this.game.parent === 'string')
{
// hopefully an element ID
target = document.getElementById(this.game.parent);
}
else if (typeof this.game.parent === 'object' & & this.game.parent.nodeType === 1)
{
// quick test for a HTMLelement
target = this.game.parent;
}
}
// Fallback, covers an invalid ID and a non HTMLelement object
if (!target)
{
// Use the full window
this.parentNode = null;
this.parentIsWindow = true;
rect.width = window.innerWidth;
rect.height = window.innerHeight;
2013-10-03 00:21:08 +00:00
}
2014-03-14 06:36:05 +00:00
else
2013-10-03 00:21:08 +00:00
{
2014-09-09 14:36:56 +00:00
this.parentNode = target;
this.parentIsWindow = false;
this._parentBounds = this.parentNode.getBoundingClientRect();
rect.width = this._parentBounds.width;
rect.height = this._parentBounds.height;
this.offset.set(this._parentBounds.left, this._parentBounds.top);
2013-10-03 00:21:08 +00:00
}
2014-09-09 14:36:56 +00:00
var newWidth = 0;
var newHeight = 0;
if (typeof width === 'number')
{
newWidth = width;
}
else
{
// Percentage based
this.parentScaleFactor.x = parseInt(width, 10) / 100;
newWidth = rect.width * this.parentScaleFactor.x;
}
if (typeof height === 'number')
{
newHeight = height;
}
else
{
// Percentage based
this.parentScaleFactor.y = parseInt(height, 10) / 100;
newHeight = rect.height * this.parentScaleFactor.y;
}
this.grid = new Phaser.FlexGrid(this, newWidth, newHeight);
this.updateDimensions(newWidth, newHeight, false);
2013-10-03 00:21:08 +00:00
},
/**
2014-09-09 14:36:56 +00:00
* Calculates and sets the game dimensions based on the given width and height.
*
* @method Phaser.ScaleManager#boot
2013-10-03 00:21:08 +00:00
*/
2014-09-09 14:36:56 +00:00
boot: function () {
2013-10-03 00:21:08 +00:00
2014-09-09 14:36:56 +00:00
// Now the canvas has been created we can target it
this.fullScreenTarget = this.game.canvas;
var _this = this;
this._checkOrientation = function(event) {
return _this.checkOrientation(event);
};
this._checkResize = function(event) {
return _this.checkResize(event);
};
this._fullScreenChange = function(event) {
return _this.fullScreenChange(event);
};
window.addEventListener('orientationchange', this._checkOrientation, false);
window.addEventListener('resize', this._checkResize, false);
if (!this.game.device.cocoonJS)
{
document.addEventListener('webkitfullscreenchange', this._fullScreenChange, false);
document.addEventListener('mozfullscreenchange', this._fullScreenChange, false);
document.addEventListener('fullscreenchange', this._fullScreenChange, false);
}
this.updateDimensions(this.width, this.height, true);
Phaser.Canvas.getOffset(this.game.canvas, this.offset);
this.bounds.setTo(this.offset.x, this.offset.y, this.width, this.height);
2013-10-03 00:21:08 +00:00
},
2013-11-01 18:16:52 +00:00
/**
2014-09-09 14:36:56 +00:00
* Sets the callback that will be called when the window resize event occurs, or if set the parent container changes dimensions.
* Use this to handle responsive game layout options.
* Note that the callback will only be called if the ScaleManager.scaleMode is set to RESIZE.
*
* @method Phaser.ScaleManager#setResizeCallback
* @param {function} callback - The callback that will be called each time a window.resize event happens or if set, the parent container resizes.
* @param {object} context - The context in which the callback will be called.
2013-11-01 18:16:52 +00:00
*/
2014-09-09 14:36:56 +00:00
setResizeCallback: function (callback, context) {
2013-11-01 18:16:52 +00:00
2014-09-09 14:36:56 +00:00
this.onResize = callback;
this.onResizeContext = context;
2013-11-28 15:57:09 +00:00
2014-09-09 14:36:56 +00:00
},
/**
* Set the ScaleManager min and max dimensions in one single callback.
*
* @method setMinMax
* @param {number} minWidth - The minimum width the game is allowed to scale down to.
* @param {number} minHeight - The minimum height the game is allowed to scale down to.
* @param {number} maxWidth - The maximum width the game is allowed to scale up to.
* @param {number} maxHeight - The maximum height the game is allowed to scale up to.
*/
setMinMax: function (minWidth, minHeight, maxWidth, maxHeight) {
this.minWidth = minWidth;
this.minHeight = minHeight;
if (typeof maxWidth !== 'undefined')
2013-11-01 18:16:52 +00:00
{
2014-09-09 14:36:56 +00:00
this.maxWidth = maxWidth;
}
2013-11-01 18:16:52 +00:00
2014-09-09 14:36:56 +00:00
if (typeof maxHeight !== 'undefined')
{
this.maxHeight = maxHeight;
}
2013-11-01 18:16:52 +00:00
2014-09-09 14:36:56 +00:00
},
2013-11-01 18:16:52 +00:00
2014-09-09 14:36:56 +00:00
/**
* The ScaleManager.preUpdate is called automatically by the core Game loop.
*
* @method Phaser.ScaleManager#preUpdate
* @protected
*/
preUpdate: function () {
2014-03-14 06:36:05 +00:00
2014-09-09 14:36:56 +00:00
if (this.game.time.now < this._nextParentCheck)
{
return;
}
if (!this.parentIsWindow)
{
Phaser.Canvas.getOffset(this.game.canvas, this.offset);
if (this._scaleMode === Phaser.ScaleManager.RESIZE)
2014-02-05 06:29:17 +00:00
{
2014-09-09 14:36:56 +00:00
this._parentBounds = this.parentNode.getBoundingClientRect();
2014-03-14 06:36:05 +00:00
2014-09-09 14:36:56 +00:00
if (this._parentBounds.width !== this.width || this._parentBounds.height !== this.height)
{
// The parent has changed size, so we need to adapt
this.updateDimensions(this._parentBounds.width, this._parentBounds.height, true);
}
}
2013-11-01 18:16:52 +00:00
}
2014-09-09 14:36:56 +00:00
this._nextParentCheck = this.game.time.now + this.trackParentInterval;
},
/**
* Called automatically when the game parent dimensions change.
*
* @method updateDimensions
* @param {number} width - The new width of the parent container.
* @param {number} height - The new height of the parent container.
* @param {boolean} resize - True if the renderer should be resized, otherwise false to just update the internal vars.
*/
updateDimensions: function (width, height, resize) {
this.width = width * this.parentScaleFactor.x;
this.height = height * this.parentScaleFactor.y;
this.game.width = this.width;
this.game.height = this.height;
this.sourceAspectRatio = this.width / this.height;
this.bounds.width = this.width;
this.bounds.height = this.height;
if (resize)
2013-11-01 18:16:52 +00:00
{
2014-09-09 14:36:56 +00:00
this.game.renderer.resize(this.width, this.height);
2013-11-01 18:16:52 +00:00
2014-09-09 14:36:56 +00:00
// The Camera can never be smaller than the game size
this.game.camera.setSize(this.width, this.height);
2013-11-01 18:16:52 +00:00
2014-09-09 14:36:56 +00:00
// This should only happen if the world is smaller than the new canvas size
this.game.world.resize(this.width, this.height);
}
2013-11-01 18:16:52 +00:00
2014-09-09 14:36:56 +00:00
this.grid.onResize(width, height);
2014-03-14 06:36:05 +00:00
2014-09-09 14:36:56 +00:00
if (this.onResize)
{
this.onResize.call(this.onResizeContext, this.width, this.height);
2013-11-01 18:16:52 +00:00
}
2014-09-09 14:36:56 +00:00
this.game.state.resize(width, height);
2013-11-01 18:16:52 +00:00
},
2013-11-07 06:10:15 +00:00
/**
* If you need your game to run in only one orientation you can force that to happen.
2014-09-09 14:36:56 +00:00
*
2014-03-14 06:36:05 +00:00
* @method Phaser.ScaleManager#forceOrientation
2013-11-07 06:10:15 +00:00
* @param {boolean} forceLandscape - true if the game should run in landscape mode only.
2013-11-28 15:57:09 +00:00
* @param {boolean} [forcePortrait=false] - true if the game should run in portrait mode only.
2013-11-07 06:10:15 +00:00
*/
2014-09-09 14:36:56 +00:00
forceOrientation: function (forceLandscape, forcePortrait) {
2013-11-07 06:10:15 +00:00
2013-11-28 15:57:09 +00:00
if (typeof forcePortrait === 'undefined') { forcePortrait = false; }
2013-11-07 06:10:15 +00:00
2013-11-28 15:57:09 +00:00
this.forceLandscape = forceLandscape;
this.forcePortrait = forcePortrait;
2013-11-07 06:10:15 +00:00
},
2013-10-03 00:21:08 +00:00
/**
* Checks if the browser is in the correct orientation for your game (if forceLandscape or forcePortrait have been set)
2014-09-09 14:36:56 +00:00
*
2014-03-14 06:36:05 +00:00
* @method Phaser.ScaleManager#checkOrientationState
2013-10-03 00:21:08 +00:00
*/
checkOrientationState: function () {
// They are in the wrong orientation
if (this.incorrectOrientation)
{
2014-04-11 12:09:28 +00:00
if ((this.forceLandscape & & window.innerWidth > window.innerHeight) || (this.forcePortrait & & window.innerHeight > window.innerWidth))
2013-10-03 00:21:08 +00:00
{
// Back to normal
this.incorrectOrientation = false;
2013-11-28 15:57:09 +00:00
this.leaveIncorrectOrientation.dispatch();
2013-11-07 06:10:15 +00:00
2014-03-14 06:36:05 +00:00
if (this.scaleMode !== Phaser.ScaleManager.NO_SCALE)
{
this.refresh();
}
2013-10-03 00:21:08 +00:00
}
}
else
{
2014-04-11 12:09:28 +00:00
if ((this.forceLandscape & & window.innerWidth < window.innerHeight) || (this.forcePortrait & & window.innerHeight < window.innerWidth))
2013-10-03 00:21:08 +00:00
{
// Show orientation screen
this.incorrectOrientation = true;
2013-11-28 15:57:09 +00:00
this.enterIncorrectOrientation.dispatch();
2013-11-07 06:10:15 +00:00
2014-03-14 06:36:05 +00:00
if (this.scaleMode !== Phaser.ScaleManager.NO_SCALE)
{
this.refresh();
}
2013-10-03 00:21:08 +00:00
}
}
},
/**
2014-09-09 14:36:56 +00:00
* window.orientationchange event handler.
*
2014-03-14 06:36:05 +00:00
* @method Phaser.ScaleManager#checkOrientation
2013-10-03 00:21:08 +00:00
* @param {Event} event - The orientationchange event data.
*/
checkOrientation: function (event) {
2013-11-28 15:57:09 +00:00
this.event = event;
2013-10-03 00:21:08 +00:00
this.orientation = window['orientation'];
if (this.isLandscape)
{
this.enterLandscape.dispatch(this.orientation, true, false);
}
else
{
this.enterPortrait.dispatch(this.orientation, false, true);
}
2014-03-14 06:36:05 +00:00
if (this.scaleMode !== Phaser.ScaleManager.NO_SCALE)
2013-10-03 00:21:08 +00:00
{
this.refresh();
}
},
/**
2014-09-09 14:36:56 +00:00
* window.resize event handler.
*
2014-03-14 06:36:05 +00:00
* @method Phaser.ScaleManager#checkResize
2013-10-03 00:21:08 +00:00
* @param {Event} event - The resize event data.
*/
checkResize: function (event) {
2013-11-28 15:57:09 +00:00
this.event = event;
2014-09-09 14:36:56 +00:00
var wasLandscape = this.isLandscape;
2013-10-03 00:21:08 +00:00
if (window.outerWidth > window.outerHeight)
{
this.orientation = 90;
}
else
{
this.orientation = 0;
}
2014-09-09 14:36:56 +00:00
// If it WAS in Landscape but is now in portrait ...
if (wasLandscape & & this.isPortrait)
2013-10-03 00:21:08 +00:00
{
2014-09-09 14:36:56 +00:00
this.enterPortrait.dispatch(this.orientation, false, true);
if (this.forceLandscape)
{
this.enterIncorrectOrientation.dispatch();
}
else if (this.forcePortrait)
{
this.leaveIncorrectOrientation.dispatch();
}
2013-10-03 00:21:08 +00:00
}
2014-09-09 14:36:56 +00:00
else if (!wasLandscape & & this.isLandscape)
2013-10-03 00:21:08 +00:00
{
2014-09-09 14:36:56 +00:00
// It WAS in portrait mode, but is now in Landscape ...
this.enterLandscape.dispatch(this.orientation, true, false);
if (this.forceLandscape)
{
this.leaveIncorrectOrientation.dispatch();
}
else if (this.forcePortrait)
{
this.enterIncorrectOrientation.dispatch();
}
2013-10-03 00:21:08 +00:00
}
2014-09-09 14:36:56 +00:00
if (this._scaleMode === Phaser.ScaleManager.RESIZE & & this.parentIsWindow)
{
// The window has changed size, so we need to adapt
this.updateDimensions(window.innerWidth, window.innerHeight, true);
}
else if (this._scaleMode === Phaser.ScaleManager.EXACT_FIT || this._scaleMode === Phaser.ScaleManager.SHOW_ALL)
2013-10-03 00:21:08 +00:00
{
this.refresh();
2014-09-09 14:36:56 +00:00
if (this.onResize)
{
this.onResize.call(this.onResizeContext, this.width, this.height);
}
2013-10-03 00:21:08 +00:00
}
2013-11-07 06:10:15 +00:00
2014-10-22 20:49:44 +00:00
this.checkOrientationState();
2013-10-03 00:21:08 +00:00
},
/**
2014-09-09 14:36:56 +00:00
* Re-calculate scale mode and update screen size. This only applies if ScaleMode is not set to RESIZE.
*
2014-03-14 06:36:05 +00:00
* @method Phaser.ScaleManager#refresh
2013-10-03 00:21:08 +00:00
*/
refresh: function () {
2014-09-09 14:36:56 +00:00
// Not needed for RESIZE
if (this.scaleMode === Phaser.ScaleManager.RESIZE)
{
return;
}
2013-10-03 00:21:08 +00:00
// We can't do anything about the status bars in iPads, web apps or desktops
2014-04-29 14:39:02 +00:00
if (!this.game.device.iPad & & !this.game.device.webApp & & !this.game.device.desktop)
2013-10-03 00:21:08 +00:00
{
2014-04-29 14:39:02 +00:00
if (this.game.device.android & & !this.game.device.chrome)
2013-10-03 00:21:08 +00:00
{
window.scrollTo(0, 1);
}
else
{
window.scrollTo(0, 0);
}
}
2014-04-29 14:39:02 +00:00
if (this._check === null & & this.maxIterations > 0)
2013-10-03 00:21:08 +00:00
{
this._iterations = this.maxIterations;
2013-11-28 15:57:09 +00:00
var _this = this;
2013-10-03 00:21:08 +00:00
this._check = window.setInterval(function () {
return _this.setScreenSize();
}, 10);
2013-11-28 15:57:09 +00:00
2013-10-03 00:21:08 +00:00
this.setScreenSize();
}
},
/**
2014-09-09 14:36:56 +00:00
* Set screen size automatically based on the scaleMode. This is only needed if ScaleMode is not set to RESIZE.
*
2013-11-07 06:10:15 +00:00
* @param {boolean} force - If force is true it will try to resize the game regardless of the document dimensions.
2013-10-03 00:21:08 +00:00
*/
setScreenSize: function (force) {
2014-09-09 14:36:56 +00:00
if (this.scaleMode === Phaser.ScaleManager.RESIZE)
{
return;
}
2014-04-29 14:39:02 +00:00
if (typeof force === 'undefined')
2013-10-03 00:21:08 +00:00
{
force = false;
}
2014-03-28 01:42:49 +00:00
2014-04-29 14:39:02 +00:00
if (!this.game.device.iPad & & !this.game.device.webApp & & !this.game.device.desktop)
2013-10-03 00:21:08 +00:00
{
2014-04-29 14:39:02 +00:00
if (this.game.device.android & & !this.game.device.chrome)
2013-10-03 00:21:08 +00:00
{
window.scrollTo(0, 1);
}
else
{
window.scrollTo(0, 0);
}
}
this._iterations--;
2014-09-09 14:36:56 +00:00
if (force || this._iterations < 0)
2013-10-03 00:21:08 +00:00
{
// Set minimum height of content to new window height
document.documentElement['style'].minHeight = window.innerHeight + 'px';
2014-03-28 01:42:49 +00:00
2014-04-29 14:39:02 +00:00
if (this.incorrectOrientation)
2013-10-03 00:21:08 +00:00
{
this.setMaximum();
}
2014-02-05 06:29:17 +00:00
else if (!this.isFullScreen)
2013-10-03 00:21:08 +00:00
{
2014-04-29 14:39:02 +00:00
if (this.scaleMode === Phaser.ScaleManager.EXACT_FIT)
2014-02-05 06:29:17 +00:00
{
this.setExactFit();
}
2014-04-29 14:39:02 +00:00
else if (this.scaleMode === Phaser.ScaleManager.SHOW_ALL)
2014-02-05 06:29:17 +00:00
{
this.setShowAll();
}
2013-10-03 00:21:08 +00:00
}
2014-02-05 06:29:17 +00:00
else
2013-10-03 00:21:08 +00:00
{
2014-04-29 14:39:02 +00:00
if (this.fullScreenScaleMode === Phaser.ScaleManager.EXACT_FIT)
2014-02-05 06:29:17 +00:00
{
this.setExactFit();
}
2014-04-29 14:39:02 +00:00
else if (this.fullScreenScaleMode === Phaser.ScaleManager.SHOW_ALL)
2014-02-05 06:29:17 +00:00
{
this.setShowAll();
}
2013-10-03 00:21:08 +00:00
}
this.setSize();
clearInterval(this._check);
this._check = null;
}
},
/**
* Sets the canvas style width and height values based on minWidth/Height and maxWidth/Height.
2014-09-09 14:36:56 +00:00
*
2014-03-14 06:36:05 +00:00
* @method Phaser.ScaleManager#setSize
2013-10-03 00:21:08 +00:00
*/
setSize: function () {
2014-04-29 14:39:02 +00:00
if (!this.incorrectOrientation)
2013-10-03 00:21:08 +00:00
{
2014-04-11 12:09:28 +00:00
if (this.maxWidth & & this.width > this.maxWidth)
2013-10-03 00:21:08 +00:00
{
this.width = this.maxWidth;
}
2014-04-11 12:09:28 +00:00
if (this.maxHeight & & this.height > this.maxHeight)
2013-10-03 00:21:08 +00:00
{
this.height = this.maxHeight;
}
2014-04-11 12:09:28 +00:00
if (this.minWidth & & this.width < this.minWidth)
2013-10-03 00:21:08 +00:00
{
this.width = this.minWidth;
}
2014-04-11 12:09:28 +00:00
if (this.minHeight & & this.height < this.minHeight)
2013-10-03 00:21:08 +00:00
{
this.height = this.minHeight;
}
}
this.game.canvas.style.width = this.width + 'px';
this.game.canvas.style.height = this.height + 'px';
2014-03-28 01:42:49 +00:00
2013-10-03 00:21:08 +00:00
this.game.input.scale.setTo(this.game.width / this.width, this.game.height / this.height);
if (this.pageAlignHorizontally)
{
2014-04-29 14:39:02 +00:00
if (this.width < window.innerWidth & & !this.incorrectOrientation)
2013-10-03 00:21:08 +00:00
{
2013-11-28 15:57:09 +00:00
this.margin.x = Math.round((window.innerWidth - this.width) / 2);
this.game.canvas.style.marginLeft = this.margin.x + 'px';
2013-10-03 00:21:08 +00:00
}
else
{
2013-11-28 15:57:09 +00:00
this.margin.x = 0;
2013-10-03 00:21:08 +00:00
this.game.canvas.style.marginLeft = '0px';
}
}
2013-10-23 13:00:28 +00:00
if (this.pageAlignVertically)
2013-10-03 00:21:08 +00:00
{
2014-04-29 14:39:02 +00:00
if (this.height < window.innerHeight & & !this.incorrectOrientation)
2013-10-03 00:21:08 +00:00
{
2013-11-28 15:57:09 +00:00
this.margin.y = Math.round((window.innerHeight - this.height) / 2);
this.game.canvas.style.marginTop = this.margin.y + 'px';
2013-10-03 00:21:08 +00:00
}
else
{
2013-11-28 15:57:09 +00:00
this.margin.y = 0;
2013-10-03 00:21:08 +00:00
this.game.canvas.style.marginTop = '0px';
}
}
2014-09-09 14:36:56 +00:00
Phaser.Canvas.getOffset(this.game.canvas, this.offset);
this.bounds.setTo(this.offset.x, this.offset.y, this.width, this.height);
2014-05-20 09:12:48 +00:00
2013-10-03 00:21:08 +00:00
this.aspectRatio = this.width / this.height;
2014-03-28 01:42:49 +00:00
2013-10-03 00:21:08 +00:00
this.scaleFactor.x = this.game.width / this.width;
this.scaleFactor.y = this.game.height / this.height;
2013-11-28 15:57:09 +00:00
this.scaleFactorInversed.x = this.width / this.game.width;
this.scaleFactorInversed.y = this.height / this.game.height;
2013-11-07 06:10:15 +00:00
this.checkOrientationState();
2013-10-03 00:21:08 +00:00
},
2014-09-09 14:36:56 +00:00
reset: function (clearWorld) {
if (clearWorld)
{
this.grid.reset();
}
},
2013-10-03 00:21:08 +00:00
/**
2014-09-09 14:36:56 +00:00
* Sets this.width equal to window.innerWidth and this.height equal to window.innerHeight.
*
2014-03-14 06:36:05 +00:00
* @method Phaser.ScaleManager#setMaximum
2013-10-03 00:21:08 +00:00
*/
setMaximum: function () {
this.width = window.innerWidth;
this.height = window.innerHeight;
},
/**
* Calculates the multiplier needed to scale the game proportionally.
2014-09-09 14:36:56 +00:00
*
2014-03-14 06:36:05 +00:00
* @method Phaser.ScaleManager#setShowAll
2013-10-03 00:21:08 +00:00
*/
setShowAll: function () {
var multiplier = Math.min((window.innerHeight / this.game.height), (window.innerWidth / this.game.width));
this.width = Math.round(this.game.width * multiplier);
this.height = Math.round(this.game.height * multiplier);
},
/**
* Sets the width and height values of the canvas, no larger than the maxWidth/Height.
2014-09-09 14:36:56 +00:00
*
2014-03-14 06:36:05 +00:00
* @method Phaser.ScaleManager#setExactFit
2013-10-03 00:21:08 +00:00
*/
setExactFit: function () {
2013-11-01 18:16:52 +00:00
var availableWidth = window.innerWidth;
var availableHeight = window.innerHeight;
2013-10-03 00:21:08 +00:00
2014-04-11 12:09:28 +00:00
if (this.maxWidth & & availableWidth > this.maxWidth)
2013-10-03 00:21:08 +00:00
{
this.width = this.maxWidth;
}
else
{
this.width = availableWidth;
}
2014-04-11 12:09:28 +00:00
if (this.maxHeight & & availableHeight > this.maxHeight)
2013-10-03 00:21:08 +00:00
{
this.height = this.maxHeight;
}
else
{
this.height = availableHeight;
}
2014-09-09 14:36:56 +00:00
},
/**
* 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.
*
* @method Phaser.ScaleManager#startFullScreen
* @param {boolean} antialias - You can toggle the anti-alias feature of the canvas before jumping in to full screen (false = retain pixel art, true = smooth art)
*/
startFullScreen: function (antialias) {
if (this.isFullScreen || !this.game.device.fullscreen)
{
return;
}
if (typeof antialias !== 'undefined' & & this.game.renderType === Phaser.CANVAS)
{
this.game.stage.smoothed = antialias;
}
this._width = this.width;
this._height = this.height;
if (this.game.device.fullscreenKeyboard)
{
this.fullScreenTarget[this.game.device.requestFullscreen](Element.ALLOW_KEYBOARD_INPUT);
}
else
{
this.fullScreenTarget[this.game.device.requestFullscreen]();
}
},
/**
* Stops full screen mode if the browser is in it.
* @method Phaser.ScaleManager#stopFullScreen
*/
stopFullScreen: function () {
document[this.game.device.cancelFullscreen]();
},
/**
* Called automatically when the browser enters of leaves full screen mode.
* @method Phaser.ScaleManager#fullScreenChange
* @param {Event} event - The fullscreenchange event
* @protected
*/
fullScreenChange: function (event) {
this.event = event;
if (this.isFullScreen)
{
if (this.fullScreenScaleMode === Phaser.ScaleManager.EXACT_FIT)
{
this.fullScreenTarget.style['width'] = '100%';
this.fullScreenTarget.style['height'] = '100%';
this.width = window.outerWidth;
this.height = window.outerHeight;
this.game.input.scale.setTo(this.game.width / this.width, this.game.height / this.height);
this.aspectRatio = this.width / this.height;
this.scaleFactor.x = this.game.width / this.width;
this.scaleFactor.y = this.game.height / this.height;
this.checkResize();
}
else if (this.fullScreenScaleMode === Phaser.ScaleManager.SHOW_ALL)
{
this.setShowAll();
this.refresh();
}
this.enterFullScreen.dispatch(this.width, this.height);
}
else
{
this.fullScreenTarget.style['width'] = this.game.width + 'px';
this.fullScreenTarget.style['height'] = this.game.height + 'px';
this.width = this._width;
this.height = this._height;
this.game.input.scale.setTo(this.game.width / this.width, this.game.height / this.height);
this.aspectRatio = this.width / this.height;
this.scaleFactor.x = this.game.width / this.width;
this.scaleFactor.y = this.game.height / this.height;
this.leaveFullScreen.dispatch(this.width, this.height);
}
},
/**
* Destroys the ScaleManager and removes any event listeners.
*
* @method destroy
*/
destroy: function () {
window.removeEventListener('orientationchange', this._checkOrientation, false);
window.removeEventListener('resize', this._checkResize, false);
if (!this.game.device.cocoonJS)
{
document.removeEventListener('webkitfullscreenchange', this._fullScreenChange, false);
document.removeEventListener('mozfullscreenchange', this._fullScreenChange, false);
document.removeEventListener('fullscreenchange', this._fullScreenChange, false);
}
2013-10-03 00:21:08 +00:00
}
};
2014-03-14 06:36:05 +00:00
Phaser.ScaleManager.prototype.constructor = Phaser.ScaleManager;
2014-02-05 06:29:17 +00:00
2014-09-09 14:36:56 +00:00
/**
* @name Phaser.ScaleManager#scaleMode
* @property {number} scaleMode - The scaling method used by the ScaleManager.
*/
Object.defineProperty(Phaser.ScaleManager.prototype, "scaleMode", {
get: function () {
return this._scaleMode;
},
set: function (value) {
if (value !== this._scaleMode)
{
this._scaleMode = value;
}
}
});
2013-10-03 00:21:08 +00:00
/**
2014-03-14 06:36:05 +00:00
* @name Phaser.ScaleManager#isFullScreen
2013-10-03 00:21:08 +00:00
* @property {boolean} isFullScreen - Returns true if the browser is in full screen mode, otherwise false.
* @readonly
*/
2014-03-14 06:36:05 +00:00
Object.defineProperty(Phaser.ScaleManager.prototype, "isFullScreen", {
2013-10-03 00:21:08 +00:00
get: function () {
2014-03-28 01:42:49 +00:00
return (document['fullscreenElement'] || document['mozFullScreenElement'] || document['webkitFullscreenElement']);
2013-10-03 00:21:08 +00:00
}
});
/**
2014-03-14 06:36:05 +00:00
* @name Phaser.ScaleManager#isPortrait
2013-10-03 00:21:08 +00:00
* @property {boolean} isPortrait - Returns true if the browser dimensions match a portrait display.
* @readonly
*/
2014-03-14 06:36:05 +00:00
Object.defineProperty(Phaser.ScaleManager.prototype, "isPortrait", {
2013-10-03 00:21:08 +00:00
get: function () {
2014-04-29 14:39:02 +00:00
return (this.orientation === 0 || this.orientation === 180);
2013-10-03 00:21:08 +00:00
}
});
/**
2014-03-14 06:36:05 +00:00
* @name Phaser.ScaleManager#isLandscape
2013-10-03 00:21:08 +00:00
* @property {boolean} isLandscape - Returns true if the browser dimensions match a landscape display.
* @readonly
*/
2014-03-14 06:36:05 +00:00
Object.defineProperty(Phaser.ScaleManager.prototype, "isLandscape", {
2013-10-03 00:21:08 +00:00
get: function () {
2014-04-29 14:39:02 +00:00
return (this.orientation === 90 || this.orientation === -90);
2013-10-03 00:21:08 +00:00
}
});
< / pre >
< / 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" >
2014-04-11 12:09:28 +00:00
Documentation generated by < a href = "https://github.com/jsdoc3/jsdoc" > JSDoc 3.3.0-dev< / a >
2014-10-22 20:49:44 +00:00
on Wed Oct 22 2014 21:45:44 GMT+0100 (BST) using the < a href = "https://github.com/terryweiss/docstrap" > DocStrap template< / a > .
2013-10-03 00:21:08 +00:00
< / span >
< / footer >
< / 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( {
2014-04-10 22:13:43 +00:00
anchorName : function(i, heading, prefix) {
2014-03-14 06:36:05 +00:00
return $(heading).attr("id") || ( prefix + i );
},
2013-10-03 00:21:08 +00:00
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 >
