mirror of
https://github.com/photonstorm/phaser
synced 2024-11-27 07:01:20 +00:00
402 lines
13 KiB
JavaScript
402 lines
13 KiB
JavaScript
/// <reference path="../_definitions.ts" />
|
|
/**
|
|
* Phaser - Device
|
|
*
|
|
* Detects device support capabilities. Using some elements from System.js by MrDoob and Modernizr
|
|
* https://github.com/Modernizr/Modernizr/blob/master/feature-detects/audio.js
|
|
*/
|
|
var Phaser;
|
|
(function (Phaser) {
|
|
var Device = (function () {
|
|
/**
|
|
* Device constructor
|
|
*/
|
|
function Device() {
|
|
/**
|
|
* An optional 'fix' for the horrendous Android stock browser bug
|
|
* https://code.google.com/p/android/issues/detail?id=39247
|
|
* @type {bool}
|
|
*/
|
|
this.patchAndroidClearRectBug = false;
|
|
// Operating System
|
|
/**
|
|
* Is running desktop?
|
|
* @type {bool}
|
|
*/
|
|
this.desktop = false;
|
|
/**
|
|
* Is running on iOS?
|
|
* @type {bool}
|
|
*/
|
|
this.iOS = false;
|
|
/**
|
|
* Is running on android?
|
|
* @type {bool}
|
|
*/
|
|
this.android = false;
|
|
/**
|
|
* Is running on chromeOS?
|
|
* @type {bool}
|
|
*/
|
|
this.chromeOS = false;
|
|
/**
|
|
* Is running on linux?
|
|
* @type {bool}
|
|
*/
|
|
this.linux = false;
|
|
/**
|
|
* Is running on maxOS?
|
|
* @type {bool}
|
|
*/
|
|
this.macOS = false;
|
|
/**
|
|
* Is running on windows?
|
|
* @type {bool}
|
|
*/
|
|
this.windows = false;
|
|
// Features
|
|
/**
|
|
* Is canvas available?
|
|
* @type {bool}
|
|
*/
|
|
this.canvas = false;
|
|
/**
|
|
* Is file available?
|
|
* @type {bool}
|
|
*/
|
|
this.file = false;
|
|
/**
|
|
* Is fileSystem available?
|
|
* @type {bool}
|
|
*/
|
|
this.fileSystem = false;
|
|
/**
|
|
* Is localStorage available?
|
|
* @type {bool}
|
|
*/
|
|
this.localStorage = false;
|
|
/**
|
|
* Is webGL available?
|
|
* @type {bool}
|
|
*/
|
|
this.webGL = false;
|
|
/**
|
|
* Is worker available?
|
|
* @type {bool}
|
|
*/
|
|
this.worker = false;
|
|
/**
|
|
* Is touch available?
|
|
* @type {bool}
|
|
*/
|
|
this.touch = false;
|
|
/**
|
|
* Is mspointer available?
|
|
* @type {bool}
|
|
*/
|
|
this.mspointer = false;
|
|
/**
|
|
* Is css3D available?
|
|
* @type {bool}
|
|
*/
|
|
this.css3D = false;
|
|
// Browser
|
|
/**
|
|
* Is running in arora?
|
|
* @type {bool}
|
|
*/
|
|
this.arora = false;
|
|
/**
|
|
* Is running in chrome?
|
|
* @type {bool}
|
|
*/
|
|
this.chrome = false;
|
|
/**
|
|
* Is running in epiphany?
|
|
* @type {bool}
|
|
*/
|
|
this.epiphany = false;
|
|
/**
|
|
* Is running in firefox?
|
|
* @type {bool}
|
|
*/
|
|
this.firefox = false;
|
|
/**
|
|
* Is running in ie?
|
|
* @type {bool}
|
|
*/
|
|
this.ie = false;
|
|
/**
|
|
* Version of ie?
|
|
* @type Number
|
|
*/
|
|
this.ieVersion = 0;
|
|
/**
|
|
* Is running in mobileSafari?
|
|
* @type {bool}
|
|
*/
|
|
this.mobileSafari = false;
|
|
/**
|
|
* Is running in midori?
|
|
* @type {bool}
|
|
*/
|
|
this.midori = false;
|
|
/**
|
|
* Is running in opera?
|
|
* @type {bool}
|
|
*/
|
|
this.opera = false;
|
|
/**
|
|
* Is running in safari?
|
|
* @type {bool}
|
|
*/
|
|
this.safari = false;
|
|
this.webApp = false;
|
|
// Audio
|
|
/**
|
|
* Are Audio tags available?
|
|
* @type {bool}
|
|
*/
|
|
this.audioData = false;
|
|
/**
|
|
* Is the WebAudio API available?
|
|
* @type {bool}
|
|
*/
|
|
this.webAudio = false;
|
|
/**
|
|
* Can this device play ogg files?
|
|
* @type {bool}
|
|
*/
|
|
this.ogg = false;
|
|
/**
|
|
* Can this device play opus files?
|
|
* @type {bool}
|
|
*/
|
|
this.opus = false;
|
|
/**
|
|
* Can this device play mp3 files?
|
|
* @type {bool}
|
|
*/
|
|
this.mp3 = false;
|
|
/**
|
|
* Can this device play wav files?
|
|
* @type {bool}
|
|
*/
|
|
this.wav = false;
|
|
/**
|
|
* Can this device play m4a files?
|
|
* @type {bool}
|
|
*/
|
|
this.m4a = false;
|
|
/**
|
|
* Can this device play webm files?
|
|
* @type {bool}
|
|
*/
|
|
this.webm = false;
|
|
// Device
|
|
/**
|
|
* Is running on iPhone?
|
|
* @type {bool}
|
|
*/
|
|
this.iPhone = false;
|
|
/**
|
|
* Is running on iPhone4?
|
|
* @type {bool}
|
|
*/
|
|
this.iPhone4 = false;
|
|
/**
|
|
* Is running on iPad?
|
|
* @type {bool}
|
|
*/
|
|
this.iPad = false;
|
|
/**
|
|
* PixelRatio of the host device?
|
|
* @type Number
|
|
*/
|
|
this.pixelRatio = 0;
|
|
this._checkAudio();
|
|
this._checkBrowser();
|
|
this._checkCSS3D();
|
|
this._checkDevice();
|
|
this._checkFeatures();
|
|
this._checkOS();
|
|
}
|
|
Device.prototype._checkOS = /**
|
|
* Check which OS is game running on.
|
|
* @private
|
|
*/
|
|
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.desktop = true;
|
|
}
|
|
};
|
|
Device.prototype._checkFeatures = /**
|
|
* Check HTML5 features of the host environment.
|
|
* @private
|
|
*/
|
|
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 = !!window['WebGLRenderingContext'];
|
|
this.worker = !!window['Worker'];
|
|
if('ontouchstart' in document.documentElement || window.navigator.msPointerEnabled) {
|
|
this.touch = true;
|
|
}
|
|
if(window.navigator.msPointerEnabled) {
|
|
this.mspointer = true;
|
|
}
|
|
};
|
|
Device.prototype._checkBrowser = /**
|
|
* Check what browser is game running in.
|
|
* @private
|
|
*/
|
|
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);
|
|
} else if(/Midori/.test(ua)) {
|
|
this.midori = true;
|
|
} else if(/Opera/.test(ua)) {
|
|
this.opera = true;
|
|
} else if(/Safari/.test(ua)) {
|
|
this.safari = true;
|
|
}
|
|
// WebApp mode in iOS
|
|
if(navigator['standalone']) {
|
|
this.webApp = true;
|
|
}
|
|
};
|
|
Device.prototype.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;
|
|
};
|
|
Device.prototype._checkAudio = /**
|
|
* Check audio support.
|
|
* @private
|
|
*/
|
|
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) {
|
|
}
|
|
};
|
|
Device.prototype._checkDevice = /**
|
|
* Check PixelRatio of devices.
|
|
* @private
|
|
*/
|
|
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;
|
|
};
|
|
Device.prototype._checkCSS3D = /**
|
|
* Check whether the host environment support 3D CSS.
|
|
* @private
|
|
*/
|
|
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");
|
|
};
|
|
Device.prototype.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;
|
|
};
|
|
return Device;
|
|
})();
|
|
Phaser.Device = Device;
|
|
})(Phaser || (Phaser = {}));
|