1

Signed-off-by: lcw <1324309909@qq.com>

src/components/door.vue

@@ -894,23 +894,23 @@
 							fourthP < -30 &&
 							type == 5
 						) {
-							dvj2.style.left = twoL + 385 + "px";
-							dvj2.style.top = twoP + 65 + "px";
+							dvj2.style.left = threeL + 28 + "px";
+							dvj2.style.top = threeP + 118 + "px";
 							if (binding.value.getThirteen() == 1) {
-								dv6.style.left = twoL + 385 + 53 + "px";
-								dv6.style.top = twoP + 65 - 70 + "px";
+								dv6.style.left = threeL + 28 + 37 + "px";
+								dv6.style.top = threeP + 118 - 49 + "px";
 								if (binding.value.getTwelve() == 1) {
-									dv4.style.left = twoL + 385 + 54 + 61 + "px";
-									dv4.style.top = twoP + 65 - 70 - 100 + "px";
+									dv4.style.left = threeL + 28 + 37 + 45 + "px";
+									dv4.style.top = threeP + 118 - 49 - 70 + "px";
 								}
 							}
 							if (binding.value.getEleven() == 1) {
-								dv7.style.left = twoL + 385 + 53 + "px";
-								dv7.style.top = twoP + 65 - 70 + "px";
+								dv7.style.left = threeL + 28 + 36 + "px";
+								dv7.style.top = threeP + 118 - 50 + "px";
 							}
 							if (binding.value.getTen() == 1) {
-								dv8.style.left = twoL + 385 + 53 + "px";
-								dv8.style.top = twoP + 65 - 70 + "px";
+								dv8.style.left = threeL + 28 + 36 + "px";
+								dv8.style.top = threeP + 118 - 50 + "px";
 							}
 							binding.value.setSix(1); //设置第一个j2可以跟着j1一起动
 							playMusic();
@@ -972,8 +972,8 @@
 							eighthP < 204 &&
 							type == 11
 						) {
-							dv8.style.left = j2L + 49 + "px";
-							dv8.style.top = j2T - 70 + "px";
+							dv8.style.left = j2L + 36 + "px";
+							dv8.style.top = j2T - 51 + "px";
 							binding.value.setTen(1); //设置第一个j2可以跟着j1一起动
 							playMusic();
 						} else if (type == 11) {
@@ -986,8 +986,8 @@
 							seventhP < 204 &&
 							type == 10
 						) {
-							dv7.style.left = j2L + 54 + "px";
-							dv7.style.top = j2T - 70 + "px";
+							dv7.style.left = j2L + 37 + "px";
+							dv7.style.top = j2T - 52 + "px";
 							binding.value.setEleven(1); //设置第一个j2可以跟着j1一起动
 							playMusic();
 						} else if (type == 10) {
@@ -1000,8 +1000,8 @@
 							nighthP < 124 &&
 							type == 7
 						) {
-							dv4.style.left = screanL + 61 + "px";
-							dv4.style.top = screanP - 100 + "px";
+							dv4.style.left = screanL + 45 + "px";
+							dv4.style.top = screanP - 70 + "px";
 							binding.value.setTwelve(1); //设置第一个j2可以跟着j1一起动
 							playMusic();
 						} else if (type == 7) {
@@ -1014,11 +1014,11 @@
 							sixthP < 204 &&
 							type == 9
 						) {
-							dv6.style.left = j2L + 54 + "px";
-							dv6.style.top = j2T - 70 + "px";
+							dv6.style.left = j2L + 37 + "px";
+							dv6.style.top = j2T - 49 + "px";
 							if (binding.value.getTwelve() == 1) {
-								dv4.style.left = j2L + 54 + 61 + "px";
-								dv4.style.top = j2T - 70 - 100 + "px";
+								dv4.style.left = j2L + 37 + 45 + "px";
+								dv4.style.top = j2T - 49 - 70 + "px";
 							}
 							binding.value.setThirteen(1); //设置第一个j2可以跟着j1一起动
 							playMusic();
@@ -1048,8 +1048,8 @@
 							dv2.style.top = nt - 262 + "px";
 						}
 						if (binding.value.getSix() == 1 && type == 13) {
-							dvj2.style.left = nl + 424 + "px";
-							dvj2.style.top = nt - 191 + "px";
+							dvj2.style.left = nl + 434 + "px";
+							dvj2.style.top = nt - 138 + "px";
 						}
 						if (
 							binding.value.getSeven() == 1 &&
@@ -1064,8 +1064,11 @@
 						if (
 							binding.value.getSeven() == 1 &&
 							binding.value.getEight() == 1 &&
+							binding.value.getFive() == 1 &&
 							type == 13
 						) {
+							dv2.style.left = nl + 63 + "px";
+							dv2.style.top = nt - 262 + "px";
 							dv3.style.left = nl + 102 + "px";
 							dv3.style.top = nt - 489 + "px";
 							dv5.style.left = nl + 66 + "px";
@@ -1080,44 +1083,44 @@
 							dvj1.style.top = nt - 542 + "px";
 						}
 						if (binding.value.getTen() == 1 && type == 13) {
-							dv8.style.left = nl + 477 + "px";
-							dv8.style.top = nt - 261 + "px";
+							dv8.style.left = nl + 470 + "px";
+							dv8.style.top = nt - 188 + "px";
 						}
 						if (binding.value.getEleven() == 1 && type == 13) {
-							dv7.style.left = nl + 477 + "px";
-							dv7.style.top = nt - 261 + "px";
+							dv7.style.left = nl + 470 + "px";
+							dv7.style.top = nt - 188 + "px";
 						}
 						if (binding.value.getThirteen() == 1 && type == 13) {
-							dv6.style.left = nl + 477 + "px";
-							dv6.style.top = nt - 261 + "px";
+							dv6.style.left = nl + 471 + "px";
+							dv6.style.top = nt - 187 + "px";
 						}
 						if (binding.value.getTwelve() == 1 && type == 9) {
-							dv4.style.left = nl + 61 + "px";
-							dv4.style.top = nt - 100 + "px";
+							dv4.style.left = nl + 45 + "px";
+							dv4.style.top = nt - 70 + "px";
 						}
 						if (binding.value.getThirteen() == 1 && type == 13) {
-							dv4.style.left = nl + 538 + "px";
-							dv4.style.top = nt - 361 + "px";
+							dv4.style.left = nl + 516 + "px";
+							dv4.style.top = nt - 257 + "px";
 						}
 						if (binding.value.getTen() == 1 && type == 5) {
-							dv8.style.left = nl + 53 + "px";
-							dv8.style.top = nt - 70 + "px";
+							dv8.style.left = nl + 36 + "px";
+							dv8.style.top = nt - 51 + "px";
 						}
 						if (binding.value.getThirteen() == 1 && type == 5) {
-							dv6.style.left = nl + 53 + "px";
-							dv6.style.top = nt - 70 + "px";
+							dv6.style.left = nl + 37 + "px";
+							dv6.style.top = nt - 49 + "px";
 						}
 						if (binding.value.getEleven() == 1 && type == 5) {
-							dv7.style.left = nl + 53 + "px";
-							dv7.style.top = nt - 70 + "px";
+							dv7.style.left = nl + 37 + "px";
+							dv7.style.top = nt - 52 + "px";
 						}
 						if (
 							binding.value.getTwelve() == 1 &&
 							binding.value.getThirteen() == 1 &&
 							type == 5
 						) {
-							dv4.style.left = nl + 114 + "px";
-							dv4.style.top = nt - 170 + "px";
+							dv4.style.left = nl + 82 + "px";
+							dv4.style.top = nt - 119 + "px";
 						}
 						if (binding.value.getEight() == 1 && type == 6) {
 							dv5.style.left = nl - 36 + "px";
@@ -1291,7 +1294,7 @@
 		z-index: 3;
 	}
 	#jjj2 {
-		width: 299px;
+		width: 215px;
 		position: absolute;
 		left: 62%;
 		top: 47%;
@@ -1308,7 +1311,7 @@
 	}
 
 	#tou {
