mirror of
https://github.com/photonstorm/phaser
synced 2024-11-27 07:01:20 +00:00
5d5c64d22f
After defining tiles that collide on a Tilemap, you need to call Tilemap.generateCollisionData(layer) to populate the physics world with the data required. Debug.renderPhysicsBody updated to take camera location and body rotation into account. Body movement functions put back to velocity :) Updated to latest dev version of pixi and latest p2.js Updated docs
1201 lines
27 KiB
HTML
1201 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Phaser Source: system/Device.js</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
|
|
class="caret"></b></a>
|
|
|
|
<ul class="dropdown-menu ">
|
|
|
|
<li>
|
|
<a href="Phaser.html">Phaser</a>
|
|
</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>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.AnimationParser.html">AnimationParser</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.BitmapData.html">BitmapData</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.BitmapFont.html">BitmapFont</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.BitmapText.html">BitmapText</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Button.html">Button</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Cache.html">Cache</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Camera.html">Camera</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Canvas.html">Canvas</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Circle.html">Circle</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Color.html">Color</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Device.html">Device</a>
|
|
</li>
|
|
|
|
<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>
|
|
|
|
<li>
|
|
<a href="Phaser.Ellipse.html">Ellipse</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Events.html">Events</a>
|
|
</li>
|
|
|
|
<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>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Game.html">Game</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.GameObjectFactory.html">GameObjectFactory</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Gamepad.html">Gamepad</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.GamepadButton.html">GamepadButton</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Graphics.html">Graphics</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Group.html">Group</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Image.html">Image</a>
|
|
</li>
|
|
|
|
<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>
|
|
|
|
<li>
|
|
<a href="Phaser.Line.html">Line</a>
|
|
</li>
|
|
|
|
<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>
|
|
</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>
|
|
|
|
<li>
|
|
<a href="Phaser.Physics.html">Physics</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Physics.Arcade.html">Arcade</a>
|
|
</li>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<li>
|
|
<a href="Phaser.RenderTexture.html">RenderTexture</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.RequestAnimationFrame.html">RequestAnimationFrame</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Signal.html">Signal</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.SinglePad.html">SinglePad</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Sound.html">Sound</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.SoundManager.html">SoundManager</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Sprite.html">Sprite</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.SpriteBatch.html">SpriteBatch</a>
|
|
</li>
|
|
|
|
<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>
|
|
|
|
<li>
|
|
<a href="Phaser.Text.html">Text</a>
|
|
</li>
|
|
|
|
<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>
|
|
|
|
<li>
|
|
<a href="Phaser.TileSprite.html">TileSprite</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Time.html">Time</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.Timer.html">Timer</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="Phaser.TimerEvent.html">TimerEvent</a>
|
|
</li>
|
|
|
|
<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>
|
|
|
|
<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#getBounds">getBounds</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>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row-fluid">
|
|
|
|
|
|
<div class="span12">
|
|
|
|
<div id="main">
|
|
|
|
|
|
|
|
<h1 class="page-title">Source: system/Device.js</h1>
|
|
|
|
<section>
|
|
<article>
|
|
<pre class="sunlight-highlight-javascript linenums">/**
|
|
* @author Richard Davey <rich@photonstorm.com>
|
|
* @copyright 2014 Photon Storm Ltd.
|
|
* @license {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
|
|
*/
|
|
|
|
/**
|
|
* Detects device support capabilities. Using some elements from System.js by MrDoob and Modernizr
|
|
*
|
|
* @class Phaser.Device
|
|
* @constructor
|
|
*/
|
|
|
|
Phaser.Device = function () {
|
|
|
|
/**
|
|
* An optional 'fix' for the horrendous Android stock browser bug https://code.google.com/p/android/issues/detail?id=39247
|
|
* @property {boolean} patchAndroidClearRectBug - Description.
|
|
* @default
|
|
*/
|
|
this.patchAndroidClearRectBug = false;
|
|
|
|
// Operating System
|
|
|
|
/**
|
|
* @property {boolean} desktop - Is running desktop?
|
|
* @default
|
|
*/
|
|
this.desktop = false;
|
|
|
|
/**
|
|
* @property {boolean} iOS - Is running on iOS?
|
|
* @default
|
|
*/
|
|
this.iOS = false;
|
|
|
|
/**
|
|
* @property {boolean} cocoonJS - Is the game running under CocoonJS?
|
|
* @default
|
|
*/
|
|
this.cocoonJS = false;
|
|
|
|
/**
|
|
* @property {boolean} ejecta - Is the game running under Ejecta?
|
|
* @default
|
|
*/
|
|
this.ejecta = false;
|
|
|
|
/**
|
|
* @property {boolean} android - Is running on android?
|
|
* @default
|
|
*/
|
|
this.android = false;
|
|
|
|
/**
|
|
* @property {boolean} chromeOS - Is running on chromeOS?
|
|
* @default
|
|
*/
|
|
this.chromeOS = false;
|
|
|
|
/**
|
|
* @property {boolean} linux - Is running on linux?
|
|
* @default
|
|
*/
|
|
this.linux = false;
|
|
|
|
/**
|
|
* @property {boolean} macOS - Is running on macOS?
|
|
* @default
|
|
*/
|
|
this.macOS = false;
|
|
|
|
/**
|
|
* @property {boolean} windows - Is running on windows?
|
|
* @default
|
|
*/
|
|
this.windows = false;
|
|
|
|
// Features
|
|
|
|
/**
|
|
* @property {boolean} canvas - Is canvas available?
|
|
* @default
|
|
*/
|
|
this.canvas = false;
|
|
|
|
/**
|
|
* @property {boolean} file - Is file available?
|
|
* @default
|
|
*/
|
|
this.file = false;
|
|
|
|
/**
|
|
* @property {boolean} fileSystem - Is fileSystem available?
|
|
* @default
|
|
*/
|
|
this.fileSystem = false;
|
|
|
|
/**
|
|
* @property {boolean} localStorage - Is localStorage available?
|
|
* @default
|
|
*/
|
|
this.localStorage = false;
|
|
|
|
/**
|
|
* @property {boolean} webGL - Is webGL available?
|
|
* @default
|
|
*/
|
|
this.webGL = false;
|
|
|
|
/**
|
|
* @property {boolean} worker - Is worker available?
|
|
* @default
|
|
*/
|
|
this.worker = false;
|
|
|
|
/**
|
|
* @property {boolean} touch - Is touch available?
|
|
* @default
|
|
*/
|
|
this.touch = false;
|
|
|
|
/**
|
|
* @property {boolean} mspointer - Is mspointer available?
|
|
* @default
|
|
*/
|
|
this.mspointer = false;
|
|
|
|
/**
|
|
* @property {boolean} css3D - Is css3D available?
|
|
* @default
|
|
*/
|
|
this.css3D = false;
|
|
|
|
/**
|
|
* @property {boolean} pointerLock - Is Pointer Lock available?
|
|
* @default
|
|
*/
|
|
this.pointerLock = false;
|
|
|
|
/**
|
|
* @property {boolean} typedArray - Does the browser support TypedArrays?
|
|
* @default
|
|
*/
|
|
this.typedArray = false;
|
|
|
|
/**
|
|
* @property {boolean} vibration - Does the device support the Vibration API?
|
|
* @default
|
|
*/
|
|
this.vibration = false;
|
|
|
|
/**
|
|
* @property {boolean} quirksMode - Is the browser running in strict mode (false) or quirks mode? (true)
|
|
* @default
|
|
*/
|
|
this.quirksMode = false;
|
|
|
|
// Browser
|
|
|
|
/**
|
|
* @property {boolean} arora - Set to true if running in Arora.
|
|
* @default
|
|
*/
|
|
this.arora = false;
|
|
|
|
/**
|
|
* @property {boolean} chrome - Set to true if running in Chrome.
|
|
* @default
|
|
*/
|
|
this.chrome = false;
|
|
|
|
/**
|
|
* @property {boolean} epiphany - Set to true if running in Epiphany.
|
|
* @default
|
|
*/
|
|
this.epiphany = false;
|
|
|
|
/**
|
|
* @property {boolean} firefox - Set to true if running in Firefox.
|
|
* @default
|
|
*/
|
|
this.firefox = false;
|
|
|
|
/**
|
|
* @property {boolean} ie - Set to true if running in Internet Explorer.
|
|
* @default
|
|
*/
|
|
this.ie = false;
|
|
|
|
/**
|
|
* @property {number} ieVersion - If running in Internet Explorer this will contain the major version number. Beyond IE10 you should use Device.trident and Device.tridentVersion.
|
|
* @default
|
|
*/
|
|
this.ieVersion = 0;
|
|
|
|
/**
|
|
* @property {boolean} trident - Set to true if running a Trident version of Internet Explorer (IE11+)
|
|
* @default
|
|
*/
|
|
this.trident = false;
|
|
|
|
/**
|
|
* @property {number} tridentVersion - If running in Internet Explorer 11 this will contain the major version number. See http://msdn.microsoft.com/en-us/library/ie/ms537503(v=vs.85).aspx
|
|
* @default
|
|
*/
|
|
this.tridentVersion = 0;
|
|
|
|
/**
|
|
* @property {boolean} mobileSafari - Set to true if running in Mobile Safari.
|
|
* @default
|
|
*/
|
|
this.mobileSafari = false;
|
|
|
|
/**
|
|
* @property {boolean} midori - Set to true if running in Midori.
|
|
* @default
|
|
*/
|
|
this.midori = false;
|
|
|
|
/**
|
|
* @property {boolean} opera - Set to true if running in Opera.
|
|
* @default
|
|
*/
|
|
this.opera = false;
|
|
|
|
/**
|
|
* @property {boolean} safari - Set to true if running in Safari.
|
|
* @default
|
|
*/
|
|
this.safari = false;
|
|
|
|
/**
|
|
* @property {boolean} webApp - Set to true if running as a WebApp, i.e. within a WebView
|
|
* @default
|
|
*/
|
|
this.webApp = false;
|
|
|
|
/**
|
|
* @property {boolean} silk - Set to true if running in the Silk browser (as used on the Amazon Kindle)
|
|
* @default
|
|
*/
|
|
this.silk = false;
|
|
|
|
// Audio
|
|
|
|
/**
|
|
* @property {boolean} audioData - Are Audio tags available?
|
|
* @default
|
|
*/
|
|
this.audioData = false;
|
|
|
|
/**
|
|
* @property {boolean} webAudio - Is the WebAudio API available?
|
|
* @default
|
|
*/
|
|
this.webAudio = false;
|
|
|
|
/**
|
|
* @property {boolean} ogg - Can this device play ogg files?
|
|
* @default
|
|
*/
|
|
this.ogg = false;
|
|
|
|
/**
|
|
* @property {boolean} opus - Can this device play opus files?
|
|
* @default
|
|
*/
|
|
this.opus = false;
|
|
|
|
/**
|
|
* @property {boolean} mp3 - Can this device play mp3 files?
|
|
* @default
|
|
*/
|
|
this.mp3 = false;
|
|
|
|
/**
|
|
* @property {boolean} wav - Can this device play wav files?
|
|
* @default
|
|
*/
|
|
this.wav = false;
|
|
|
|
/**
|
|
* Can this device play m4a files?
|
|
* @property {boolean} m4a - True if this device can play m4a files.
|
|
* @default
|
|
*/
|
|
this.m4a = false;
|
|
|
|
/**
|
|
* @property {boolean} webm - Can this device play webm files?
|
|
* @default
|
|
*/
|
|
this.webm = false;
|
|
|
|
// Device
|
|
|
|
/**
|
|
* @property {boolean} iPhone - Is running on iPhone?
|
|
* @default
|
|
*/
|
|
this.iPhone = false;
|
|
|
|
/**
|
|
* @property {boolean} iPhone4 - Is running on iPhone4?
|
|
* @default
|
|
*/
|
|
this.iPhone4 = false;
|
|
|
|
/**
|
|
* @property {boolean} iPad - Is running on iPad?
|
|
* @default
|
|
*/
|
|
this.iPad = false;
|
|
|
|
/**
|
|
* @property {number} pixelRatio - PixelRatio of the host device?
|
|
* @default
|
|
*/
|
|
this.pixelRatio = 0;
|
|
|
|
/**
|
|
* @property {boolean} littleEndian - Is the device big or little endian? (only detected if the browser supports TypedArrays)
|
|
* @default
|
|
*/
|
|
this.littleEndian = false;
|
|
|
|
// Run the checks
|
|
this._checkAudio();
|
|
this._checkBrowser();
|
|
this._checkCSS3D();
|
|
this._checkDevice();
|
|
this._checkFeatures();
|
|
this._checkOS();
|
|
|
|
};
|
|
|
|
Phaser.Device.prototype = {
|
|
|
|
/**
|
|
* Check which OS is game running on.
|
|
* @method Phaser.Device#_checkOS
|
|
* @private
|
|
*/
|
|
_checkOS: function () {
|
|
|
|
var ua = navigator.userAgent;
|
|
|
|
if (/Android/.test(ua))
|
|
{
|
|
this.android = true;
|
|
}
|
|
else if (/CrOS/.test(ua))
|
|
{
|
|
this.chromeOS = true;
|
|
}
|
|
else if (/iP[ao]d|iPhone/i.test(ua))
|
|
{
|
|
this.iOS = true;
|
|
}
|
|
else if (/Linux/.test(ua))
|
|
{
|
|
this.linux = true;
|
|
}
|
|
else if (/Mac OS/.test(ua))
|
|
{
|
|
this.macOS = true;
|
|
}
|
|
else if (/Windows/.test(ua))
|
|
{
|
|
this.windows = true;
|
|
}
|
|
|
|
if (this.windows || this.macOS || (this.linux && this.silk === false))
|
|
{
|
|
this.desktop = true;
|
|
}
|
|
|
|
},
|
|
|
|
/**
|
|
* Check HTML5 features of the host environment.
|
|
* @method Phaser.Device#_checkFeatures
|
|
* @private
|
|
*/
|
|
_checkFeatures: function () {
|
|
|
|
this.canvas = !!window['CanvasRenderingContext2D'];
|
|
|
|
try {
|
|
this.localStorage = !!localStorage.getItem;
|
|
} catch (error) {
|
|
this.localStorage = false;
|
|
}
|
|
|
|
this.file = !!window['File'] && !!window['FileReader'] && !!window['FileList'] && !!window['Blob'];
|
|
this.fileSystem = !!window['requestFileSystem'];
|
|
this.webGL = ( function () { try { var canvas = document.createElement( 'canvas' ); return !! window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ); } catch( e ) { return false; } } )();
|
|
|
|
if (this.webGL === null || this.webGL === false)
|
|
{
|
|
this.webGL = false;
|
|
}
|
|
else
|
|
{
|
|
this.webGL = true;
|
|
}
|
|
|
|
this.worker = !!window['Worker'];
|
|
|
|
if ('ontouchstart' in document.documentElement || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 1))
|
|
{
|
|
this.touch = true;
|
|
}
|
|
|
|
if (window.navigator.msPointerEnabled || window.navigator.pointerEnabled)
|
|
{
|
|
this.mspointer = true;
|
|
}
|
|
|
|
this.pointerLock = 'pointerLockElement' in document || 'mozPointerLockElement' in document || 'webkitPointerLockElement' in document;
|
|
|
|
this.quirksMode = (document.compatMode === 'CSS1Compat') ? false : true;
|
|
|
|
},
|
|
|
|
/**
|
|
* Check what browser is game running in.
|
|
* @method Phaser.Device#_checkBrowser
|
|
* @private
|
|
*/
|
|
_checkBrowser: function () {
|
|
|
|
var ua = navigator.userAgent;
|
|
|
|
if (/Arora/.test(ua))
|
|
{
|
|
this.arora = true;
|
|
}
|
|
else if (/Chrome/.test(ua))
|
|
{
|
|
this.chrome = true;
|
|
}
|
|
else if (/Epiphany/.test(ua))
|
|
{
|
|
this.epiphany = true;
|
|
}
|
|
else if (/Firefox/.test(ua))
|
|
{
|
|
this.firefox = true;
|
|
}
|
|
else if (/Mobile Safari/.test(ua))
|
|
{
|
|
this.mobileSafari = true;
|
|
}
|
|
else if (/MSIE (\d+\.\d+);/.test(ua))
|
|
{
|
|
this.ie = true;
|
|
this.ieVersion = parseInt(RegExp.$1, 10);
|
|
}
|
|
else if (/Midori/.test(ua))
|
|
{
|
|
this.midori = true;
|
|
}
|
|
else if (/Opera/.test(ua))
|
|
{
|
|
this.opera = true;
|
|
}
|
|
else if (/Safari/.test(ua))
|
|
{
|
|
this.safari = true;
|
|
}
|
|
else if (/Silk/.test(ua))
|
|
{
|
|
this.silk = true;
|
|
}
|
|
else if (/Trident\/(\d+\.\d+); rv:(\d+\.\d+)/.test(ua))
|
|
{
|
|
this.ie = true;
|
|
this.trident = true;
|
|
this.tridentVersion = parseInt(RegExp.$1, 10);
|
|
this.ieVersion = parseInt(RegExp.$2, 10);
|
|
}
|
|
|
|
// WebApp mode in iOS
|
|
if (navigator['standalone'])
|
|
{
|
|
this.webApp = true;
|
|
}
|
|
|
|
if (navigator['isCocoonJS'])
|
|
{
|
|
this.cocoonJS = true;
|
|
}
|
|
|
|
if (typeof window.ejecta !== "undefined")
|
|
{
|
|
this.ejecta = true;
|
|
}
|
|
|
|
},
|
|
|
|
/**
|
|
* Check audio support.
|
|
* @method Phaser.Device#_checkAudio
|
|
* @private
|
|
*/
|
|
_checkAudio: function () {
|
|
|
|
this.audioData = !!(window['Audio']);
|
|
this.webAudio = !!(window['webkitAudioContext'] || window['AudioContext']);
|
|
var audioElement = document.createElement('audio');
|
|
var result = false;
|
|
|
|
try {
|
|
if (result = !!audioElement.canPlayType) {
|
|
|
|
if (audioElement.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/, '')) {
|
|
this.ogg = true;
|
|
}
|
|
|
|
if (audioElement.canPlayType('audio/ogg; codecs="opus"').replace(/^no$/, '')) {
|
|
this.opus = true;
|
|
}
|
|
|
|
if (audioElement.canPlayType('audio/mpeg;').replace(/^no$/, '')) {
|
|
this.mp3 = true;
|
|
}
|
|
|
|
// Mimetypes accepted:
|
|
// developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
|
|
// bit.ly/iphoneoscodecs
|
|
if (audioElement.canPlayType('audio/wav; codecs="1"').replace(/^no$/, '')) {
|
|
this.wav = true;
|
|
}
|
|
|
|
if (audioElement.canPlayType('audio/x-m4a;') || audioElement.canPlayType('audio/aac;').replace(/^no$/, '')) {
|
|
this.m4a = true;
|
|
}
|
|
|
|
if (audioElement.canPlayType('audio/webm; codecs="vorbis"').replace(/^no$/, '')) {
|
|
this.webm = true;
|
|
}
|
|
}
|
|
} catch (e) {
|
|
}
|
|
|
|
},
|
|
|
|
/**
|
|
* Check PixelRatio of devices.
|
|
* @method Phaser.Device#_checkDevice
|
|
* @private
|
|
*/
|
|
_checkDevice: function () {
|
|
|
|
this.pixelRatio = window['devicePixelRatio'] || 1;
|
|
this.iPhone = navigator.userAgent.toLowerCase().indexOf('iphone') != -1;
|
|
this.iPhone4 = (this.pixelRatio == 2 && this.iPhone);
|
|
this.iPad = navigator.userAgent.toLowerCase().indexOf('ipad') != -1;
|
|
|
|
if (typeof Int8Array !== 'undefined')
|
|
{
|
|
this.littleEndian = new Int8Array(new Int16Array([1]).buffer)[0] > 0;
|
|
this.typedArray = true;
|
|
}
|
|
else
|
|
{
|
|
this.littleEndian = false;
|
|
this.typedArray = false;
|
|
}
|
|
|
|
navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;
|
|
|
|
if (navigator.vibrate)
|
|
{
|
|
this.vibration = true;
|
|
}
|
|
|
|
},
|
|
|
|
/**
|
|
* Check whether the host environment support 3D CSS.
|
|
* @method Phaser.Device#_checkCSS3D
|
|
* @private
|
|
*/
|
|
_checkCSS3D: function () {
|
|
|
|
var el = document.createElement('p');
|
|
var has3d;
|
|
var transforms = {
|
|
'webkitTransform': '-webkit-transform',
|
|
'OTransform': '-o-transform',
|
|
'msTransform': '-ms-transform',
|
|
'MozTransform': '-moz-transform',
|
|
'transform': 'transform'
|
|
};
|
|
|
|
// Add it to the body to get the computed style.
|
|
document.body.insertBefore(el, null);
|
|
|
|
for (var t in transforms)
|
|
{
|
|
if (el.style[t] !== undefined)
|
|
{
|
|
el.style[t] = "translate3d(1px,1px,1px)";
|
|
has3d = window.getComputedStyle(el).getPropertyValue(transforms[t]);
|
|
}
|
|
}
|
|
|
|
document.body.removeChild(el);
|
|
this.css3D = (has3d !== undefined && has3d.length > 0 && has3d !== "none");
|
|
|
|
},
|
|
|
|
/**
|
|
* Check whether the host environment can play audio.
|
|
* @method Phaser.Device#canPlayAudio
|
|
* @param {string} type - One of 'mp3, 'ogg', 'm4a', 'wav', 'webm'.
|
|
* @return {boolean} True if the given file type is supported by the browser, otherwise false.
|
|
*/
|
|
canPlayAudio: function (type) {
|
|
|
|
if (type == 'mp3' && this.mp3)
|
|
{
|
|
return true;
|
|
}
|
|
else if (type == 'ogg' && (this.ogg || this.opus))
|
|
{
|
|
return true;
|
|
}
|
|
else if (type == 'm4a' && this.m4a)
|
|
{
|
|
return true;
|
|
}
|
|
else if (type == 'wav' && this.wav)
|
|
{
|
|
return true;
|
|
}
|
|
else if (type == 'webm' && this.webm)
|
|
{
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
|
|
},
|
|
|
|
/**
|
|
* Check whether the console is open.
|
|
* @method Phaser.Device#isConsoleOpen
|
|
* @return {boolean} True if the browser dev console is open.
|
|
*/
|
|
isConsoleOpen: function () {
|
|
|
|
if (window.console && window.console['firebug'])
|
|
{
|
|
return true;
|
|
}
|
|
|
|
if (window.console)
|
|
{
|
|
console.profile();
|
|
console.profileEnd();
|
|
|
|
if (console.clear)
|
|
{
|
|
console.clear();
|
|
}
|
|
|
|
return console['profiles'].length > 0;
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
Phaser.Device.prototype.constructor = Phaser.Device;
|
|
</pre>
|
|
</article>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
<footer>
|
|
|
|
|
|
<span class="copyright">
|
|
Phaser Copyright © 2012-2014 Photon Storm Ltd.
|
|
</span>
|
|
<br />
|
|
|
|
<span class="jsdoc-message">
|
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.3.0-dev</a>
|
|
on Tue Feb 18 2014 03:01:16 GMT-0000 (GMT) using the <a href="https://github.com/terryweiss/docstrap">DocStrap template</a>.
|
|
</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( {
|
|
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>
|