v0.23 Beta Test

PROJECT/styles/style_Dark.css

@@ -0,0 +1,81 @@
+/* For SamToki.github.io/Yamanobo-Ryou */
+/* Released under GNU GPL v3 open source license. */
+/* (C) 2024 SAM TOKI STUDIO */
+
+/* This is a theme variant, so only colors along with few things are configured. */
+
+/* Area specific */
+	/* Main */
+		/* Game */
+			/* Terrain */
+			.Terrain {
+				background-color: #404000C0;
+			}
+			.Terrain.Ahead {
+				color: #FFFFFF60;
+			}
+
+			/* Characters */
+			#GameChaserBalloon {
+				filter: drop-shadow(0 0 1px #FFFFFF);
+			}
+			#GameChaserBalloon .Ctrl {
+				background-color: #202020;
+			}
+
+			/* Textbox */
+			#Textbox_Game {
+				color: #FFFFFF;
+			}
+			#Textbox_Game.HasTypo {
+				background-color: #800000C0;
+			}
+
+			/* Speed */
+				/* Tape */
+				.Tape {
+					background-color: #00000080;
+				}
+				.TapeScale {
+					background-color: #FFFFFF80;
+				}
+				.TapeNumber {
+					color: #FFFFFF80;
+				}
+
+				/* Additional indicators */
+					/* Speed trend */
+					#GameSpeedTrendLine {
+						background-color: #FFFFFF;
+					}
+					#GameSpeedTrendArrow {
+						background-color: #FFFFFF;
+					}
+
+					/* Other speeds */
+					#CtrlGroup_GameOtherSpeeds #Ctrl_GameChaserSpeed {
+						background-color: #FFC000;
+					}
+					#CtrlGroup_GameOtherSpeeds #Ctrl_GameDangerousSpeed {
+						background-color: #FF4040;
+					}
+					#CtrlGroup_GameOtherSpeeds #Ctrl_GameAvgSpeed {
+						background-color: #00A0E0C0;
+					}
+
+				/* Balloon */
+				#Ctrl_GameSpeedBalloon {
+					filter: drop-shadow(0 0 1px #FFFFFF);
+				}
+				#Ctrl_GameSpeedBalloon > .CtrlGroup > .Ctrl {
+					background-color: #000000;
+				}
+
+			/* Altitude */
+				/* Balloon */
+				#Ctrl_GameAltitudeBalloon {
+					filter: drop-shadow(0 0 1px #FFFFFF);
+				}
+				#Ctrl_GameAltitudeBalloon > .CtrlGroup > .Ctrl {
+					background-color: #000000;
+				}

PROJECT/styles/style_Genshin.css

@@ -0,0 +1,81 @@
+/* For SamToki.github.io/Yamanobo-Ryou */
+/* Released under GNU GPL v3 open source license. */
+/* (C) 2024 SAM TOKI STUDIO */
+
+/* This is a theme variant, so only colors along with few things are configured. */
+
+/* Area specific */
+	/* Main */
+		/* Game */
+			/* Terrain */
+			.Terrain {
+				background-color: #606000C0;
+			}
+			.Terrain.Ahead {
+				color: #EEE4D980;
+			}
+
+			/* Characters */
+			#GameChaserBalloon {
+				filter: drop-shadow(0 0 1px #EEE4D9);
+			}
+			#GameChaserBalloon .Ctrl {
+				background-color: #485267;
+			}
+
+			/* Textbox */
+			#Textbox_Game {
+				color: #EEE4D9;
+			}
+			#Textbox_Game.HasTypo {
+				background-color: #A00000C0;
+			}
+
+			/* Speed */
+				/* Tape */
+				.Tape {
+					background-color: #282D3880;
+				}
+				.TapeScale {
+					background-color: #EEE4D980;
+				}
+				.TapeNumber {
+					color: #EEE4D980;
+				}
+
+				/* Additional indicators */
+					/* Speed trend */
+					#GameSpeedTrendLine {
+						background-color: #EEE4D9;
+					}
+					#GameSpeedTrendArrow {
+						background-color: #EEE4D9;
+					}
+
+					/* Other speeds */
+					#CtrlGroup_GameOtherSpeeds #Ctrl_GameChaserSpeed {
+						background-color: #FFC000;
+					}
+					#CtrlGroup_GameOtherSpeeds #Ctrl_GameDangerousSpeed {
+						background-color: #FF4040;
+					}
+					#CtrlGroup_GameOtherSpeeds #Ctrl_GameAvgSpeed {
+						background-color: #00A0E0C0;
+					}
+
+				/* Balloon */
+				#Ctrl_GameSpeedBalloon {
+					filter: drop-shadow(0 0 1px #EEE4D9);
+				}
+				#Ctrl_GameSpeedBalloon > .CtrlGroup > .Ctrl {
+					background-color: #485267;
+				}
+
+			/* Altitude */
+				/* Balloon */
+				#Ctrl_GameAltitudeBalloon {
+					filter: drop-shadow(0 0 1px #EEE4D9);
+				}
+				#Ctrl_GameAltitudeBalloon > .CtrlGroup > .Ctrl {
+					background-color: #485267;
+				}