-		width: 85px;
+		width: 55px;
 		position: absolute;
 		left: 69%;
 		top: 75%;
@@ -1324,7 +1327,7 @@
 		z-index: 6;
 	}
 	#screan {
-		width: 205px;
+		width: 150px;
 		position: absolute;
 		left: 82%;
 		top: 75%;
@@ -1332,7 +1335,7 @@
 		z-index: 11;
 	}
 	#ai {
-		width: 205px;
+		width: 150px;
 		position: absolute;
 		left: 82%;
 		top: 56%;
@@ -1340,7 +1343,7 @@
 		z-index: 10;
 	}
 	#bottom {
-		width: 210px;
+		width: 150px;
 		position: absolute;
 		left: 82%;
 		top: 37%;

src/components/index.vue

@@ -110,7 +110,7 @@
 						{ poster: require("../assets/img/curtain.png"), path: "" },
 						{ poster: require("../assets/img/robot.png"), path: "robot" },
 						{ poster: require("../assets/img/car.png"), path: "" },
-						{ poster: require("../assets/img/pay.png"), path: "" },
+						{ poster: require("../assets/img/pay.png"), path: "shop" },
 						{ poster: require("../assets/img/traffic.png"), path: "traffic" },
 					],
 					[
@@ -127,7 +127,7 @@
 						{ poster: require("../assets/img/traffic.png"), path: "traffic" },
 					],
 					[],
