优化

src/pages/webgl_rxdz_720/webgl_rxdz_720.vue

@@ -165,12 +165,12 @@
 				// const ambientLight = new THREE.AmbientLight(0xFFEFE0, 3.5);
 				// scene.add(ambientLight);
 				// 辅助方格
-				const axesHelper = new THREE.AxesHelper( 50 );
-				scene.add( axesHelper );
-				const gridHelper = new THREE.GridHelper(50, 10, 0xcccccc, 0xcccccc);
-				gridHelper.position.y = 0;
-				gridHelper.position.x = 0;
-				scene.add(gridHelper);
+				// const axesHelper = new THREE.AxesHelper( 50 );
+				// scene.add( axesHelper );
+				// const gridHelper = new THREE.GridHelper(50, 10, 0xcccccc, 0xcccccc);
+				// gridHelper.position.y = 0;
+				// gridHelper.position.x = 0;
+				// scene.add(gridHelper);
 				//加载环境720贴图
 				// let loader = new THREE.TextureLoader();
 				// let texture = loader.load(that.bgUrl, () => {

src/pages/webgl_rxdz_vr/webgl_rxdz_vr.html

@@ -41,7 +41,9 @@
 		</el-slider>
 		<div class="slide-word">缩小</div>
 	</div>
-	
+	<div class="guide-mask" id="guide-mask" v-if="!isIOS">
+		<img src="https://dm.static.elab-plus.com/guide-mask.png">
+	</div>
 	<!-- AI数字人组件 -->
 	<viewAI ref="viewAI" @aiPeopleChange="aiPeopleChange" style="z-index: 13;"></viewAI>
 	<!-- 生成截屏的画布对象 -->

src/pages/webgl_rxdz_vr/webgl_rxdz_vr.scss

@@ -103,4 +103,32 @@ page {
 /deep/.el-slider.is-vertical .el-slider__runway{
 	width: 8px;
 	background-color: rgba(255, 255, 255, 0.5);
+}
+.guide-mask {
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: rgba(0, 0, 0, 0.3);
+	z-index: 90;
+	position: fixed;
+	margin: auto;
+	pointer-events: none;
+	transition: opacity 0.5s ease-out;
+}
+
+.guide-mask>img {
+	width: 280px;
+	height: 406px;
+	bottom: 100px;
+	right: 0;
+	margin: auto;
+	position: fixed;
+	left: 0;
+}
+.guide-mask-hide {
+	opacity: 0;
+	pointer-events: none;
 }

src/pages/webgl_rxdz_vr/webgl_rxdz_vr.vue

@@ -238,7 +238,6 @@
 						}
 					}
 				});
-				
 				renderer.domElement.addEventListener('touchend', function (event) {
 					fingerCount = 0;//手指个数
 					if(dragControls){
@@ -617,7 +616,9 @@
 							self.iosPlay()
 						})
 					}else{
+						var guideMask = document.querySelector('#guide-mask');
 						document.addEventListener("touchend", ()=> {
+							guideMask.classList.add('guide-mask-hide');
 							if(self.hasOneTouch==false){
 								self.hasOneTouch = true;
 								self.videoHandle();