PROJECT/styles/style_HighContrast.css

@@ -0,0 +1,90 @@
+/* For SamToki.github.io/Yamanobo-Ryou */
+/* Released under GNU GPL v3 open source license. */
+/* (C) 2024 SAM TOKI STUDIO */
+
+/* This is a theme variant, so only colors along with few things are configured. */
+
+/* Area specific */
+	/* Main */
+		/* Game */
+		#Game {
+			background-color: #0060A0;
+		}
+			/* Terrain */
+			.Terrain {
+				background-color: #604000;
+			}
+			.Terrain.Ahead {
+				color: #FF80FF;
+			}
+
+			/* Characters */
+			#GameChaserBalloon {
+				filter: drop-shadow(0 0 1px #FFFFFF);
+			}
+			#GameChaserBalloon .Ctrl {
+				background-color: #402050;
+			}
+
+			/* Textbox */
+			#Textbox_Game {
+				color: #FFFFFF;
+			}
+			#Textbox_Game.HasTypo {
+				background-color: #FF0000;
+			}
+
+			/* Stats */
+			#Ctnr_GameStats .CtrlGroup {
+				border-radius: 5px;
+				background-color: #404040;
+			}
+
+			/* Speed */
+				/* Tape */
+				.Tape {
+					background-color: #404040;
+				}
+				.TapeScale {
+					background-color: #FFFFFF;
+				}
+				.TapeNumber {
+					color: #FFFFFF;
+				}
+
+				/* Additional indicators */
+					/* Speed trend */
+					#GameSpeedTrendLine {
+						background-color: #00FF00;
+					}
+					#GameSpeedTrendArrow {
+						background-color: #00FF00;
+					}
+
+					/* Other speeds */
+					#CtrlGroup_GameOtherSpeeds #Ctrl_GameChaserSpeed {
+						background-color: #FFC000;
+					}
+					#CtrlGroup_GameOtherSpeeds #Ctrl_GameDangerousSpeed {
+						background-color: #FF4040;
+					}
+					#CtrlGroup_GameOtherSpeeds #Ctrl_GameAvgSpeed {
+						background-color: #FF80FF;
+					}
+
+				/* Balloon */
+				#Ctrl_GameSpeedBalloon {
+					filter: drop-shadow(0 0 1px #FFFFFF);
+				}
+				#Ctrl_GameSpeedBalloon > .CtrlGroup > .Ctrl {
+					background-color: #000000;
+				}
+
+			/* Altitude */
+				/* Balloon */
+				#Ctrl_GameAltitudeBalloon {
+					filter: drop-shadow(0 0 1px #FFFFFF);
+				}
+				#Ctrl_GameAltitudeBalloon > .CtrlGroup > .Ctrl {
+					background-color: #000000;
+				}

README.md