-					[{ poster: require("../assets/img/pay.png"), path: "" }],
+					[{ poster: require("../assets/img/pay.png"), path: "shop" }],
 				],
 				res1: [
 					[

src/components/light.vue

@@ -231,8 +231,8 @@
 							saP2 < 258 &&
 							type == 4
 						) {
-							dv2.style.left = policeL + 120 + "px";
-							dv2.style.top = policeT - 147 + "px";
+							dv2.style.left = policeL + 86 + "px";
+							dv2.style.top = policeT - 109 + "px";
 							binding.value.setA(1);
 							playMusic();
 						} else if (type == 4) {
@@ -240,22 +240,22 @@
 						}
 
 						if (-225 < spL && spL < 18 && 9 < spP && spP < 272 && type == 1) {
-							dv.style.left = policeL + 122 + "px";
-							dv.style.top = policeT - 144 + "px";
+							dv.style.left = policeL + 88 + "px";
+							dv.style.top = policeT - 110 + "px";
 							binding.value.setC(1);
 						} else if (type == 1) {
 							binding.value.setC(0);
 						}
 
 						if (
-							-224 < saL3 &&
-							saL3 < -197 &&
-							-288 < saP3 &&
-							saP3 < -221 &&
+							-164 < saL3 &&
+							saL3 < -147 &&
+							-205 < saP3 &&
+							saP3 < -166 &&
 							type == 2
 						) {
-							dv1.style.left = policeL + 210 + "px";
-							dv1.style.top = policeT + 253 + "px";
+							dv1.style.left = policeL + 156 + "px";
+							dv1.style.top = policeT + 188 + "px";
 							binding.value.setk(1);
 							playMusic();
 						} else if (type == 2) {
@@ -268,13 +268,13 @@
 
 					function moveP(nl, nt, type) {
 						if (binding.value.getK() == 1 && type == 3) {
-							dv1.style.left = nl + 210 + "px";
-							dv1.style.top = nt + 253 + "px";
+							dv1.style.left = nl + 156 + "px";
+							dv1.style.top = nt + 188 + "px";
 						}
 
 						if (binding.value.getC() == 1 && type == 3) {
-							dv.style.left = nl + 122 + "px";
-							dv.style.top = nt - 144 + "px";
+							dv.style.left = nl + 88 + "px";
+							dv.style.top = nt - 110 + "px";
 						}
 
 						if (
@@ -282,68 +282,68 @@
 							type == 3 &&
 							binding.value.getA() != 2
 						) {
-							dv.style.left = nl + 122 + "px";
-							dv.style.top = nt - 144 + "px";
+							dv.style.left = nl + 88 + "px";
+							dv.style.top = nt - 110 + "px";
 						} else if (
 							binding.value.getA() == 1 &&
 							type == 3 &&
 							binding.value.getC() != 3
 						) {
-							dv2.style.left = nl + 120 + "px";
-							dv2.style.top = nt - 147 + "px";
+							dv2.style.left = nl + 86 + "px";
+							dv2.style.top = nt - 109 + "px";
 						} else if (
 							type == 3 &&
 							binding.value.getC() == 3 &&
 							binding.value.getK() == 1
 						) {
-							dv2.style.left = nl + 120 + "px";
-							dv2.style.top = nt - 147 + "px";
+							dv2.style.left = nl + 86 + "px";
+							dv2.style.top = nt - 109 + "px";
 
-							dv.style.left = nl + 122 + "px";
-							dv.style.top = nt - 144 + "px";
+							dv.style.left = nl + 88 + "px";
+							dv.style.top = nt - 110 + "px";
 						} else if (
 							type == 3 &&
 							binding.value.getC() == 3 &&
 							binding.value.getK() == 0
 						) {
-							dv2.style.left = nl + 120 + "px";
-							dv2.style.top = nt - 147 + "px";
+							dv2.style.left = nl + 86 + "px";
+							dv2.style.top = nt - 109 + "px";
 
-							dv.style.left = nl + 122 + "px";
-							dv.style.top = nt - 144 + "px";
+							dv.style.left = nl + 88 + "px";
+							dv.style.top = nt - 110 + "px";
 						} else if (
 							binding.value.getA() == 2 &&
 							type == 3 &&
 							binding.value.getC() == 2 &&
 							binding.value.getK() == 1
 						) {
-							dv2.style.left = nl + 120 + "px";
-							dv2.style.top = nt - 147 + "px";
+							dv2.style.left = nl + 86 + "px";
+							dv2.style.top = nt - 109 + "px";
 
-							dv.style.left = nl + 122 + "px";
-							dv.style.top = nt - 144 + "px";
+							dv.style.left = nl + 88 + "px";
+							dv.style.top = nt - 110 + "px";
 						} else if (
 							binding.value.getA() == 2 &&
 							type == 3 &&
 							binding.value.getC() == 2 &&
 							binding.value.getK() == 0
 						) {
-							dv2.style.left = nl + 120 + "px";
-							dv2.style.top = nt - 147 + "px";
+							dv2.style.left = nl + 86 + "px";
+							dv2.style.top = nt - 109 + "px";
 
-							dv.style.left = nl + 122 + "px";
-							dv.style.top = nt - 144 + "px";
+							dv.style.left = nl + 88 + "px";
+							dv.style.top = nt - 110 + "px";
 						} else if (
 							binding.value.getA() == 2 &&
 							type == 3 &&
 							binding.value.getC() == 1 &&
 							binding.value.getK() == 0
 						) {
-							dv2.style.left = nl + 120 + "px";
-							dv2.style.top = nt - 147 + "px";
+							dv2.style.left = nl + 86 + "px";
+							dv2.style.top = nt - 109 + "px";
 
-							dv.style.left = nl + 122 + "px";
-							dv.style.top = nt - 144 + "px";
+							dv.style.left = nl + 88 + "px";
+							dv.style.top = nt - 110 + "px";
 						}
 					}
 				},
@@ -415,7 +415,7 @@
 	}
 
 	#screan {
