|
|
@@ -1,424 +0,0 @@
|
|
|
-// 全局缩放控制
|
|
|
-var currentScale = 1;
|
|
|
-var baseWidth = 360; // 基准设计宽度
|
|
|
-var baseHeight = 640; // 基准设计高度
|
|
|
-var buildConfig = null;
|
|
|
-
|
|
|
-// 加载配置文件
|
|
|
-async function loadBuildConfig() {
|
|
|
- try {
|
|
|
- const response = await fetch('https://cdn.goufuguiwxw.com/ResWebGlTest/gfg/config.json');
|
|
|
- buildConfig = await response.json();
|
|
|
- console.log('配置文件加载成功:', buildConfig);
|
|
|
- return buildConfig;
|
|
|
- } catch (error) {
|
|
|
- console.error('配置文件加载失败:', error);
|
|
|
- // 使用默认配置
|
|
|
- buildConfig = {
|
|
|
- compressionType: "Brotil",
|
|
|
- buildPath: "Build/",
|
|
|
- compressionConfigs: {
|
|
|
- "Brotil": {
|
|
|
- dataFile: "webgl.data.br",
|
|
|
- frameworkFile: "webgl.framework.js.br",
|
|
|
- wasmFile: "webgl.wasm.br",
|
|
|
- loaderFile: "webgl.loader.js",
|
|
|
- jpgFile: "webgl.jpg"
|
|
|
- }
|
|
|
- }
|
|
|
- };
|
|
|
- return buildConfig;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 获取文件URL
|
|
|
-function getBuildFileUrl(filename) {
|
|
|
- if (!buildConfig) {
|
|
|
- return `Build/${filename}`;
|
|
|
- }
|
|
|
- return `${buildConfig.buildPath}${filename}`;
|
|
|
-}
|
|
|
-
|
|
|
-// 获取当前压缩配置
|
|
|
-function getCurrentCompressionConfig() {
|
|
|
- if (!buildConfig) {
|
|
|
- return {
|
|
|
- dataFile: "webgl.data.br",
|
|
|
- frameworkFile: "webgl.framework.js.br",
|
|
|
- wasmFile: "webgl.wasm.br",
|
|
|
- loaderFile: "webgl.loader.js",
|
|
|
- jpgFile: "webgl.jpg"
|
|
|
- };
|
|
|
- }
|
|
|
-
|
|
|
- const compressionType = buildConfig.compressionType;
|
|
|
- return buildConfig.compressionConfigs[compressionType] ||
|
|
|
- buildConfig.compressionConfigs["Brotil"];
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-window.onload = async function () {
|
|
|
- // 先加载配置文件
|
|
|
- await loadBuildConfig();
|
|
|
-
|
|
|
- var container = document.getElementById("unity-container");
|
|
|
- var canvas = document.getElementById("unity-canvas");
|
|
|
-
|
|
|
- function updateCanvasSize() {
|
|
|
- var windowWidth = window.innerWidth;
|
|
|
- var windowHeight = window.innerHeight;
|
|
|
- var gameRatio = baseWidth / baseHeight;
|
|
|
- // 立即显示容器（避免闪动）
|
|
|
- container.style.opacity = '1';
|
|
|
-
|
|
|
- // 初始强制居中
|
|
|
- container.style.left = '0';
|
|
|
- container.style.right = '0';
|
|
|
- canvas.style.left = '0';
|
|
|
- canvas.style.margin = '0 auto';
|
|
|
-
|
|
|
- // PC端特殊处理（高度优先）
|
|
|
- if (windowWidth > 768) {
|
|
|
- // 按高度计算显示宽度
|
|
|
- var displayWidth = windowHeight * gameRatio;
|
|
|
- currentScale = windowHeight / baseHeight;
|
|
|
-
|
|
|
- // 更新Canvas物理尺寸（解决模糊）
|
|
|
- canvas.style.width = displayWidth + 'px';
|
|
|
- canvas.style.height = windowHeight + 'px';
|
|
|
- canvas.width = displayWidth * window.devicePixelRatio;
|
|
|
- canvas.height = windowHeight * window.devicePixelRatio;
|
|
|
- }
|
|
|
- // 移动端处理
|
|
|
- else {
|
|
|
- // 保持原比例缩放
|
|
|
- var scale = Math.min(
|
|
|
- windowWidth / baseWidth,
|
|
|
- windowHeight / baseHeight
|
|
|
- );
|
|
|
- currentScale = scale;
|
|
|
-
|
|
|
- // 更新Canvas物理尺寸
|
|
|
- var displayWidth = baseWidth * scale;
|
|
|
- var displayHeight = baseHeight * scale;
|
|
|
- canvas.style.width = displayWidth + 'px';
|
|
|
- canvas.style.height = displayHeight + 'px';
|
|
|
- canvas.width = displayWidth * window.devicePixelRatio;
|
|
|
- canvas.height = displayHeight * window.devicePixelRatio;
|
|
|
- }
|
|
|
-
|
|
|
- // 强制重绘（解决某些浏览器渲染问题）
|
|
|
- if (window.unityInstance) {
|
|
|
- window.unityInstance.Module.requestAnimationFrame(() => { });
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 初始化调整
|
|
|
- updateCanvasSize();
|
|
|
- window.addEventListener('resize', updateCanvasSize);
|
|
|
- window.addEventListener('fullscreenchange', updateCanvasSize);
|
|
|
-};
|
|
|
-
|
|
|
-// 修复鼠标/触摸事件坐标
|
|
|
-function fixEventCoordinates(event) {
|
|
|
- if (!window.unityInstance) return;
|
|
|
-
|
|
|
- var rect = canvas.getBoundingClientRect();
|
|
|
- var scaleX = canvas.width / rect.width;
|
|
|
- var scaleY = canvas.height / rect.height;
|
|
|
-
|
|
|
- // 修正坐标
|
|
|
- if (event.clientX !== undefined) {
|
|
|
- event.unityX = (event.clientX - rect.left) * scaleX;
|
|
|
- event.unityY = (event.clientY - rect.top) * scaleY;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 从URL获取SDK参数
|
|
|
-function getSDKParamsFromUrl() {
|
|
|
- var urlParams = new URLSearchParams(window.location.search);
|
|
|
- return {
|
|
|
- user_id: urlParams.get('user_id'),
|
|
|
- user_name: urlParams.get('user_name'),
|
|
|
- uuid: urlParams.get('uuid'),
|
|
|
- sign: urlParams.get('sign'),
|
|
|
- timestamp: urlParams.get('timestamp'),
|
|
|
- cp_ext: urlParams.get('cp_ext')
|
|
|
- };
|
|
|
-}
|
|
|
-
|
|
|
-// 初始化SDK参数
|
|
|
-function initSDKParams() {
|
|
|
- sdkParams = getSDKParamsFromUrl();
|
|
|
- console.log("SDK Params:", sdkParams);
|
|
|
-}
|
|
|
-
|
|
|
-// 显示临时消息横幅
|
|
|
-function unityShowBanner(msg, type) {
|
|
|
- function updateBannerVisibility() {
|
|
|
- warningBanner.style.display = warningBanner.children.length ? 'block' : 'none';
|
|
|
- }
|
|
|
- var div = document.createElement('div');
|
|
|
- div.innerHTML = msg;
|
|
|
- warningBanner.appendChild(div);
|
|
|
- if (type == 'error') div.style = 'background: red; padding: 10px;';
|
|
|
- else {
|
|
|
- if (type == 'warning') div.style = 'background: yellow; padding: 10px;';
|
|
|
- setTimeout(function () {
|
|
|
- warningBanner.removeChild(div);
|
|
|
- updateBannerVisibility();
|
|
|
- }, 5000);
|
|
|
- }
|
|
|
- updateBannerVisibility();
|
|
|
-}
|
|
|
-
|
|
|
-// 初始化Unity应用
|
|
|
-async function initUnity() {
|
|
|
- // 确保配置文件已加载
|
|
|
- if (!buildConfig) {
|
|
|
- await loadBuildConfig();
|
|
|
- }
|
|
|
-
|
|
|
- var container = document.querySelector("#unity-container");
|
|
|
- var canvas = document.querySelector("#unity-canvas");
|
|
|
- var loadingBar = document.querySelector("#unity-loading-bar");
|
|
|
- var progressBarFull = document.querySelector("#unity-progress-bar-full");
|
|
|
- var fullscreenButton = document.querySelector("#unity-fullscreen-button");
|
|
|
- var warningBanner = document.querySelector("#unity-warning");
|
|
|
-
|
|
|
- // 获取当前压缩配置
|
|
|
- const compressionConfig = getCurrentCompressionConfig();
|
|
|
-
|
|
|
- // 构建文件URL
|
|
|
- const loaderUrl = getBuildFileUrl(compressionConfig.loaderFile);
|
|
|
- const dataUrl = getBuildFileUrl(compressionConfig.dataFile);
|
|
|
- const frameworkUrl = getBuildFileUrl(compressionConfig.frameworkFile);
|
|
|
- const codeUrl = getBuildFileUrl(compressionConfig.wasmFile);
|
|
|
- const jpgUrl = getBuildFileUrl(compressionConfig.jpgFile);
|
|
|
-
|
|
|
- console.log('使用压缩格式:', buildConfig.compressionType);
|
|
|
- console.log('文件配置:', {
|
|
|
- loaderUrl, dataUrl, frameworkUrl, codeUrl, jpgUrl
|
|
|
- });
|
|
|
-
|
|
|
- // 监听所有输入事件
|
|
|
- ['mousedown', 'mouseup', 'mousemove', 'touchstart', 'touchend', 'touchmove'].forEach(function (eventName) {
|
|
|
- canvas.addEventListener(eventName, fixEventCoordinates, { passive: false });
|
|
|
- });
|
|
|
-
|
|
|
- var config = {
|
|
|
- dataUrl: dataUrl,
|
|
|
- frameworkUrl: frameworkUrl,
|
|
|
- codeUrl: codeUrl,
|
|
|
- streamingAssetsUrl: "StreamingAssets",
|
|
|
- companyName: "gfg",
|
|
|
- productName: "万世镜",
|
|
|
- productVersion: "1.0",
|
|
|
- showBanner: unityShowBanner,
|
|
|
- devicePixelRatio: window.devicePixelRatio || 1,
|
|
|
- preserveDrawingBuffer: true
|
|
|
- };
|
|
|
-
|
|
|
- if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
|
|
|
- canvas.style.width = '100vw';
|
|
|
- canvas.style.height = 'calc(100vw * 16/9)';
|
|
|
-
|
|
|
- setTimeout(() => {
|
|
|
- canvas.style.width = '100%';
|
|
|
- canvas.style.height = '100%';
|
|
|
- }, 100);
|
|
|
- } else {
|
|
|
- config.devicePixelRatio = 1;
|
|
|
- }
|
|
|
-
|
|
|
- canvas.style.background = "url('" + jpgUrl + "') center / cover";
|
|
|
- loadingBar.style.display = "block";
|
|
|
-
|
|
|
- var script = document.createElement("script");
|
|
|
- script.src = loaderUrl;
|
|
|
- script.onload = () => {
|
|
|
- createUnityInstance(canvas, config, (progress) => {
|
|
|
- progressBarFull.style.width = 100 * progress + "%";
|
|
|
- }).then((unityInstance) => {
|
|
|
- loadingBar.style.display = "none";
|
|
|
- window.unityInstance = unityInstance;
|
|
|
- fullscreenButton.onclick = () => {
|
|
|
- unityInstance.SetFullscreen(1).then(() => {
|
|
|
- setTimeout(() => {
|
|
|
- canvas.width = canvas.clientWidth * window.devicePixelRatio;
|
|
|
- canvas.height = canvas.clientHeight * window.devicePixelRatio;
|
|
|
- if (unityInstance.SendMessage) {
|
|
|
- unityInstance.SendMessage('JSBridge', 'OnFullscreenChanged', '1');
|
|
|
- }
|
|
|
- if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
|
|
|
- document.getElementById("unity-canvas").style.marginLeft = '0';
|
|
|
- }
|
|
|
- }, 300);
|
|
|
- });
|
|
|
- };
|
|
|
-
|
|
|
- initSDKParams();
|
|
|
- window.unityInstance = unityInstance;
|
|
|
- setupSDKCallbacks(unityInstance);
|
|
|
-
|
|
|
- }).catch((message) => {
|
|
|
- alert('Unity加载失败: ' + message);
|
|
|
- });
|
|
|
- };
|
|
|
- document.body.appendChild(script);
|
|
|
-}
|
|
|
-
|
|
|
-// SDK交互功能
|
|
|
-function onSDKLoaded() {
|
|
|
- setupSDKCallbacks(window.unityInstance);
|
|
|
-}
|
|
|
-
|
|
|
-// 这部分代码将在Unity加载完成后执行
|
|
|
-function setupSDKCallbacks(unityInstance) {
|
|
|
- // 支付回调示例
|
|
|
- window.JHRecharge = function (params) {
|
|
|
- console.log("调用支付:", params);
|
|
|
-
|
|
|
- const sdkParams = {
|
|
|
- amount: Number(params.amount), // 确保是 Number 类型
|
|
|
- cpProductId: params.cpProductId, // cpProductId → cp_product_id
|
|
|
- productName: params.productName, // productName → product_name
|
|
|
- notifyUrl: "https://webgltest.goufuguiwxw.com/gfg/recharge/jhganmeh5", // notifyUrl → notify_url
|
|
|
- serverId: params.serverId, // serverId → server_id
|
|
|
- serverName: params.serverName, // serverName → server_name
|
|
|
- roleName: params.roleName, // roleName → role_name
|
|
|
- roleId: params.roleId, // roleId → role_id
|
|
|
- roleLevel: params.roleLevel, // roleLevel → role_level
|
|
|
- vipLevel: params.vipLevel, // vipLevel → vip_level
|
|
|
- cpOrderId: params.cpOrderId, // cpOrderId → cp_order_id（关键字段）
|
|
|
- balance: params.balance, // 确保是 String 类型（文档要求）
|
|
|
- extra: params.extra,
|
|
|
- fighting: params.fighting
|
|
|
- };
|
|
|
-
|
|
|
- // 这里可以添加支付前的Unity交互逻辑
|
|
|
- // 例如通知Unity准备支付
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnRechargeStart', JSON.stringify(params));
|
|
|
- }
|
|
|
-
|
|
|
- // 调用SDK支付
|
|
|
- JHGameSDK.recharge(sdkParams).then(function (res) {
|
|
|
- console.log('支付结果:', res);
|
|
|
- // 支付完成后通知Unity
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnRechargeComplete', JSON.stringify(res));
|
|
|
- }
|
|
|
- }).catch(function (error) {
|
|
|
- console.error('支付错误:', error);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnRechargeError', JSON.stringify(error));
|
|
|
- }
|
|
|
- });
|
|
|
- };
|
|
|
-
|
|
|
- // 创建角色回调
|
|
|
- window.JHCreateRole = function (params) {
|
|
|
- console.log("创建角色:", params);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnCreateRoleStart', JSON.stringify(params));
|
|
|
- }
|
|
|
-
|
|
|
- JHGameSDK.createRole(params).then(function (res) {
|
|
|
- console.log('创建角色结果:', res);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnCreateRoleComplete', JSON.stringify(res));
|
|
|
- }
|
|
|
- }).catch(function (error) {
|
|
|
- console.error('创建角色错误:', error);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnCreateRoleError', JSON.stringify(error));
|
|
|
- }
|
|
|
- });
|
|
|
- };
|
|
|
-
|
|
|
- // 角色登录回调
|
|
|
- window.JHLoginRole = function (params) {
|
|
|
- console.log("角色登录:", params);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnLoginRoleStart', JSON.stringify(params));
|
|
|
- }
|
|
|
-
|
|
|
- JHGameSDK.loginRole(params).then(function (res) {
|
|
|
- console.log('角色登录结果:', res);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnLoginRoleComplete', JSON.stringify(res));
|
|
|
- }
|
|
|
- }).catch(function (error) {
|
|
|
- console.error('角色登录错误:', error);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnLoginRoleError', JSON.stringify(error));
|
|
|
- }
|
|
|
- });
|
|
|
- };
|
|
|
-
|
|
|
- // 角色升级回调
|
|
|
- window.JHUpgradeRole = function (params) {
|
|
|
- console.log("角色升级:", params);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnUpgradeRoleStart', JSON.stringify(params));
|
|
|
- }
|
|
|
-
|
|
|
- JHGameSDK.upgradeRole(params).then(function (res) {
|
|
|
- console.log('角色升级结果:', res);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnUpgradeRoleComplete', JSON.stringify(res));
|
|
|
- }
|
|
|
- }).catch(function (error) {
|
|
|
- console.error('角色升级错误:', error);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnUpgradeRoleError', JSON.stringify(error));
|
|
|
- }
|
|
|
- });
|
|
|
- };
|
|
|
-
|
|
|
- // 顶号回调
|
|
|
- window.JHRepeatLogin = function () {
|
|
|
- console.log("顶号处理");
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnRepeatLoginStart', '');
|
|
|
- }
|
|
|
-
|
|
|
- JHGameSDK.repeatLogin().then(function (res) {
|
|
|
- console.log('顶号结果:', res);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnRepeatLoginComplete', JSON.stringify(res));
|
|
|
- }
|
|
|
- }).catch(function (error) {
|
|
|
- console.error('顶号错误:', error);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnRepeatLoginError', JSON.stringify(error));
|
|
|
- }
|
|
|
- });
|
|
|
- };
|
|
|
-
|
|
|
- // 备案跳转回调
|
|
|
- window.JHCallIcpBeian = function () {
|
|
|
- console.log("备案跳转");
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnCallIcpBeianStart', '');
|
|
|
- }
|
|
|
-
|
|
|
- JHGameSDK.call({ target: "icpbeian" }).then((res) => {
|
|
|
- console.log('备案跳转结果:', res);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnCallIcpBeianComplete', JSON.stringify(res));
|
|
|
- }
|
|
|
- }).catch(function (error) {
|
|
|
- console.error('备案跳转错误:', error);
|
|
|
- if (unityInstance) {
|
|
|
- unityInstance.SendMessage('JHGameSDKGameObject', 'OnCallIcpBeianError', JSON.stringify(error));
|
|
|
- }
|
|
|
- });
|
|
|
- };
|
|
|
-}
|
|
|
-
|
|
|
-// 初始化应用
|
|
|
-document.addEventListener('DOMContentLoaded', function () {
|
|
|
- initUnity();
|
|
|
-});
|
