mirror of
https://github.com/photonstorm/phaser
synced 2024-11-24 05:33:35 +00:00
522 lines
No EOL
14 KiB
TypeScript
522 lines
No EOL
14 KiB
TypeScript
/// <reference path="../Game.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
|
|
*/
|
|
|
|
module Phaser {
|
|
|
|
export class Device {
|
|
|
|
/**
|
|
* Device constructor
|
|
*/
|
|
constructor() {
|
|
|
|
this._checkAudio();
|
|
this._checkBrowser();
|
|
this._checkCSS3D();
|
|
this._checkDevice();
|
|
this._checkFeatures();
|
|
this._checkOS();
|
|
|
|
}
|
|
|
|
// Operating System
|
|
|
|
/**
|
|
* Is running desktop?
|
|
* @type {boolean}
|
|
*/
|
|
public desktop: bool = false;
|
|
|
|
/**
|
|
* Is running on iOS?
|
|
* @type {boolean}
|
|
*/
|
|
public iOS: bool = false;
|
|
|
|
/**
|
|
* Is running on android?
|
|
* @type {boolean}
|
|
*/
|
|
public android: bool = false;
|
|
|
|
/**
|
|
* Is running on chromeOS?
|
|
* @type {boolean}
|
|
*/
|
|
public chromeOS: bool = false;
|
|
|
|
/**
|
|
* Is running on linux?
|
|
* @type {boolean}
|
|
*/
|
|
public linux: bool = false;
|
|
|
|
/**
|
|
* Is running on maxOS?
|
|
* @type {boolean}
|
|
*/
|
|
public macOS: bool = false;
|
|
|
|
/**
|
|
* Is running on windows?
|
|
* @type {boolean}
|
|
*/
|
|
public windows: bool = false;
|
|
|
|
// Features
|
|
|
|
/**
|
|
* Is canvas available?
|
|
* @type {boolean}
|
|
*/
|
|
public canvas: bool = false;
|
|
|
|
/**
|
|
* Is file available?
|
|
* @type {boolean}
|
|
*/
|
|
public file: bool = false;
|
|
|
|
/**
|
|
* Is fileSystem available?
|
|
* @type {boolean}
|
|
*/
|
|
public fileSystem: bool = false;
|
|
|
|
/**
|
|
* Is localStorage available?
|
|
* @type {boolean}
|
|
*/
|
|
public localStorage: bool = false;
|
|
|
|
/**
|
|
* Is webGL available?
|
|
* @type {boolean}
|
|
*/
|
|
public webGL: bool = false;
|
|
|
|
/**
|
|
* Is worker available?
|
|
* @type {boolean}
|
|
*/
|
|
public worker: bool = false;
|
|
|
|
/**
|
|
* Is touch available?
|
|
* @type {boolean}
|
|
*/
|
|
public touch: bool = false;
|
|
|
|
/**
|
|
* Is css3D available?
|
|
* @type {boolean}
|
|
*/
|
|
public css3D: bool = false;
|
|
|
|
// Browser
|
|
|
|
/**
|
|
* Is running in arora?
|
|
* @type {boolean}
|
|
*/
|
|
public arora: bool = false;
|
|
|
|
/**
|
|
* Is running in chrome?
|
|
* @type {boolean}
|
|
*/
|
|
public chrome: bool = false;
|
|
|
|
/**
|
|
* Is running in epiphany?
|
|
* @type {boolean}
|
|
*/
|
|
public epiphany: bool = false;
|
|
|
|
/**
|
|
* Is running in firefox?
|
|
* @type {boolean}
|
|
*/
|
|
public firefox: bool = false;
|
|
|
|
/**
|
|
* Is running in ie?
|
|
* @type {boolean}
|
|
*/
|
|
public ie: bool = false;
|
|
|
|
/**
|
|
* Version of ie?
|
|
* @type Number
|
|
*/
|
|
public ieVersion: number = 0;
|
|
|
|
/**
|
|
* Is running in mobileSafari?
|
|
* @type {boolean}
|
|
*/
|
|
public mobileSafari: bool = false;
|
|
|
|
/**
|
|
* Is running in midori?
|
|
* @type {boolean}
|
|
*/
|
|
public midori: bool = false;
|
|
|
|
/**
|
|
* Is running in opera?
|
|
* @type {boolean}
|
|
*/
|
|
public opera: bool = false;
|
|
|
|
/**
|
|
* Is running in safari?
|
|
* @type {boolean}
|
|
*/
|
|
public safari: bool = false;
|
|
public webApp: bool = false;
|
|
|
|
// Audio
|
|
|
|
/**
|
|
* Is audioData available?
|
|
* @type {boolean}
|
|
*/
|
|
public audioData: bool = false;
|
|
|
|
/**
|
|
* Is webaudio available?
|
|
* @type {boolean}
|
|
*/
|
|
public webaudio: bool = false;
|
|
|
|
/**
|
|
* Is ogg available?
|
|
* @type {boolean}
|
|
*/
|
|
public ogg: bool = false;
|
|
|
|
/**
|
|
* Is mp3 available?
|
|
* @type {boolean}
|
|
*/
|
|
public mp3: bool = false;
|
|
|
|
/**
|
|
* Is wav available?
|
|
* @type {boolean}
|
|
*/
|
|
public wav: bool = false;
|
|
|
|
/**
|
|
* Is m4a available?
|
|
* @type {boolean}
|
|
*/
|
|
public m4a: bool = false;
|
|
|
|
// Device
|
|
|
|
/**
|
|
* Is running on iPhone?
|
|
* @type {boolean}
|
|
*/
|
|
public iPhone: bool = false;
|
|
|
|
/**
|
|
* Is running on iPhone4?
|
|
* @type {boolean}
|
|
*/
|
|
public iPhone4: bool = false;
|
|
|
|
/**
|
|
* Is running on iPad?
|
|
* @type {boolean}
|
|
*/
|
|
public iPad: bool = false;
|
|
|
|
/**
|
|
* PixelRatio of the host device?
|
|
* @type Number
|
|
*/
|
|
public pixelRatio: number = 0;
|
|
|
|
/**
|
|
* Check which OS is game running on.
|
|
* @private
|
|
*/
|
|
private _checkOS() {
|
|
|
|
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;
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* Check HTML5 features of the host environment.
|
|
* @private
|
|
*/
|
|
private _checkFeatures() {
|
|
|
|
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;
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* Check what browser is game running in.
|
|
* @private
|
|
*/
|
|
private _checkBrowser() {
|
|
|
|
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;
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* Check audio support.
|
|
* @private
|
|
*/
|
|
private _checkAudio() {
|
|
|
|
this.audioData = !!(window['Audio']);
|
|
this.webaudio = !!(window['webkitAudioContext'] || window['AudioContext']);
|
|
|
|
var audioElement: HTMLAudioElement = <HTMLAudioElement> 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/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;
|
|
}
|
|
}
|
|
} catch (e) { }
|
|
|
|
}
|
|
|
|
/**
|
|
* Check PixelRatio of devices.
|
|
* @private
|
|
*/
|
|
private _checkDevice() {
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
/**
|
|
* Check whether the host environment support 3D CSS.
|
|
* @private
|
|
*/
|
|
private _checkCSS3D() {
|
|
|
|
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");
|
|
|
|
}
|
|
|
|
/**
|
|
* Get all informations of host device.
|
|
* @return {string} Informations in a string.
|
|
*/
|
|
public getAll(): string {
|
|
|
|
var output: string = '';
|
|
|
|
output = output.concat('Device\n');
|
|
output = output.concat('iPhone : ' + this.iPhone + '\n');
|
|
output = output.concat('iPhone4 : ' + this.iPhone4 + '\n');
|
|
output = output.concat('iPad : ' + this.iPad + '\n');
|
|
|
|
output = output.concat('\n');
|
|
output = output.concat('Operating System\n');
|
|
output = output.concat('iOS: ' + this.iOS + '\n');
|
|
output = output.concat('Android: ' + this.android + '\n');
|
|
output = output.concat('ChromeOS: ' + this.chromeOS + '\n');
|
|
output = output.concat('Linux: ' + this.linux + '\n');
|
|
output = output.concat('MacOS: ' + this.macOS + '\n');
|
|
output = output.concat('Windows: ' + this.windows + '\n');
|
|
|
|
output = output.concat('\n');
|
|
output = output.concat('Browser\n');
|
|
output = output.concat('Arora: ' + this.arora + '\n');
|
|
output = output.concat('Chrome: ' + this.chrome + '\n');
|
|
output = output.concat('Epiphany: ' + this.epiphany + '\n');
|
|
output = output.concat('Firefox: ' + this.firefox + '\n');
|
|
output = output.concat('Internet Explorer: ' + this.ie + ' (' + this.ieVersion + ')\n');
|
|
output = output.concat('Mobile Safari: ' + this.mobileSafari + '\n');
|
|
output = output.concat('Midori: ' + this.midori + '\n');
|
|
output = output.concat('Opera: ' + this.opera + '\n');
|
|
output = output.concat('Safari: ' + this.safari + '\n');
|
|
|
|
output = output.concat('\n');
|
|
output = output.concat('Features\n');
|
|
output = output.concat('Canvas: ' + this.canvas + '\n');
|
|
output = output.concat('File: ' + this.file + '\n');
|
|
output = output.concat('FileSystem: ' + this.fileSystem + '\n');
|
|
output = output.concat('LocalStorage: ' + this.localStorage + '\n');
|
|
output = output.concat('WebGL: ' + this.webGL + '\n');
|
|
output = output.concat('Worker: ' + this.worker + '\n');
|
|
output = output.concat('Touch: ' + this.touch + '\n');
|
|
output = output.concat('CSS 3D: ' + this.css3D + '\n');
|
|
|
|
output = output.concat('\n');
|
|
output = output.concat('Audio\n');
|
|
output = output.concat('Audio Data: ' + this.canvas + '\n');
|
|
output = output.concat('Web Audio: ' + this.canvas + '\n');
|
|
output = output.concat('Can play OGG: ' + this.canvas + '\n');
|
|
output = output.concat('Can play MP3: ' + this.canvas + '\n');
|
|
output = output.concat('Can play M4A: ' + this.canvas + '\n');
|
|
output = output.concat('Can play WAV: ' + this.canvas + '\n');
|
|
|
|
return output;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} |