-		width: 205px;
+		width: 150px;
 		position: absolute;
 		left: 10%;
 		top: 50%;
@@ -424,7 +424,7 @@
 	}
 
 	#ai {
-		width: 205px;
+		width: 150px;
 		position: absolute;
 		top: 50%;
 		left: 30%;
@@ -433,7 +433,7 @@
 	}
 
 	#tou {
-		width: 30px;
+		width: 20px;
 		position: absolute;
 		top: 50%;
 		left: 50%;
@@ -442,7 +442,7 @@
 	}
 
 	#police {
-		width: 450px;
+		width: 330px;
 		position: absolute;
 		left: 70%;
 		top: 50%;

src/components/police.vue

@@ -232,6 +232,8 @@
 						if (-203 < spL && spL < 60 && -41 < spP && spP < 254 && type == 1) {
 							dv.style.left = policeL + 51 + "px";
 							dv.style.top = policeT - 75 + "px";
+              dv1.style.left = policeL + 98 + "px";
+							dv1.style.top = policeT - 153 + "px";
 							binding.value.setC(1);
 							playMusic();
 						} else if (type == 1) {

src/components/robot.vue

@@ -1388,7 +1388,7 @@
 							type == 14
 						) {
 							dv13.style.left = elevenL + 45 + "px";
-							dv13.style.top = elevenT - 92 + "px";
+							dv13.style.top = elevenT - 72 + "px";
 							binding.value.setThirteen(1); //设置第一个j2可以跟着j1一起动
 							playMusic();
 						} else if (type == 14) {
@@ -1405,7 +1405,7 @@
 							dv12.style.top = thirteenT + 6 + "px";
 							if (binding.value.getThirteen() == 1) {
 								dv13.style.left = thirteenL + 0 + 45 + "px";
-								dv13.style.top = thirteenT + 6 - 92 + "px";
+								dv13.style.top = thirteenT + 6 - 72 + "px";
 							}
 							binding.value.setFourteen(1); //设置第一个j2可以跟着j1一起动
 							playMusic();
@@ -1423,7 +1423,7 @@
 							dv11.style.top = elevenT - 3 + "px";
 							if (binding.value.getThirteen() == 1) {
 								dv13.style.left = elevenL + 0 + 45 + "px";
-								dv13.style.top = elevenT - 0 - 92 + "px";
+								dv13.style.top = elevenT - 0 - 72 + "px";
 							}
 							binding.value.setFifteen(1); //设置第一个j2可以跟着j1一起动
 							playMusic();
@@ -1441,7 +1441,7 @@
 							dv12.style.top = tenT + 2 + "px";
 							if (binding.value.getThirteen() == 1) {
 								dv13.style.left = tenL + 0 + 45 + "px";
-								dv13.style.top = tenT + 2 - 92 + "px";
+								dv13.style.top = tenT + 2 - 72 + "px";
 							}
 							binding.value.setSixteen(1); //设置第一个j2可以跟着j1一起动
 							playMusic();
@@ -1459,7 +1459,7 @@
 							dv14.style.top = elevenT - 5 + "px";
 							if (binding.value.getThirteen() == 1) {
 								dv13.style.left = elevenL + 0 + 45 + "px";
-								dv13.style.top = elevenT - 0 - 92 + "px";
+								dv13.style.top = elevenT - 0 - 72 + "px";
 							}
 							binding.value.setSeventeen(1); //设置第一个j2可以跟着j1一起动
 							playMusic();
@@ -1614,7 +1614,7 @@
 						}
 						if (binding.value.getThirteen() == 1 && type == 13) {
 							dv13.style.left = nl + 45 + "px";
-							dv13.style.top = nt - 92 + "px";
+							dv13.style.top = nt - 72 + "px";
 						}
 						if (binding.value.getEleven() == 1 && type == 15) {
 							dv11.style.left = nl + 0 + "px";
@@ -1685,7 +1685,7 @@
 						) {
 							binding.value.setEighteen(0);
 							dv13.style.left = nl + 45 + "px";
-							dv13.style.top = nt - 89 + "px";
+							dv13.style.top = nt - 69 + "px";
 							dv11.style.left = nl + 0 + "px";
 							dv11.style.top = nt + 3 + "px";
 							dv12.style.left = nl + 0 + "px";
@@ -1970,7 +1970,7 @@
 	}
 
 	#bottom {
