v1.15 Internal optimization.

SamToki · Dec 6, 2024 · 3a6163a · 3a6163a
1 parent ff1fa32
commit 3a6163a
Show file tree

Hide file tree

Showing 8 changed files with 28 additions and 28 deletions.
diff --git a/PROJECT/Yamanobo-Ryou/index.html b/PROJECT/Yamanobo-Ryou/index.html
@@ -10,7 +10,7 @@
 		<link rel="icon" type="image/png" href="images/Favicon.png" />
 		<title>山田凉上山</title>
 		<meta name="author" content="SAM TOKI STUDIO" />
-		<meta name="version" content="v1.14 (2024/12/06). Since 2024/10/13." />
+		<meta name="version" content="v1.15 (2024/12/06). Since 2024/10/13." />
 		<meta name="description" content="「孤独摇滚！」同人打字训练游戏。屑凉被讨债的波奇酱追上山，开始无尽的逃亡。" />
 		<meta name="copyright" content="© 2024 SAM TOKI STUDIO" />
 
@@ -31,7 +31,7 @@
 	</head>
 
 	<body>
-		<div class="Blur" id="Ctnr_BgImage"></div>
+		<div class="Blur" id="BgImage"></div>
 
 		<header id="Topbar">
 			<ul class="CtrlGroup">
@@ -113,10 +113,10 @@
 			<section id="Game" onclick="Focus('Textbox_Game')">
 				<h1 class="SectionTitle Hidden" inert="true">游戏</h1>
 				<div class="Viewport">
-					<div id="Ctnr_GameTerrain" lang="en-US">
+					<div class="Ctnr" id="Ctnr_GameTerrain" lang="en-US">
 						<!-- Content will be inserted using script. -->
 					</div>
-					<div id="Ctnr_GameCharacters">
+					<div class="Ctnr" id="Ctnr_GameCharacters">
 						<div class="Character" id="Character_GamePlayer">
 							<img id="Image_GamePlayer" src="images/YamadaRyou.png" alt="玩家图像" />
 						</div>
@@ -133,15 +133,15 @@ <h1 class="SectionTitle Hidden" inert="true">游戏</h1>
 							</ul>
 						</div>
 					</div>
-					<div id="Ctnr_GameTextbox">
+					<div class="Ctnr" id="Ctnr_GameTextbox">
 						<input class="Textbox" id="Textbox_Game" lang="en-US" type="text" onfocus="ClockGame()" onfocusout="ClockGame()" oninput="ClockGame()" onkeydown="setTimeout(Keypress, 20)" onpaste="setTimeout(WarnAboutPasting, 20)" aria-label="游戏文本框" />
 					</div>
-					<div id="Ctnr_GameProgbar">
+					<div class="Ctnr" id="Ctnr_GameProgbar">
 						<div class="Progbar">
 							<div class="ProgbarFg" id="ProgbarFg_Game"></div>
 						</div>
 					</div>
-					<div id="Ctnr_GameStats">
+					<div class="Ctnr" id="Ctnr_GameStats">
 						<ul class="CtrlGroup">
 							<li class="Ctrl">
 								<span class="GameStatsTitle">里程</span>
@@ -169,7 +169,7 @@ <h1 class="SectionTitle Hidden" inert="true">游戏</h1>
 							</li>
 						</ul>
 					</div>
-					<div id="Ctnr_GameSpeed">
+					<div class="Ctnr" id="Ctnr_GameSpeed">
 						<ul class="CtrlGroup" id="CtrlGroup_GameSpeed">
 							<li class="Ctrl Tape" id="Ctrl_GameSpeedTape">
 								<ul class="CtrlGroup" id="CtrlGroup_GameSpeedTape">
@@ -317,7 +317,7 @@ <h1 class="SectionTitle Hidden" inert="true">游戏</h1>
 							</li>
 						</ul>
 					</div>
-					<div id="Ctnr_GameAltitude">
+					<div class="Ctnr" id="Ctnr_GameAltitude">
 						<ul class="CtrlGroup" id="CtrlGroup_GameAltitude">
 							<li class="Ctrl Tape" id="Ctrl_GameAltitudeTape">
 								<ul class="CtrlGroup" id="CtrlGroup_GameAltitudeTape">
@@ -647,7 +647,7 @@ <h1 class="SectionTitle Hidden" inert="true">游戏</h1>
 							</li>
 						</ul>
 					</div>
-					<div id="Ctnr_GamePrompts">
+					<div class="Ctnr" id="Ctnr_GamePrompts">
 						<ul class="CtrlGroup">
 							<li class="Ctrl Box Glow" id="Ctrl_GameStartPrompt">
 								<span id="Label_GameStartPrompt">请点击画面</span>
@@ -657,7 +657,7 @@ <h1 class="SectionTitle Hidden" inert="true">游戏</h1>
 							</li>
 						</ul>
 					</div>
-					<div id="Ctnr_GameCtrl">
+					<div class="Ctnr" id="Ctnr_GameCtrl">
 						<ul class="CtrlGroup">
 							<li class="Ctrl" id="Ctrl_GamePauseOrReset">
 								<button class="Button" id="Button_GamePauseOrReset" disabled="true" onclick="PauseOrResetGame()">暂停</button>
@@ -1153,7 +1153,7 @@ <h4>图标</h4>
 							<legend>关于</legend>
 							<p>山田凉上山</p>
 							<p>by SAM TOKI STUDIO</p>
-							<p>版本 v1.14 (<time datetime="2024-12-06" pubdate="pubdate">2024/12/06</time>)<br />
+							<p>版本 v1.15 (<time datetime="2024-12-06" pubdate="pubdate">2024/12/06</time>)<br />
 								始于 2024/10/13</p>
 							<p class="GreenText Hidden" id="Label_HelpPWANewVersionReady" inert="true">新版本已就绪，将在下次启动时生效。</p>
 							<ul class="CtrlGroup BelowParagraph">

