XiuXian
/
XiuXianProject


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278
							<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Unity WebGL Player | 万世镜</title>
    <link rel="shortcut icon" href="TemplateData/favicon.ico">
    <link rel="stylesheet" href="TemplateData/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="screen-orientation" content="portrait">
    <!-- 引入H5SDK -->
    <script type="text/javascript" src="https://cdn.jihuigame.com/sdk/h5sdk-1.0.3.js"></script>
  </head>
  <body>
    <div id="unity-container" class="unity-desktop">
      <canvas id="unity-canvas" width=960 height=600></canvas>
      <div id="unity-loading-bar">
        <div id="unity-logo"></div>
        <div id="unity-progress-bar-empty">
          <div id="unity-progress-bar-full"></div>
        </div>
      </div>
      <div id="unity-warning"> </div>
      <div id="unity-footer">
        <div id="unity-webgl-logo"></div>
        <div id="unity-fullscreen-button"></div>
        <div id="unity-build-title">万世镜</div>
      </div>
    </div>
    
    <!-- 添加SDK交互的div -->
    <div id="sdk-container" style="display:none;"></div>
    
    <script>
    window.onload = function() {
        if (screen.orientation && screen.orientation.lock) {
            screen.orientation.lock('portrait').catch(e => console.log(e));
        }
        // 调整Canvas尺寸适配竖屏
        var canvas = document.querySelector('canvas');
        if (canvas) {
            canvas.style.width = '100%';
            canvas.style.height = '100vh';
        }
    };
    </script>
    
    <script>
      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");
      
      // SDK相关的全局变量
      var sdkParams = null;
      
      // 从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);
        
        // 这里可以添加将参数传递给Unity的逻辑
        // 例如通过UnityInstance.SendMessage
      }
      
      // 显示临时消息横幅
      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();
      }

      var buildUrl = "Build";
      var loaderUrl = buildUrl + "/webgl.loader.js";
      var config = {
        dataUrl: buildUrl + "/webgl.data.gz",
        frameworkUrl: buildUrl + "/webgl.framework.js.gz",
        codeUrl: buildUrl + "/webgl.wasm.gz",
        streamingAssetsUrl: "StreamingAssets",
        companyName: "gfg",
        productName: "万世镜",
        productVersion: "1.0",
        showBanner: unityShowBanner,
      };

      if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
        container.className = "unity-mobile";
        config.devicePixelRatio = 1;
        unityShowBanner('WebGL builds are not supported on mobile devices.');
      } else {
        canvas.style.width = "960px";
        canvas.style.height = "600px";
      }
      canvas.style.background = "url('" + buildUrl + "/webgl.jpg') 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";
          fullscreenButton.onclick = () => {
            unityInstance.SetFullscreen(1);
          };
          
          // Unity实例加载完成后初始化SDK
          initSDKParams();
          
          // 这里可以添加将unityInstance保存为全局变量的代码
          // window.unityInstance = unityInstance;
          
        }).catch((message) => {
          alert(message);
        });
      };
      document.body.appendChild(script);
    </script>
    
    <!-- 添加SDK交互的JavaScript代码 -->
    <script>
    // 这部分代码将在Unity加载完成后执行
    function setupSDKCallbacks(unityInstance) {
      // 支付回调示例
      window.JHRecharge = function(params) {
        console.log("调用支付:", params);
        // 这里可以添加支付前的Unity交互逻辑
        // 例如通知Unity准备支付
        if (unityInstance) {
          unityInstance.SendMessage('SDKManager', 'OnRechargeStart', JSON.stringify(params));
        }
        
        // 调用SDK支付
        JHGameSDK.recharge(params).then(function(res) {
          console.log('支付结果:', res);
          // 支付完成后通知Unity
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnRechargeComplete', JSON.stringify(res));
          }
        }).catch(function(error) {
          console.error('支付错误:', error);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnRechargeError', JSON.stringify(error));
          }
        });
      };
      
      // 创建角色回调
      window.JHCreateRole = function(params) {
        console.log("创建角色:", params);
        if (unityInstance) {
          unityInstance.SendMessage('SDKManager', 'OnCreateRoleStart', JSON.stringify(params));
        }
        
        JHGameSDK.createRole(params).then(function(res) {
          console.log('创建角色结果:', res);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnCreateRoleComplete', JSON.stringify(res));
          }
        }).catch(function(error) {
          console.error('创建角色错误:', error);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnCreateRoleError', JSON.stringify(error));
          }
        });
      };
      
      // 角色登录回调
      window.JHLoginRole = function(params) {
        console.log("角色登录:", params);
        if (unityInstance) {
          unityInstance.SendMessage('SDKManager', 'OnLoginRoleStart', JSON.stringify(params));
        }
        
        JHGameSDK.loginRole(params).then(function(res) {
          console.log('角色登录结果:', res);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnLoginRoleComplete', JSON.stringify(res));
          }
        }).catch(function(error) {
          console.error('角色登录错误:', error);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnLoginRoleError', JSON.stringify(error));
          }
        });
      };
      
      // 角色升级回调
      window.JHUpgradeRole = function(params) {
        console.log("角色升级:", params);
        if (unityInstance) {
          unityInstance.SendMessage('SDKManager', 'OnUpgradeRoleStart', JSON.stringify(params));
        }
        
        JHGameSDK.upgradeRole(params).then(function(res) {
          console.log('角色升级结果:', res);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnUpgradeRoleComplete', JSON.stringify(res));
          }
        }).catch(function(error) {
          console.error('角色升级错误:', error);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnUpgradeRoleError', JSON.stringify(error));
          }
        });
      };
      
      // 顶号回调
      window.JHRepeatLogin = function() {
        console.log("顶号处理");
        if (unityInstance) {
          unityInstance.SendMessage('SDKManager', 'OnRepeatLoginStart', '');
        }
        
        JHGameSDK.repeatLogin().then(function(res) {
          console.log('顶号结果:', res);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnRepeatLoginComplete', JSON.stringify(res));
          }
        }).catch(function(error) {
          console.error('顶号错误:', error);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnRepeatLoginError', JSON.stringify(error));
          }
        });
      };
      
      // 备案跳转回调
      window.JHCallIcpBeian = function() {
        console.log("备案跳转");
        if (unityInstance) {
          unityInstance.SendMessage('SDKManager', 'OnCallIcpBeianStart', '');
        }
        
        JHGameSDK.call({target:"icpbeian"}).then((res) => {
          console.log('备案跳转结果:', res);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnCallIcpBeianComplete', JSON.stringify(res));
          }
        }).catch(function(error) {
          console.error('备案跳转错误:', error);
          if (unityInstance) {
            unityInstance.SendMessage('SDKManager', 'OnCallIcpBeianError', JSON.stringify(error));
          }
        });
      };
    }
    </script>
  </body>
</html>