-		width: 180px;
+		width: 150px;
 		position: absolute;
 		left: 70%;
 		top: 51%;
@@ -1979,7 +1979,7 @@
 	}
 
 	#screan {
-		width: 180px;
+		width: 150px;
 		position: absolute;
 		left: 70%;
 		top: 69%;
@@ -1997,7 +1997,7 @@
 	}
 
 	#ai {
-		width: 180px;
+		width: 150px;
 		position: absolute;
 		top: 32%;
 		left: 70%;
@@ -2006,7 +2006,7 @@
 	}
 
 	#tou {
-		width: 85px;
+		width: 55px;
 		position: absolute;
 		top: 41%;
 		left: 82%;

src/components/shop.vue

@@ -367,7 +367,7 @@ export default {
           }
 
           if (69 < apL && apL < 100 && -10 < apT && apT < 30 && type == 4) {
-            dv2.style.left = policeL + 89 + "px";
+            dv2.style.left = policeL + 82 + "px";
             dv2.style.top = policeT + 10 + "px";
             binding.value.setA(1); //设置ai可以跟着j1一起动
             playMusic();
@@ -376,12 +376,12 @@ export default {
           }
 
           if (67 < ppL && ppL < 100 && -10 < ppT && ppT < 30 && type == 1) {
-            dv.style.left = policeL + 87 + "px";
+            dv.style.left = policeL + 80 + "px";
             dv.style.top = policeT + 9 + "px";
             binding.value.setP(1); //设置第屏幕可以跟着j1一起动
             if (binding.value.getT() == 1) {
-              dv1.style.left = policeL + 87 + 40 + "px";
-              dv1.style.top = policeT + 9 - 70 + "px";
+              dv1.style.left = policeL + 80 + 40 + "px";
+              dv1.style.top = policeT + 9 - 80 + "px";
             }
             playMusic();
           } else if (type == 1) {
@@ -390,7 +390,7 @@ export default {
 
           if (20 < tpL && tpL < 60 && -90 < tpT && tpT < -50 && type == 2) {
             dv1.style.left = pinL + 40 + "px";
-            dv1.style.top = pinT - 70 + "px";
+            dv1.style.top = pinT - 80 + "px";
             binding.value.setT(1); //设置摄像头可以跟着屏幕一起动
             playMusic();
           } else if (type == 2) {
@@ -413,22 +413,22 @@ export default {
           }
 
           if (binding.value.getA() == 1 && type == 3) {
-            dv2.style.left = nl + 89 + "px";
+            dv2.style.left = nl + 82 + "px";
             dv2.style.top = nt + 10 + "px";
           }
 
           if (binding.value.getP() == 1 && type == 3) {
-            dv.style.left = nl + 87 + "px";
+            dv.style.left = nl + 80 + "px";
             dv.style.top = nt + 9 + "px";
             if (binding.value.getT() == 1) {
-              dv1.style.left = nl + 87 + 40 + "px";
-              dv1.style.top = nt + 9 - 70 + "px";
+              dv1.style.left = nl + 80 + 40 + "px";
+              dv1.style.top = nt + 9 - 80 + "px";
             }
           }
 
           if (binding.value.getT() == 1 && type == 1) {
             dv1.style.left = nl + 40 + "px";
-            dv1.style.top = nt - 70 + "px";
+            dv1.style.top = nt - 80 + "px";
           }
         }
       },
@@ -514,7 +514,7 @@ body {
 }
 
 #screan {
-  width: 130px;
+  width: 150px;
   position: absolute;
   left: 10%;
   top: 50%;
@@ -523,7 +523,7 @@ body {
 }
 
 #ai {
-  width: 130px;
+  width: 150px;
   position: absolute;
   top: 50%;
   left: 25%;
@@ -532,7 +532,7 @@ body {
 }
 
 #tou {
-  width: 50px;
+  width: 65px;
   position: absolute;
   top: 50%;
   left: 40%;

src/components/traffic.vue

@@ -502,8 +502,8 @@
 							ag1T < 304 &&
 							type == "ai"
 						) {
-							_ai.style.left = _G1L + 51 + "px";
-							_ai.style.top = _G1T - 162 + "px";
+							_ai.style.left = _G1L + 34 + "px";
+							_ai.style.top = _G1T - 119 + "px";
 							binding.value.setAi(1);
 							playMusic();
 						} else if (type == "ai") {
@@ -517,8 +517,8 @@
 							g5g1T < 353 &&
 							type == "G5"
 						) {
-							_G5.style.left = _G1L + 16 + "px";
-							_G5.style.top = _G1T - 191 + "px";
+							_G5.style.left = _G1L + 9 + "px";
+							_G5.style.top = _G1T - 137 + "px";
 							binding.value.setG5(1);
 							playMusic();
 						} else if (type == "G5") {
@@ -541,14 +541,14 @@
 						}
 
 						if (
-							-149 < g2g1L &&
-							g2g1L < -126 &&
-							-413 < g2g1T &&
-							g2g1T < -29 &&
+							-109 < g2g1L &&
+							g2g1L < -95 &&
+							-293 < g2g1T &&
+							g2g1T < -34 &&
 							type == "G2"
 						) {
-							_G2.style.left = _G1L + 136 + "px";
-							_G2.style.top = _G1T + 123 + "px";
+							_G2.style.left = _G1L + 100 + "px";
+							_G2.style.top = _G1T + 100 + "px";
 							binding.value.setG2(1);
 							playMusic();
 						} else if (type == "G2") {
@@ -563,8 +563,8 @@
 							type == "G3" &&
 							binding.value.getG2() == 1
 						) {
-							_G3.style.left = _G1L + 56 + "px";
-							_G3.style.top = _G1T + 121 + "px";
+							_G3.style.left = _G1L + 43 + "px";
+							_G3.style.top = _G1T + 90 + "px";
 							binding.value.setG3(1);
 							playMusic();
 						} else if (type == "G3") {
@@ -578,8 +578,8 @@
 							l1g1T < 299 &&
 							type == "light1"
 						) {
-							_light1.style.left = _G1L + 54 + "px";
-							_light1.style.top = _G1T - 157 + "px";
+							_light1.style.left = _G1L + 38 + "px";
+							_light1.style.top = _G1T - 118 + "px";
 							binding.value.setLight1(1);
 							playMusic();
 						} else if (
@@ -604,8 +604,8 @@
 							l2g1T < 302 &&
 							type == "light2"
 						) {
-							_light2.style.left = _G1L - 11 + "px";
-							_light2.style.top = _G1T - 187 + "px";
+							_light2.style.left = _G1L - 8 + "px";
+							_light2.style.top = _G1T - 134 + "px";
 							binding.value.setLight2(1);
 							playMusic();
 						} else if (
@@ -615,8 +615,8 @@
 							l2lT < 54 &&
 							type == "light2"
 						) {
-							_light2.style.left = _lineL - 18 + "px";
-							_light2.style.top = _lineT + 34 + "px";
+							_light2.style.left = _lineL + 9 + "px";
+							_light2.style.top = _lineT - 30 + "px";
 							binding.value.setLight2(2);
 							playMusic();
 						} else if (type == "light2") {
@@ -624,31 +624,31 @@
 						}
 
 						if (
-							-20 < lg1L &&
-							lg1L < 10 &&
-							200 < lg1T &&
-							lg1T < 267 &&
+							-8 < lg1L &&
+							lg1L < 8 &&
+							100 < lg1T &&
+							lg1T < 269 &&
 							type == "line" &&
 							(binding.value.getLight1() === 1 ||
 								binding.value.getLight2() === 1 ||
 								binding.value.getLight1() === 2 ||
 								binding.value.getLight2() === 2)
 						) {
-							_line.style.left = _G1L + 5 + "px";
-							_line.style.top = _G1T - 230 + "px";
+							_line.style.left = _G1L + 1 + "px";
+							_line.style.top = _G1T - 164 + "px";
 							if (
 								binding.value.getLight1() === 2 ||
 								binding.value.getLight1() === 1
 							) {
-								_light1.style.left = _G1L + 54 + "px";
-								_light1.style.top = _G1T - 157 + "px";
+								_light1.style.left = _G1L + 38 + "px";
+								_light1.style.top = _G1T - 118 + "px";
 							}
 							if (
 								binding.value.getLight2() === 2 ||
 								binding.value.getLight2() === 1
 							) {
-								_light2.style.left = _G1L - 11 + "px";
-								_light2.style.top = _G1T - 187 + "px";
+								_light2.style.left = _G1L - 8 + "px";
+								_light2.style.top = _G1T - 134 + "px";
 							}
 							binding.value.setLine(1);
 							playMusic();
@@ -662,13 +662,13 @@
 
 					function moveP(nl, nt, type) {
 						if (binding.value.getAi() === 1 && type == "G1") {
-							_ai.style.left = nl + 51 + "px";
-							_ai.style.top = nt - 162 + "px";
+							_ai.style.left = nl + 34 + "px";
+							_ai.style.top = nt - 119 + "px";
 						}
 
 						if (binding.value.getG5() === 1 && type == "G1") {
-							_G5.style.left = nl + 16 + "px";
-							_G5.style.top = nt - 191 + "px";
+							_G5.style.left = nl + 9 + "px";
+							_G5.style.top = nt - 137 + "px";
 						}
 						if (binding.value.getG4() === 1 && type == "G1") {
 							_G4.style.left = nl + "px";
@@ -676,13 +676,13 @@
 						}
 
 						if (binding.value.getG2() === 1 && type == "G1") {
-							_G2.style.left = nl + 136 + "px";
-							_G2.style.top = nt + 123 + "px";
+							_G2.style.left = nl + 100 + "px";
+							_G2.style.top = nt + 100 + "px";
 						}
 
 						if (binding.value.getG3() === 1 && type == "G1") {
-							_G3.style.left = nl + 56 + "px";
-							_G3.style.top = nt + 121 + "px";
+							_G3.style.left = nl + 43 + "px";
+							_G3.style.top = nt + 90 + "px";
 						}
 
 						if (
@@ -691,8 +691,8 @@
 									binding.value.getLine() === 1)) &&
 							type == "G1"
 						) {
-							_light1.style.left = nl + 54 + "px";
-							_light1.style.top = nt - 157 + "px";
+							_light1.style.left = nl + 38 + "px";
+							_light1.style.top = nt - 118 + "px";
 						}
 
 						if (
@@ -701,12 +701,12 @@
 									binding.value.getLine() === 1)) &&
 							type == "G1"
 						) {
-							_light2.style.left = nl - 11 + "px";
-							_light2.style.top = nt - 187 + "px";
+							_light2.style.left = nl - 8 + "px";
+							_light2.style.top = nt - 134 + "px";
 						}
 						if (binding.value.getLine() === 1 && type == "G1") {
-							_line.style.left = nl + 5 + "px";
-							_line.style.top = nt - 230 + "px";
+							_line.style.left = nl + 1 + "px";
+							_line.style.top = nt - 164 + "px";
 						}
 
 						if (binding.value.getLight1() === 2 && type == "line") {
@@ -715,8 +715,8 @@
 						}
 
 						if (binding.value.getLight2() === 2 && type == "line") {
-							_light2.style.left = nl - 18 + "px";
-							_light2.style.top = nt + 34 + "px";
+							_light2.style.left = nl + 9 + "px";
+							_light2.style.top = nt - 30 + "px";
 						}
 
 						if (
@@ -842,7 +842,7 @@
 	}
 
 	#ai {
