531 lines
No EOL
18 KiB
HTML
531 lines
No EOL
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<!-- Mirrored from 129.146.178.43/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 29 Dec 2024 23:31:23 GMT -->
|
|
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Main Lobby</title>
|
|
<link rel="stylesheet" href="static/fonts/agency.css">
|
|
<link rel="stylesheet" href="static/fonts/overpass.css"> <!-- CS:GO MAP AS SCRIPT-->
|
|
<link rel="stylesheet" href="static/css/style.css">
|
|
<script src="static/js/socket.io.min.js"></script>
|
|
<script src="static/js/jquery-2.2.0.min.js"></script>
|
|
<script src="static/js/jquery-ui-1.11.4.min.js"></script>
|
|
<script src="static/js/jquery.selectBoxIt-3.8.1.min.js"></script>
|
|
<script src="static/js/coherent.js"></script>
|
|
<script src="static/js/coherent.mock.js"></script>
|
|
<script src="static/js/mock.entry.js"></script>
|
|
<script src="static/js/vue.js"></script>
|
|
<script src="static/js/main_lobby.js"></script>
|
|
<style>
|
|
.view-panel { display: none; }
|
|
.view-panel.active { display: block; }
|
|
</style>
|
|
</head>
|
|
|
|
<body onload="initLobby()">
|
|
<body onload="createRole()">
|
|
|
|
<div id="app">
|
|
<h1 class="title-text">OG:BG - LITE</h1>
|
|
<h2 class="subtitle-text"> SANDUBAO EDITION </h2>
|
|
|
|
<div class="right-menu">
|
|
|
|
|
|
<p
|
|
class="right-menu-item"
|
|
v-for="router in routers"
|
|
:class="{ 'active': router.active === true }"
|
|
@click="setRouter(router)">{{ router.name }}
|
|
</p>
|
|
|
|
<p class="right-menu-item">STORE</p>
|
|
<p class="right-menu-item">FRIENDS</p>
|
|
</div>
|
|
|
|
<div class="right-submenu">
|
|
<p
|
|
class="right-submenu-item"
|
|
v-for="router in currentRouter.child"
|
|
:class="{'active': router.active == true}">{{router.name}}
|
|
|
|
</div>
|
|
|
|
<p class="debug-text" :class="{'hide': !isDebug}">{{ debugInfo }}</p>
|
|
<p class="serial-text">{{ userSerial }}</p>
|
|
|
|
<p class="bottom-text">OG:BattleGrounds Team, test lobby</p>
|
|
<div class="game-play-container">
|
|
<div class="join-server-container">
|
|
<div style="font-size: 2vh;color: lightgray;margin-bottom: 0.5vh;">REGION</div>
|
|
<button v-for="server in serverList"
|
|
v-bind:class="{'sel-server-button': true, 'active': server.name === currentServer.name}"
|
|
:id="server.name"
|
|
v-on:click="selectServer(server)">
|
|
{{ server.name }}
|
|
</button>
|
|
</div>
|
|
<br>
|
|
<div style="display: flex;flex-direction: row;align-items: flex-end;">
|
|
<button class="join-server-button" onclick="joinServer()" id="join">
|
|
<span id="join-server-text">START</span>
|
|
<span id="join-server-hint" style="padding: 0;margin: 0;font-size: 0.5em;"></span>
|
|
</button>
|
|
<div class="player-count" :class="{'hide': currentServer.name != 'AS'}">
|
|
{{ playerCountInfo }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="side-container">
|
|
<div class="discord-card" onclick="joinDiscord()">
|
|
<div class="title">
|
|
<img src="static/icons/discord.svg" alt="" class="discord-icon-bg">
|
|
 Join Our Discord!
|
|
</div>
|
|
<div class="content">
|
|
this is not a discord button anymore, this is to create a local server.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="player-info-container">
|
|
<div class="user-info">
|
|
{{ Player }}
|
|
</div>
|
|
<div class="bp-info">
|
|
<img src="static/icons/item6.png" alt="BP Icon" style="height: 1.9em; width: auto;" class="BP-ICO-BETA">
|
|
<span style="color: yellow; font-size: 16px; line-height: 1;">90.999.999f</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
var serverList = [
|
|
{
|
|
name: "AS - Asia Server",
|
|
description: "Asia Server",
|
|
//ip: "218.93.206.88:52525"
|
|
},
|
|
{
|
|
name: "NA - North American",
|
|
description: "North Amercian Server",
|
|
//ip: "40.124.122.51:8888"
|
|
},
|
|
{
|
|
name: "OCE",
|
|
//ip: "119.17.151.38:8888"
|
|
},
|
|
{
|
|
name: "SA - South America",
|
|
description: "Possivel Brasil sil",
|
|
//ip: "pubgsabrasil.servegame.com:8888"
|
|
},
|
|
{
|
|
name: "EU - N",
|
|
//ip: "playerunknownsbattlegrounds.asuscomm.com:8888"
|
|
},
|
|
{
|
|
name: "LOCALHOST - 127.0.0.1",
|
|
description: "connect to localhost",
|
|
ip: "127.0.0.1:7777"
|
|
}
|
|
]
|
|
|
|
var routers = [
|
|
{
|
|
name: "PLAY",
|
|
active: true,
|
|
child: [
|
|
{
|
|
name: "Public Match",
|
|
active: true,
|
|
},
|
|
{
|
|
name: "Training Mode",
|
|
active: false,
|
|
},
|
|
{
|
|
name: "Custom Match",
|
|
active: false,
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: "CUSTOMIZE",
|
|
active: true,
|
|
child: [
|
|
{
|
|
name: "WARDROBE",
|
|
active: true,
|
|
},
|
|
{
|
|
name: "WEAPONS",
|
|
active: false,
|
|
},
|
|
{
|
|
name: "GEAR",
|
|
active: false,
|
|
},
|
|
{
|
|
name: "EMOTES",
|
|
active: false,
|
|
},
|
|
{
|
|
name: "APPEARENCE",
|
|
active: false,
|
|
}
|
|
|
|
]
|
|
}
|
|
]
|
|
|
|
// var player = engine.trigger('GetClientAuthData')
|
|
console.log("Yes");
|
|
/*
|
|
function joinDiscord() {
|
|
engine.trigger('OpenExternalBrowser', '../discord.com/invite/UMhffXUVpm.html');
|
|
}*/
|
|
|
|
|
|
|
|
function joinDiscord() {
|
|
var ipAddress;
|
|
|
|
ipAddress = 'shooting_range4?listen';
|
|
|
|
engine.trigger('JoinToDedicatedServer', ipAddress,
|
|
{
|
|
"Key": "",
|
|
"ServerIV": "",
|
|
"ClientIV": ""
|
|
});
|
|
}
|
|
|
|
|
|
var userSerial, PlayerID;
|
|
|
|
$().ready(function()
|
|
{
|
|
var result = engine.call('GetClientAuthData');
|
|
result.then(function (r)
|
|
{
|
|
app.debugInfo = "info:" + JSON.stringify(r);
|
|
app.userSerial = r.userSerial;
|
|
app.Player = r.userSerial.toString().split('-')[0];
|
|
|
|
checkClientIDRegistration(app.Player).then(function(result)
|
|
{
|
|
if (result === 1)
|
|
{
|
|
console.log('Nick já registrado, criar personagem...');
|
|
//loadLobby();
|
|
createRole();
|
|
}
|
|
else if (result === 2)
|
|
{createRole();
|
|
console.log('Nick não registrado, solicitar registro...');
|
|
showNickRegistrationPage();
|
|
}
|
|
else
|
|
{createRole();
|
|
console.error('Erro ao verificar o nick');
|
|
}
|
|
});
|
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
function initLobby()
|
|
{
|
|
//createRole();
|
|
}
|
|
|
|
function createRole()
|
|
{
|
|
|
|
// Substituir 'playerID0' pelo valor dinâmico de Player
|
|
engine.trigger('CreateLobbyCharacter', 0, false, "", "mango_tree");
|
|
engine.trigger('UpdateLobbyCharacter', 0,
|
|
{
|
|
"Gender":true,
|
|
"BoolOptions":[],
|
|
"FloatOptions":[],
|
|
"StringOptions":[
|
|
{"First":"Hair","Second":"F_Hair_A_04"},
|
|
{"First":"Face","Second":"F_Face_01"},
|
|
{"First":"NudeBody","Second":"F_NudeBody_01"},
|
|
{"First":"Makeup","Second":"0"},
|
|
],
|
|
"ItemIds":["Item_Body_C_01_C",
|
|
"Item_Head_C_02_C",]
|
|
});
|
|
|
|
|
|
|
|
//engine.trigger('DestoryLobbyCharacter', 0)
|
|
//engine.trigger('DestoryLobbyCharacter', 1)
|
|
//engine.trigger('DestoryLobbyCharacter', 2)
|
|
//engine.trigger('DestoryLobbyCharacter', 3)
|
|
//engine.trigger('SetLobbyCharacterAngle',0, 90)
|
|
|
|
}
|
|
|
|
//engine.trigger('DestroyLobbyCharacter', 0);
|
|
|
|
|
|
//engine.trigger('SetLobbyCharacterAngle', 0, 10);
|
|
|
|
engine.trigger('CreateLobbyCharacter', 0, false, "","playerID0")
|
|
engine.trigger('UpdateLobbyCharacter', 0,
|
|
{
|
|
"Gender":true,
|
|
"BoolOptions":[],
|
|
"FloatOptions":[],
|
|
"StringOptions":[
|
|
{"First":"Hair","Second":"M_Hair_A_01"},
|
|
{"First":"Face","Second":"M_Face_01"},
|
|
{"First":"NudeBody","Second":"M_NudeBody_01"},
|
|
],"ItemIds":[
|
|
"Item_Body_F_01",
|
|
]});
|
|
|
|
engine.trigger('SetLobbyCharacterAngle', 0, 100);
|
|
|
|
engine.trigger('CreateLobbyCharacter', 1, true, "","playerID1")
|
|
engine.trigger('UpdateLobbyCharacter', 1,
|
|
{
|
|
"Gender":true,
|
|
"BoolOptions":[],
|
|
"FloatOptions":[],
|
|
"StringOptions":[
|
|
{"First":"Hair","Second":"M_Hair_A_01"},
|
|
{"First":"Face","Second":"F_Face_01"},
|
|
{"First":"NudeBody","Second":"F_NudeBody_01"},
|
|
],"ItemIds":[
|
|
"Item_Body_F_01",
|
|
]});
|
|
|
|
engine.trigger('SetLobbyCharacterAngle', 1, 100);
|
|
|
|
|
|
// tests
|
|
engine.trigger('SetLobbyCharacterReady', 1, 1);
|
|
|
|
engine.trigger('SetLobbyCharacterHost', 0); // Change King of group
|
|
|
|
|
|
//engine.trigger('CheckPartyLeaderChange', 'playerID0'); // what is this ? 'CheckPartyLeaderChange', PartyLeaderNickname=%s"
|
|
|
|
// camera
|
|
//engine.trigger('CameraTransitionCreateCharacter'); // change camera to character modify
|
|
|
|
//engine.trigger('CameraTransitionSolo'); // shows lobby character 0 only
|
|
//engine.trigger('CameraTransitionDuo'); // move camera for 2 players in lobby
|
|
//engine.trigger('CameraTransitionSquad'); // move camera for 4 players in lobby
|
|
|
|
//engine.trigger('CameraTransitionCustomMatch'); // move camera to car and blur , custom match
|
|
//engine.trigger('CameraTransitionHome'); // equals a lobby 0, singleplayer : 'CameraTransitionSolo'
|
|
|
|
engine.trigger('CameraTransitionPlay'); // same ? equals a lobby 0;
|
|
|
|
//engine.trigger('CameraTransitionCustomWardrobe'); // Invetory , camera, or shop
|
|
|
|
//engine.trigger('CameraTransitionCustomAppearance'); // customize character, hair, faces, gender etc.
|
|
|
|
//engine.trigger('CameraTransitionRewards'); // I don't know if it works
|
|
|
|
//engine.trigger('CameraTransitionCareer'); // same the same as custom match , CameraTransitionCustomMatch
|
|
|
|
//engine.trigger('CameraTransitionWatch'); // I don't know if it works
|
|
|
|
//engine.trigger('CameraTransitionLeaderboard'); // same the same as custom match , CameraTransitionCustomMatch
|
|
|
|
//engine.trigger('CameraTransitionSettings'); // I don't know if it works
|
|
|
|
//engine.trigger('ChangeSceneFromName'); // I don't know if it works
|
|
|
|
// engine.trigger('ShowCharacterViewMode'); // I don't know if it works
|
|
|
|
// engine.trigger('ShowWeaponOrGearViewMode'); // I don't know if it works
|
|
|
|
//engine.trigger('RequestSystemMenu'); // open game menu
|
|
|
|
//engine.trigger('ShowViewMode'); // I don't know if it works
|
|
|
|
//engine.trigger('HideViewMode'); // I don't know if it works
|
|
|
|
//engine.trigger('AddLobbyViewModeAngle'); // I don't know if it works
|
|
|
|
//engine.trigger('AddLobbyViewModeAngleXY'); // I don't know if it works
|
|
|
|
//engine.trigger('AddLobbyViewModeScale'); // I don't know if it works
|
|
|
|
//engine.trigger('ResetViewMode'); // I don't know if it works
|
|
|
|
//engine.trigger('ShowCharacterPreview', 1); // I don't know if it works
|
|
|
|
//engine.trigger('HideCharacterPreview', 1); // I don't know if it works
|
|
|
|
//engine.trigger('OnStartRotation'); // I don't know if it works
|
|
|
|
//engine.trigger('ShowCurtain'); // I don't know if it works
|
|
|
|
//engine.trigger('HideCurtain'); // I don't know if it works
|
|
|
|
//engine.trigger('EnableSystemMenuButton'); // I don't know if it works
|
|
|
|
//engine.trigger('DisableSystemMenuButton'); // I don't know if it works
|
|
|
|
//engine.trigger('PlayEmoteAnimation'); // I don't know if it works
|
|
|
|
//engine.trigger('ResetEmoteAnimation'); // I don't know if it works
|
|
|
|
//engine.trigger('SetLocalUserData'); // I don't know if it works
|
|
|
|
//engine.trigger('NotifyLobbyConnecting'); // I don't know if it works
|
|
|
|
//engine.trigger('SetLobbyCharacterBlur'); // I don't know if it works
|
|
|
|
//engine.trigger('UpdateStatTrak'); // I don't know if it works
|
|
|
|
/*
|
|
engine.trigger('CreateLobbyCharacter', 2, false, "","playerID2")
|
|
engine.trigger('UpdateLobbyCharacter', 2,
|
|
{
|
|
"Gender":true,
|
|
"BoolOptions":[],
|
|
"FloatOptions":[],
|
|
"StringOptions":[
|
|
{"First":"Hair","Second":"F_Hair_B_05"},
|
|
{"First":"Face","Second":"F_Face_04"},
|
|
{"First":"NudeBody","Second":"F_NudeBody_04"},
|
|
],"ItemIds":[
|
|
"Item_Body_F_02",
|
|
]});
|
|
|
|
engine.trigger('CreateLobbyCharacter', 3, true, "","playerID3")
|
|
engine.trigger('UpdateLobbyCharacter', 3,
|
|
{
|
|
"Gender":true,
|
|
"BoolOptions":[],
|
|
"FloatOptions":[],
|
|
"StringOptions":[
|
|
{"First":"Hair","Second":"M_Hair_C_04"},
|
|
{"First":"Face","Second":"M_Face_06"},
|
|
{"First":"NudeBody","Second":"M_NudeBody_03"},
|
|
{"First":"NudeBody","Second":"M_NudeBody_03"},
|
|
],"ItemIds":[
|
|
"Item_Body_F_01",
|
|
]});*/
|
|
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
serverList: serverList,
|
|
Player: "player",
|
|
userSerial: "userSerial",
|
|
currentServer: serverList[0],
|
|
debugInfo: "Here is debugInfo",
|
|
isDebug: false,
|
|
routers: routers,
|
|
currentRouter: routers[0],
|
|
playerCountInfo: "Wait for Update",
|
|
},
|
|
methods: {
|
|
selectServer: selectServer,
|
|
joinServer: joinServer,
|
|
getServerByName: getServerByName,
|
|
}
|
|
});
|
|
|
|
|
|
$().ready(function()
|
|
{
|
|
var result = engine.call('GetClientAuthData');
|
|
result.then(function (r)
|
|
{
|
|
app.debugInfo = "info:" + JSON.stringify(r);
|
|
app.userSerial = r.userSerial;
|
|
app.Player = r.userSerial.toString().split('-')[0];
|
|
// console.log
|
|
})
|
|
|
|
|
|
|
|
// var result = engine.trigger("UdpPingTest", "218.93.206.88:52525", 1, 5);
|
|
// app.debugInfo = "info:" + result;
|
|
// engine.on('UdpPingTestResult', function (n, l, t) {
|
|
// console.log(n, l, t);
|
|
// app.debugInfo = "info:" + n + " " + l + " " + t;
|
|
// $(".debug-text").text(n + " " + l + " " + t);
|
|
// })
|
|
// $("#join-server-hint").text(result[0].ping);
|
|
// $("#join-server-hint").text(result[0].ip);
|
|
// updateServerStatus();
|
|
})
|
|
|
|
function selectServer(val)
|
|
{
|
|
app.server = val;
|
|
updateServerStatus();
|
|
}
|
|
|
|
function getServerByName(serverName)
|
|
{
|
|
return serverList.find(function (item)
|
|
{
|
|
return item.name === serverName;
|
|
});
|
|
}
|
|
|
|
function selectServer(server)
|
|
{
|
|
app.currentServer = server;
|
|
if (server.name == "AS")
|
|
{
|
|
$.ajax({
|
|
url: "GetPlayerNum?region=ASIA",
|
|
type: "GET",
|
|
dataType: "text",
|
|
success: function (data)
|
|
{
|
|
app.playerCountInfo = data;
|
|
}
|
|
})
|
|
}
|
|
// updateServerStatus();
|
|
}
|
|
|
|
function joinServer()
|
|
{
|
|
try
|
|
{
|
|
//$("#join-server-text").text('Joining...');
|
|
$("#join-server-hint").text("a" + app.currentServer.ip);
|
|
engine.trigger('JoinToDedicatedServer', app.currentServer.ip,
|
|
{
|
|
"Key": "",
|
|
"ServerIV": "",
|
|
"ClientIV": ""
|
|
});
|
|
}
|
|
catch(e)
|
|
{
|
|
$("#join-server-text").text(e);
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
<!-- Mirrored from 129.146.178.43/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 29 Dec 2024 23:31:49 GMT -->
|
|
</html> |