@@ -0,0 +1,49 @@
+# 简介 Description
+
+山田凉上山，「孤独摇滚！」同人打字训练游戏。屑凉被讨债的波奇酱追上山，开始无尽的逃亡。<br>
+Yamanobo-Ryou (lit. Yamada Ryou climbing mountain) is a *Bocchi the Rock!* Doujin typing game. Ryou, being run after by Bocchi-chan for her debt, starts an endless escape towards a mountain.
+
+![封面 Cover](/PREVIEW/Cover.png)
+
+本游戏相比其他打字游戏具备以下特色：<br>
+This game has the following features when compared to other typing games:
+
+- 结合了「登山」与「横板卷轴游戏」的元素。文字显示在斜坡上，且坡度会变化。这降低了可读性，从而增强了挑战性。<br>Combined the elements of mountain climbing and side-scrolling games. Texts are displayed on a slope, and the gradient of the slope changes dynamically. This decreases readability and makes the game challenging.
+- 打错字时不允许忽略，必须更正。这进一步增强了挑战性。<br>Typos must be corrected, thus making the game more challenging.
+- 可调节您身后的追逐者的速度，与其展开紧张刺激的竞速。<br>You can adjust the speed of the chaser, and go on an exciting race against her.
+- 可自由更换打字内容与角色图像。<br>You can freely change the text you type, and the character images you see.
+- 实时、直观地显示打字速度。<br>Shows your real-time typing speed straightforwardly.
+
+# 预览 Preview
+
+![预览 Preview](/PREVIEW/Preview.png)
+(Illustration credits: Pixiv ID [112301934](https://pixiv.net/en/artworks/112301934), [113047912](https://pixiv.net/en/artworks/113047912) by [@Grace C](https://pixiv.net/en/users/33777297))
+
+# 立即游玩 Play Now
+
+https://SamToki.github.io/Yamanobo-Ryou
+
+可扫描二维码：<br>
+Scan the QR code to play on mobile devices:
+
+![二维码 QR code](/PREVIEW/QR%20code.png)
+
+# 教程 Tutorial
+
+[快速入门](/PROJECT/docs/山田凉上山%20快速入门.pdf)<br>
+[完整说明文档](/PROJECT/docs/山田凉上山%20说明文档.pdf)
+
+# 注意 Caution
+
+此网页应用（web app）是本人的个人网站的一部分，依赖其上层目录的组件。因此这个 repo 无法独立运行，请勿尝试下载运行源代码。请访问上文的链接，或下载 [Releases](https://github.com/SamToki/Yamanobo-Ryou/releases/latest) 中的文件包来使用。<br>
+This web app is a part of my personal website. It relies on components at its parent directory. Therefore this repository cannot run independently. Don't try to download and run the source code. Please open the link above, or download the zip file in the [releases](https://github.com/SamToki/Yamanobo-Ryou/releases/latest) to use the web app.
+
+# 版权说明 Copyright Info
+
+本站的源代码遵循 [GNU GPL v3 软件开源协议](https://www.gnu.org/licenses/gpl-3.0.en.html)。本站的部分内容为他人作品，版权为原作者所有，本站遵循 [fair use](https://zh.wikipedia.org/wiki/fair_use) 原则使用并于 Credits 标注来源。除上述内容之外，本站所有内容以及排版、美术设计均保留版权。<br>
+The source codes of this website are released under [GNU GPL v3 open source license](https://www.gnu.org/licenses/gpl-3.0.en.html). Some contents in the website are works by other people, and their copyrights belong to the corresponding authors. They are used under the ["fair use"](https://en.wikipedia.org/wiki/fair_use) principle and are credited. Other contents such as the page design are copyrighted.
+
+「孤独摇滚！」，原名「ぼっち・ざ・ろっく！」，作品版权为 © はまじあき／芳文社・アニプレックス。<br>
+The copyright of *Bocchi the Rock!* is © Aki Hamazi/Houbunsha, Aniplex.
+
+© 2024 SAM TOKI STUDIO