311 lines
10 KiB
JavaScript
311 lines
10 KiB
JavaScript
//desktop
|
||
var isMobile = navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) != null;
|
||
|
||
var isiPad = navigator.userAgent.match(/iPad/i) != null;
|
||
|
||
var isiPhone = navigator.userAgent.match(/iPhone|iPod/i) != null;
|
||
|
||
//baidu
|
||
var isBaidu = navigator.userAgent.match('baidu') != null;
|
||
|
||
//QQ browser
|
||
var isQQ = navigator.userAgent.match('MQQBrowser') != null;
|
||
|
||
//Saferi Browser
|
||
var isFirefox = navigator.userAgent.match('FxiOS') != null;
|
||
|
||
// UC Browser
|
||
var isUC = navigator.userAgent.indexOf("UCBrowser") != -1;
|
||
|
||
// Chrome 1+
|
||
var isChrome = navigator.userAgent.match('CriOS') != null;
|
||
|
||
//xiaomi
|
||
var isXiaomi = navigator.userAgent.match('XiaoMi') != null;
|
||
|
||
var isLine = navigator.userAgent.match('Line') != null;
|
||
|
||
// Safari 3.0+ "[object HTMLElementConstructor]"
|
||
var isSafari = navigator.userAgent.match('Safari') && !isBaidu && !isFirefox && !isQQ && !isChrome && !isUC && !isXiaomi;
|
||
|
||
var isAndroid = /android/i.test(navigator.userAgent || navigator.vendor || window.opera);
|
||
|
||
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
||
|
||
// iPhone X、iPhone XS
|
||
var isIPhoneX = /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 3 && window.screen.width === 375 && window.screen.height === 812;
|
||
// iPhone XS Max
|
||
var isIPhoneXSMax = /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 3 && window.screen.width === 414 && window.screen.height === 896;
|
||
// iPhone XR
|
||
var isIPhoneXR = /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 2 && window.screen.width === 414 && window.screen.height === 896;
|
||
// iPhone SE
|
||
var isIPhoneSE = /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 2 && window.screen.width === 320 && window.screen.height === 568;
|
||
|
||
/**解析網址參數 */
|
||
var requests = GetUrlRequest();
|
||
|
||
/**放置LOGO圖 */
|
||
var a = SetLogo();
|
||
|
||
function preventDefault(e) {
|
||
e = e || window.event;
|
||
if (e.preventDefault) {
|
||
e.preventDefault();
|
||
}
|
||
e.returnValue = false;
|
||
}
|
||
|
||
function nopreventDefault(e) {
|
||
e = e || window.event;
|
||
if (e.preventDefault) {
|
||
e.preventDefault();
|
||
}
|
||
e.returnValue = true;
|
||
}
|
||
|
||
function requestFullScreen() {
|
||
let el = window.document.body;
|
||
let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;
|
||
if (typeof rfs != "undefined" && rfs) {
|
||
rfs.call(el);
|
||
}
|
||
}
|
||
|
||
function cancelFullScreen() {
|
||
let el = window.document;
|
||
let rfs = el.exitFullscreen || el.mozCancelFullScreen || el.webkitExitFullscreen || el.msExitFullscreen;
|
||
if (typeof rfs != "undefined" && rfs) {
|
||
rfs.call(el);
|
||
}
|
||
}
|
||
|
||
function isiPhoneX() {
|
||
var t = window.devicePixelRatio || 1,
|
||
e = {
|
||
width: window.screen.width * t,
|
||
height: window.screen.height * t
|
||
};
|
||
return iOS && 1125 === e.width && 2436 === e.height;
|
||
}
|
||
|
||
function SetLogo() {
|
||
var lan = "zh-ch";
|
||
if (requests["language"]) {
|
||
lan = requests["language"];
|
||
}
|
||
var splash = document.getElementById("splash");
|
||
if (!requests["logo"]) {
|
||
splash.className = "default" + " L " + lan + " L pos";
|
||
} else {
|
||
splash.className = "default_" + requests["logo"] + " L pos";
|
||
}
|
||
}
|
||
|
||
function GetUrlRequest() {
|
||
var url = window.location.search;
|
||
var theRequest = [];
|
||
if (url.indexOf("?") != -1) {
|
||
var str = url.substr(1);
|
||
var strs = str.split("&");
|
||
for (var i = 0; i < strs.length; i++) {
|
||
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
|
||
}
|
||
}
|
||
return theRequest;
|
||
}
|
||
|
||
function CheckWebPageBack() {
|
||
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)) { // IE
|
||
if (history.length > 0) {
|
||
window.history.go(-1);
|
||
} else {
|
||
window.close();
|
||
}
|
||
} else {
|
||
//非IE瀏覽器
|
||
if (navigator.userAgent.indexOf('Firefox') >= 0 ||
|
||
navigator.userAgent.indexOf('Opera') >= 0 ||
|
||
navigator.userAgent.indexOf('Safari') >= 0 ||
|
||
navigator.userAgent.indexOf('Chrome') >= 0 ||
|
||
navigator.userAgent.indexOf('WebKit') >= 0) {
|
||
if (window.history.length > 2) {
|
||
window.history.go(-1);
|
||
} else {
|
||
window.close();
|
||
}
|
||
} else {
|
||
//未知的瀏覽器
|
||
if (history.length > 1) {
|
||
window.history.go(-1);
|
||
} else {
|
||
window.close();
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
/**網頁的RESIZE判斷 */
|
||
/*window.onresize = function () {
|
||
cc.view.setResizeCallback(this.checkGameCanvasWH());
|
||
}*/
|
||
|
||
/**複寫達到功能縮放到一定程度不再縮放(尚未使用此功能) */
|
||
function overrideSetDesignResolutionSize(width, height, resolutionPolicy) {
|
||
if (!(width > 0 || height > 0)) {
|
||
cc.logID(2200);
|
||
return;
|
||
}
|
||
cc.view.setResolutionPolicy(resolutionPolicy);
|
||
var policy = cc.view._resolutionPolicy;
|
||
policy && policy.preApply(this);
|
||
cc.sys.isMobile && cc.view._adjustViewportMeta();
|
||
cc.view._orientationChanging = true;
|
||
cc.view._resizing || cc.view._initFrameSize();
|
||
if (!policy) {
|
||
cc.logID(2201);
|
||
return;
|
||
}
|
||
cc.view._originalDesignResolutionSize.width = cc.view._designResolutionSize.width = width;
|
||
cc.view._originalDesignResolutionSize.height = cc.view._designResolutionSize.height = height;
|
||
var result = policy.apply(cc.view, cc.view._designResolutionSize);
|
||
if (result.scale && 2 === result.scale.length) {
|
||
cc.view._scaleX = result.scale[0] <= 1 ? result.scale[0] : 1;
|
||
cc.view._scaleY = result.scale[1] <= 1 ? result.scale[1] : 1;
|
||
}
|
||
if (result.viewport) {
|
||
result.viewport.width = result.viewport.width <= width ? result.viewport.width : width;
|
||
result.viewport.height = result.viewport.height <= height ? result.viewport.height : height;
|
||
var vp = cc.view._viewportRect,
|
||
vb = cc.view._visibleRect,
|
||
rv = result.viewport;
|
||
vp.x = rv.x;
|
||
vp.y = rv.y;
|
||
vp.width = rv.width;
|
||
vp.height = rv.height;
|
||
vb.x = 0;
|
||
vb.y = 0;
|
||
vb.width = rv.width / cc.view._scaleX;
|
||
vb.height = rv.height / cc.view._scaleY;
|
||
}
|
||
policy.postApply(cc.view);
|
||
cc.winSize.width = cc.view._visibleRect.width;
|
||
cc.winSize.height = cc.view._visibleRect.height;
|
||
cc.visibleRect && cc.visibleRect.init(cc.view._visibleRect);
|
||
cc.renderer.updateCameraViewport();
|
||
this.emit("design-resolution-changed");
|
||
}
|
||
|
||
/**改變CANVAS尺寸後要維持2的倍率.不然容易在縮放網頁時出現圖片接縫(顯示卡繪圖因素) */
|
||
function checkGameCanvasWH() {
|
||
/*if (document.getElementById("GameCanvas").width > 1422) {
|
||
document.getElementById("GameCanvas").width = 1422;
|
||
document.getElementById("GameCanvas").style.width = "1422px";
|
||
}*/
|
||
if (document.getElementById("GameCanvas").width % 2 != 0) {
|
||
document.getElementById("GameCanvas").width -= 1;
|
||
}
|
||
/*if (document.getElementById("GameCanvas").height > 800) {
|
||
document.getElementById("GameCanvas").height = 800;
|
||
document.getElementById("GameCanvas").style.height = "800px";
|
||
}*/
|
||
if (document.getElementById("GameCanvas").height % 2 != 0) {
|
||
document.getElementById("GameCanvas").height -= 1;
|
||
}
|
||
}
|
||
|
||
window.addEventListener('load', function () {
|
||
if (!iOS && !isAndroid) {
|
||
return;
|
||
}
|
||
if (isiPhoneX()) {
|
||
var r = document.querySelector("meta[name=viewport]");
|
||
r.setAttribute("content", "width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,viewport-fit=cover")
|
||
}
|
||
//SetSwipe();
|
||
if (isAndroid) {
|
||
document.body.addEventListener('touchmove', function (e) {
|
||
e.preventDefault();
|
||
}, {
|
||
passive: false
|
||
});
|
||
requestFullScreen();
|
||
} else if (iOS) {
|
||
/*if (window.addEventListener) {
|
||
window.addEventListener('scroll', onScrollEvent, false);
|
||
} else {
|
||
window.attachEvent('onscroll', onScrollEvent);
|
||
}
|
||
onScrollEvent();*/
|
||
}
|
||
//alert(window.navigator.userAgent)
|
||
if (isUC) {
|
||
alert("亲爱的玩家您好：\n建议您使用chrome或safari浏览器，以获得最佳游戏体验。")
|
||
}
|
||
}, false);
|
||
|
||
function SetSwipe() {
|
||
var lan = "zh-ch";
|
||
if (requests["language"]) {
|
||
lan = requests["language"];
|
||
}
|
||
if (isAndroid) {
|
||
var fullScreenClick = document.getElementById("FullScreenClick");
|
||
fullScreenClick.className = "default " + lan + " pos";
|
||
} else if (iOS) {
|
||
var fullScreenSwipe = document.getElementById("FullScreenSwipe");
|
||
fullScreenSwipe.className = "default " + lan + " pos";
|
||
}
|
||
}
|
||
|
||
function isFullScreen() {
|
||
if (isLine) {
|
||
return true;
|
||
}
|
||
if (iOS) {
|
||
/*if (isPortraitMode()) {
|
||
return window.innerHeight > document.documentElement.clientHeight;
|
||
} else {
|
||
return window.innerHeight >= document.documentElement.clientHeight;
|
||
}*/
|
||
} else {
|
||
var doc = window.document;
|
||
var isFullScreen = !(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement);
|
||
return isFullScreen;
|
||
}
|
||
}
|
||
|
||
function onScrollEvent() {
|
||
if (isFullScreen()) {
|
||
displayGame();
|
||
} else {
|
||
displayFinger();
|
||
}
|
||
setTimeout(function () {
|
||
window.scrollTo(0, 0);
|
||
window.scroll(0, 0);
|
||
if (document.documentElement.scrollTop) {
|
||
document.documentElement.scrollTop = 0;
|
||
}
|
||
if (document.body.scrollTop) {
|
||
document.body.scrollTop = 0;
|
||
}
|
||
}, 200);
|
||
}
|
||
|
||
function displayFinger() {
|
||
document.getElementById("ScreenRotation").style.display = "none";
|
||
/*if (isAndroid) {
|
||
document.getElementById("FullScreenClick").style.display = "block";
|
||
} else if (iOS) {
|
||
document.getElementById("FullScreenSwipe").style.display = "block";
|
||
}*/
|
||
}
|
||
|
||
function displayGame() {
|
||
document.getElementById("ScreenRotation").style.display = "none";
|
||
if (isAndroid) {
|
||
document.getElementById("FullScreenClick").style.display = "none";
|
||
} else if (iOS) {
|
||
document.getElementById("FullScreenSwipe").style.display = "none";
|
||
}
|
||
} |