3d渲染修改

dist/static/TemplateData/style.css

@@ -1,8 +1,9 @@
 body { padding: 0; margin: 0 }
-#unity-container { width: 100%; height: 100%; }
+#unity-container { position: fixed; width: 100%; height: 100%; }
 #unity-canvas { width: 100%; height: 100%; background: #231F20 }
 #unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
 #unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
+#unity-loading { color: white; font-size: 32px; text-align: center; }
 #unity-progress-bar-empty { margin-left: auto; margin-right: auto; width: 141px; height: 18px; margin-top: 10px; background: url('progress-bar-empty-dark.png') no-repeat center }
 #unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
 #unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

dist/static/index.html

@@ -12,7 +12,8 @@
     <div id="unity-container">
       <canvas id="unity-canvas" width=960 height=600 tabindex="-1"></canvas>
       <div id="unity-loading-bar">
-        <div id="unity-logo"></div>
+        <!-- <div id="unity-logo"></div> -->
+        <div id="unity-loading">加载中…</div>
         <div id="unity-progress-bar-empty">
           <div id="unity-progress-bar-full"></div>
         </div>

public/static/TemplateData/style.css

@@ -1,8 +1,9 @@
 body { padding: 0; margin: 0 }
-#unity-container { width: 100%; height: 100%; }
+#unity-container { position: fixed; width: 100%; height: 100%; }
 #unity-canvas { width: 100%; height: 100%; background: #231F20 }
 #unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
 #unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
+#unity-loading { color: white; font-size: 32px; text-align: center; }
 #unity-progress-bar-empty { margin-left: auto; margin-right: auto; width: 141px; height: 18px; margin-top: 10px; background: url('progress-bar-empty-dark.png') no-repeat center }
 #unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
 #unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

public/static/index.html

@@ -12,7 +12,8 @@
     <div id="unity-container">
       <canvas id="unity-canvas" width=960 height=600 tabindex="-1"></canvas>
       <div id="unity-loading-bar">
-        <div id="unity-logo"></div>
+        <!-- <div id="unity-logo"></div> -->
+        <div id="unity-loading">加载中…</div>
         <div id="unity-progress-bar-empty">
           <div id="unity-progress-bar-full"></div>
         </div>

src/views/home/index.vue

@@ -8,13 +8,13 @@
            <el-button @click="changeCamera(props.neiw)">外部</el-button> -->
       <canvas id="unity-canvas" style="height: 550px;"></canvas>
       <div id="unity-loading-bar">
-        <div id="unity-logo"></div>
+        <!-- <div id="unity-logo"></div> -->
+        <div id="unity-loading">加载中…</div>
         <div id="unity-progress-bar-empty">
           <div id="unity-progress-bar-full"></div>
         </div>
       </div>
       <div id="unity-warning"> </div>
-     
     </div>
 </template>
 <script setup>
@@ -120,12 +120,15 @@ onMounted(() => {
  * lv 水深
  */
 function changeWater(lv){
-  console.log("changeWater"+lv)
+    console.log("changeWater changeWater"+lv)
     window.postMessage('changeWater:'+lv);
    // window.postMessage('changeWater:0.3');
-     window.postMessage('changeFire:0');
-       window.postMessage('changeLaneHeight:4');
-         window.postMessage('toggleExplosion:false');
+    window.postMessage('changeFire:0');
+    window.postMessage('changeLaneHeight:4');
+    window.postMessage('toggleExplosion:false');
+    window.postMessage('changeTunnelShape:1') //0是半圆，1是方形，2是拱形
+    window.postMessage('changeWallStyle:0') //0是铁网，1是砖墙，2是水泥墙
+    window.postMessage('changeCamera:2');
 }
 
 /**
@@ -142,22 +145,24 @@ function changeFire(lv){
   }else if(lv>290){
       window.postMessage('changeFire:3');
   }
-    window.postMessage('changeWater:0');
-    window.postMessage('changeLaneHeight:4');
+  window.postMessage('changeWater:0');
+  window.postMessage('changeLaneHeight:4');
   window.postMessage('toggleExplosion:false');
+
+  window.postMessage('changeTunnelShape:1') //0是半圆，1是方形，2是拱形
+    window.postMessage('changeWallStyle:2') //0是铁网，1是砖墙，2是水泥墙
   // window.postMessage('toggleExplosion:true');
 }
 /**
  * lv 瓦斯温度
  */
  function changeGass(lv){
-  if(lv>25){
-    window.postMessage('toggleExplosion:true');
+    if(lv>25){
+     window.postMessage('toggleExplosion:true');
     }else{
-
       window.postMessage('toggleExplosion:false');
-    window.postMessage('changeFire:0');
-    window.postMessage('changeLaneHeight:4');
+      window.postMessage('changeFire:0');
+      window.postMessage('changeLaneHeight:4');
     } 
    
   // window.postMessage('toggleExplosion:false');
@@ -186,11 +191,7 @@ watch(
       changeCamera(newVal[0])
       console.log("这是我的温度"+newVal[2])
       changeGass(newVal[2])
-
     }
-
-    
-
   },
   { deep: true }
 );