You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
331 lines
11 KiB
JavaScript
331 lines
11 KiB
JavaScript
/*
|
|
* TerranQuest - Augmented Reality fantasy game
|
|
*
|
|
* Copyright 2016 Netsyms Technologies
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
// Important Globals
|
|
username = "";
|
|
password = "";
|
|
energy = 100;
|
|
maxenergy = 100;
|
|
level = 1;
|
|
userteamid = 0;
|
|
MUNZEE_CLIENT_ID = '616cecc70e17f4a3cb64146dce2d33f5';
|
|
MUNZEE_REDIRECT = 'http://gs.terranquest.net/munzee.php';
|
|
CODE_SCAN_COOLDOWN_SECONDS = 15; // Also change in CSS (.cooldown-fade-anim)
|
|
|
|
currentscreen = "";
|
|
/*
|
|
* Runs when the app opens
|
|
*/
|
|
$(document).ready(function () {
|
|
document.addEventListener('deviceready', onDeviceReady, false);
|
|
});
|
|
|
|
function onDeviceReady() {
|
|
openscreen("login");
|
|
if (navigator.network.connection.type === Connection.NONE) {
|
|
navigator.notification.alert("You need an Internet connection to continue.", function () {
|
|
navigator.app.exitApp();
|
|
}, "No network", 'OK');
|
|
clientProblemsDialog("You need an Internet connection to continue.");
|
|
return;
|
|
}
|
|
$.getJSON(mkApiUrl("minclientversion"), function (data) {
|
|
if (data.status == "OK") {
|
|
if (compareVersions(window.cordova.plugins.version.getAppVersion(), data.version) < 0) {
|
|
navigator.notification.alert("Your game client is too old. You must update the app before playing.", function () {
|
|
navigator.app.exitApp();
|
|
}, "Outdated app", 'OK');
|
|
clientProblemsDialog("Your game client is too old. You must update the app before playing.");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Compare two version strings.
|
|
* http://stackoverflow.com/a/16187766/2534036
|
|
* @param {string} a
|
|
* @param {string} b
|
|
* @returns a number < 0 if a < b, a number > 0 if a > b, 0 if a = b
|
|
*/
|
|
function compareVersions(a, b) {
|
|
var i, diff;
|
|
var regExStrip0 = /(\.0+)+$/;
|
|
var segmentsA = a.replace(regExStrip0, '').split('.');
|
|
var segmentsB = b.replace(regExStrip0, '').split('.');
|
|
var l = Math.min(segmentsA.length, segmentsB.length);
|
|
|
|
for (i = 0; i < l; i++) {
|
|
diff = parseInt(segmentsA[i], 10) - parseInt(segmentsB[i], 10);
|
|
if (diff) {
|
|
return diff;
|
|
}
|
|
}
|
|
return segmentsA.length - segmentsB.length;
|
|
}
|
|
|
|
|
|
function serverProblemsDialog(errmsg) {
|
|
StatusBar.backgroundColorByHexString("#324150");
|
|
window.location = "servererror.html?errmsg=" + errmsg;
|
|
}
|
|
|
|
function clientProblemsDialog(errmsg) {
|
|
StatusBar.backgroundColorByHexString("#324150");
|
|
window.location = "clienterror.html?errmsg=" + errmsg;
|
|
}
|
|
|
|
function mkApiUrl(action, server) {
|
|
if (server === 'cs') {
|
|
var chatserverurl = "http://gs.terranquest.net/";
|
|
if (localStorage.getItem("chatserv") !== null && localStorage.getItem("chatserv") !== '') {
|
|
chatserverurl = localStorage.getItem("chatserv");
|
|
}
|
|
return chatserverurl + action + ".php";
|
|
} else {
|
|
var gameserverurl = "http://gs.terranquest.net/";
|
|
if (localStorage.getItem("gameserv") !== null && localStorage.getItem("gameserv") !== '') {
|
|
gameserverurl = localStorage.getItem("gameserv");
|
|
}
|
|
return gameserverurl + action + ".php";
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Update the status bar color depending on context.
|
|
* @returns {undefined}
|
|
*/
|
|
function updateStatusBarColor() {
|
|
if (currentscreen == 'munzeelink') {
|
|
StatusBar.backgroundColorByHexString("#009444");
|
|
return;
|
|
}
|
|
if (currentscreen == 'login') {
|
|
if ($('#loading').css('display') == 'none') {
|
|
StatusBar.backgroundColorByHexString("#060606");
|
|
} else {
|
|
StatusBar.backgroundColorByHexString("#324150");
|
|
}
|
|
return;
|
|
}
|
|
if (currentscreen == 'chooseteam' || currentscreen == 'signup') {
|
|
StatusBar.backgroundColorByHexString("#060606");
|
|
return;
|
|
}
|
|
if (currentscreen == 'home') {
|
|
if ($('#loading').css('display') != 'none') {
|
|
StatusBar.backgroundColorByHexString("#324150");
|
|
} else {
|
|
if ($('#overlay-main').css('display') == 'block') {
|
|
StatusBar.backgroundColorByHexString("#060606");
|
|
} else {
|
|
StatusBar.backgroundColorByHexString("#008000");
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
StatusBar.backgroundColorByHexString("#324150");
|
|
}
|
|
|
|
/**
|
|
* Switches the app to the given screen.
|
|
* @param {String} screenname The name of the screen to show.
|
|
* @param {String} effect FADE, SLIDE, or nothing
|
|
* @returns {undefined}
|
|
*/
|
|
function openscreen(screenname, effect) {
|
|
if (effect === 'FADE') {
|
|
$('#content-zone').fadeOut('slow', function () {
|
|
$('#content-zone').load("screens/" + screenname + ".html", function () {
|
|
$('#content-zone').fadeIn('slow');
|
|
});
|
|
});
|
|
} else if (effect === 'SLIDE') {
|
|
$('#content-zone').slideToggle('400', function () {
|
|
$('#content-zone').load("screens/" + screenname + ".html", function () {
|
|
$('#content-zone').slideToggle('400');
|
|
});
|
|
});
|
|
} else {
|
|
$('#content-zone').load("screens/" + screenname + ".html");
|
|
}
|
|
currentscreen = screenname;
|
|
updateStatusBarColor();
|
|
}
|
|
|
|
/**
|
|
* Opens a modal dialog over the top of everything else.
|
|
* @param {String} filename screens/[filename].html
|
|
* @param {String} modalselector [#id-of-the-modal]
|
|
* @returns {undefined}
|
|
*/
|
|
function openmodal(filename, modalselector) {
|
|
$('#modal-load-box').load("screens/" + filename + ".html", null, function (x) {
|
|
$(modalselector).css('z-index', 9999999);
|
|
$(modalselector).modal('show');
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Close a modal (see openmodal)
|
|
* @param {String} modalselector
|
|
* @returns {undefined}
|
|
*/
|
|
function closemodal(modalselector) {
|
|
$(modalselector).modal(hide);
|
|
}
|
|
|
|
var scanCodeEnabled = true;
|
|
|
|
function scanCode() {
|
|
// If code scanning disabled (cooldown, etc)
|
|
if (!scanCodeEnabled) {
|
|
return;
|
|
}
|
|
try {
|
|
cordova.plugins.barcodeScanner.scan(
|
|
function (result) {
|
|
if (!result.cancelled) {
|
|
scanCodeEnabled = false;
|
|
$.getJSON(mkApiUrl('code2item', 'gs'), {
|
|
code: result.text,
|
|
latitude: latitude,
|
|
longitude: longitude,
|
|
accuracy: gpsaccuracy
|
|
}, function (data) {
|
|
if (data.status === 'OK') {
|
|
$('#codescanbtn').addClass('cooldown-fade-anim');
|
|
setTimeout(function () {
|
|
scanCodeEnabled = true;
|
|
$('#codescanbtn').removeClass('cooldown-fade-anim');
|
|
}, CODE_SCAN_COOLDOWN_SECONDS * 1000);
|
|
if (data.messages.length >= 2) {
|
|
showFoundBox2(data.messages[0].title, data.messages[0].text, data.messages[1].title, data.messages[1].text);
|
|
} else {
|
|
showFoundBox(data.messages[0].title, data.messages[0].text);
|
|
}
|
|
} else {
|
|
scanCodeEnabled = true;
|
|
$('#codescanbtn').removeClass('cooldown-fade-anim');
|
|
showFoundBox("Huh?", data.message);
|
|
}
|
|
}).fail(function () {
|
|
scanCodeEnabled = true;
|
|
$('#codescanbtn').removeClass('cooldown-fade-anim');
|
|
showFoundBox("Huh?", "Nothing happened!");
|
|
//navigator.notification.alert("Nothing happened!", null, "Huh?", 'OK');
|
|
});
|
|
//navigator.notification.alert("Scanned code: " + result.text, null, "OK", 'Dismiss');
|
|
}
|
|
},
|
|
function (error) {
|
|
scanCodeEnabled = true;
|
|
$('#codescanbtn').removeClass('cooldown-fade-anim');
|
|
navigator.notification.alert("Scanning failed: " + error, null, "Error", 'Dismiss');
|
|
},
|
|
{
|
|
"showFlipCameraButton": true,
|
|
"prompt": "Scan a barcode to discover an item!"
|
|
}
|
|
);
|
|
} catch (ex) {
|
|
scanCodeEnabled = true;
|
|
$('#codescanbtn').removeClass('cooldown-fade-anim');
|
|
navigator.notification.alert(ex.message, null, "Error", 'Dismiss');
|
|
}
|
|
}
|
|
|
|
function sortResults(array, prop, asc) {
|
|
array = array.sort(function (a, b) {
|
|
if (asc) {
|
|
return (a[prop] > b[prop]) ? 1 : ((a[prop] < b[prop]) ? -1 : 0);
|
|
} else {
|
|
return (b[prop] > a[prop]) ? 1 : ((b[prop] < a[prop]) ? -1 : 0);
|
|
}
|
|
});
|
|
return array;
|
|
}
|
|
|
|
//////////////////////////////////////////////
|
|
// Other things
|
|
//////////////////////////////////////////////
|
|
|
|
function closeMain() {
|
|
$('#overlay-main').slideDown(100, function () {
|
|
$('#overlay-main').css('display', 'none');
|
|
$('#main-content').html("");
|
|
updateStatusBarColor();
|
|
});
|
|
}
|
|
|
|
function getTeamInfoFromId(id) {
|
|
id = id + "";
|
|
var team_string = "None";
|
|
var team_color = "FFFFFF";
|
|
switch (id) {
|
|
case "1":
|
|
team_string = "Water";
|
|
team_color = "00BFFF";
|
|
break;
|
|
case "2":
|
|
team_string = "Fire";
|
|
team_color = "FF4000";
|
|
break;
|
|
case "3":
|
|
team_string = "Earth";
|
|
team_color = "D1A000";
|
|
break;
|
|
case "4":
|
|
team_string = "Wind";
|
|
team_color = "96FFFF";
|
|
break;
|
|
case "5":
|
|
team_string = "Light";
|
|
team_color = "FFFF96";
|
|
break;
|
|
case "6":
|
|
team_string = "Dark";
|
|
team_color = "ABABAB";
|
|
break;
|
|
default:
|
|
team_string = "None";
|
|
team_color = "FFFFFF";
|
|
break;
|
|
}
|
|
return {'name': team_string, 'color': team_color};
|
|
}
|
|
|
|
function getTeamNameFromId(id) {
|
|
return getTeamInfoFromId(id)['name'];
|
|
}
|
|
|
|
function getTeamColorFromId(id) {
|
|
return getTeamInfoFromId(id)['color'];
|
|
}
|
|
|
|
// Handle back button to close things
|
|
document.addEventListener("backbutton", function (event) {
|
|
if (currentscreen == "munzeelink") {
|
|
openscreen("home");
|
|
}
|
|
if ($('#overlay-main').css('display') !== 'none') {
|
|
closeMain();
|
|
} else if ($('#chatmsgs').css('display') !== 'none') {
|
|
toggleChat();
|
|
}
|
|
}, false); |