-		width: 205px;
+		width: 150px;
 		position: absolute;
 		top: 45%;
 		left: 20%;
@@ -851,7 +851,7 @@
 	}
 
 	#light1 {
-		width: 205px;
+		width: 150px;
 		position: absolute;
 		top: 65%;
 		left: 20%;
@@ -859,7 +859,7 @@
 		z-index: 5;
 	}
 	#line {
-		width: 200px;
+		width: 160px;
 		position: absolute;
 		top: 45%;
 		left: 19.2%;
@@ -867,7 +867,7 @@
 		z-index: 3;
 	}
 	#light2 {
-		width: 40px;
+		width: 25px;
 		position: absolute;
 		left: 31%;
 		top: 64%;
@@ -875,7 +875,7 @@
 		z-index: 6;
 	}
 	#G1 {
-		width: 280px;
+		width: 205px;
 		position: absolute;
 		left: 38%;
 		top: 56%;
@@ -883,7 +883,7 @@
 		z-index: 4;
 	}
 	#G5 {
-		width: 27px;
+		width: 20px;
 		position: absolute;
 		left: 56%;
 		top: 58%;
@@ -892,7 +892,7 @@
 	}
 
 	#G4 {
-		width: 280px;
+		width: 210px;
 		position: absolute;
 		left: 55%;
 		top: 32%;
@@ -900,7 +900,7 @@
 		z-index: 9;
 	}
 	#G2 {
-		width: 30px;
+		width: 20px;
 		position: absolute;
 		left: 60%;
 		top: 57%;
@@ -908,7 +908,7 @@
 		z-index: 6;
 	}
 	#G3 {
-		width: 195px;
+		width: 140px;
 		position: absolute;
 		left: 65%;
 		top: 58%;