diff --git a/PROJECT/Yamanobo-Ryou/script_ServiceWorker.js b/PROJECT/Yamanobo-Ryou/script_ServiceWorker.js
@@ -6,7 +6,7 @@
 	// Declare variables
 	"use strict";
 		// Unsaved
-		const CacheName = "Yamanobo-Ryou_v1.14";
+		const CacheName = "Yamanobo-Ryou_v1.15";
 
 // Listeners
 	// Service worker (https://learn.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/how-to/#step-5---add-a-service-worker)

diff --git a/PROJECT/Yamanobo-Ryou/scripts/script.js b/PROJECT/Yamanobo-Ryou/scripts/script.js
@@ -6,7 +6,7 @@
 	// Declare variables
 	"use strict";
 		// Unsaved
-		const CurrentVersion = 1.14;
+		const CurrentVersion = 1.15;
 		var Game0 = {
 			Terrain: {
 				WalkedWidth: 0,
@@ -344,9 +344,9 @@
 			}
 			ChangeChecked("Checkbox_SettingsBlurBgImage", System.Display.BlurBgImage);
 			if(System.Display.BlurBgImage == true) {
-				AddClass("Ctnr_BgImage", "Blur");
+				AddClass("BgImage", "Blur");
 			} else {
-				RemoveClass("Ctnr_BgImage", "Blur");
+				RemoveClass("BgImage", "Blur");
 			}
 			ChangeValue("Combobox_SettingsHotkeyIndicators", System.Display.HotkeyIndicators);
 			switch(System.Display.HotkeyIndicators) {

diff --git a/PROJECT/Yamanobo-Ryou/styles/style.css b/PROJECT/Yamanobo-Ryou/styles/style.css
@@ -5,7 +5,7 @@
 /* General */
 	/* Basics */
 		/* Overall */
-		#Ctnr_BgImage {
+		#BgImage {
 			background-image: url(../images/Background.jpg);
 		}
 

diff --git a/PROJECT/scripts/common.js b/PROJECT/scripts/common.js
@@ -209,9 +209,9 @@
 		// Background
 		function ChangeBgImage(Value) {
 			if(Value != "") {
-				document.getElementById("Ctnr_BgImage").style.backgroundImage = "url(" + Value + ")";
+				document.getElementById("BgImage").style.backgroundImage = "url(" + Value + ")";
 			} else {
-				document.getElementById("Ctnr_BgImage").style.backgroundImage = "";
+				document.getElementById("BgImage").style.backgroundImage = "";
 			}
 		}
 		function ChangeImage(ID, Value) {

diff --git a/PROJECT/styles/common.css b/PROJECT/styles/common.css
@@ -39,12 +39,12 @@
 		#Html.Cheat {
 			font-style: oblique 15deg !important;
 		}
-		#Ctnr_BgImage {
+		#BgImage {
 			position: fixed; top: 0; left: 0; z-index: -1;
 			width: 100%; height: 100vh;
 			background-color: #808080; background-image: url(../images/Background.jpg); background-attachment: fixed; background-position: top center; background-size: cover; background-repeat: no-repeat;
 		}
-		#Ctnr_BgImage.Blur {
+		#BgImage.Blur {
 			filter: blur(10px);
 		}
 
@@ -797,7 +797,7 @@
 	// These should be configured in style.css.
 } */
 /* @media (max-aspect-ratio: 0.999) {
-	#Ctnr_BgImage {
+	#BgImage {
 		background-image: url(../images/Background_Narrow.jpg);
 	}
 } */
@@ -816,10 +816,10 @@
 section.DebugOutline {
 	outline: 3px dashed #000000;
 }
-.ItemGroup.DebugOutline, .Viewport.DebugOutline {
+.ItemGroup.DebugOutline, .Viewport.DebugOutline, .Window.DebugOutline {
 	outline: 3px solid #FF8080;
 }
-.Item.DebugOutline, div.DebugOutline {
+.Item.DebugOutline, .Ctnr.DebugOutline {
 	outline: 3px dashed #FF0000;
 }
 .CtrlGroup.DebugOutline, .DropctrlGroup.DebugOutline {

diff --git a/PROJECT/styles/common_Dark.css b/PROJECT/styles/common_Dark.css
@@ -230,10 +230,10 @@
 section.DebugOutline {
 	outline: 3px dashed #FFFFFF;
 }
-.ItemGroup.DebugOutline, .Viewport.DebugOutline {
+.ItemGroup.DebugOutline, .Viewport.DebugOutline, .Window.DebugOutline {
 	outline: 3px solid #C00000;
 }
-.Item.DebugOutline, div.DebugOutline {
+.Item.DebugOutline, .Ctnr.DebugOutline {
 	outline: 3px dashed #FF6060;
 }
 .CtrlGroup.DebugOutline, .DropctrlGroup.DebugOutline {

diff --git a/PROJECT/styles/common_Genshin.css b/PROJECT/styles/common_Genshin.css
@@ -262,10 +262,10 @@
 section.DebugOutline {
 	outline: 3px dashed #FFFFFF;
 }
-.ItemGroup.DebugOutline, .Viewport.DebugOutline {
+.ItemGroup.DebugOutline, .Viewport.DebugOutline, .Window.DebugOutline {
 	outline: 3px solid #C00000;
 }
-.Item.DebugOutline, div.DebugOutline {
+.Item.DebugOutline, .Ctnr.DebugOutline {
 	outline: 3px dashed #FF6060;
 }
 .CtrlGroup.DebugOutline, .DropctrlGroup.DebugOutline {