miss,energy,mod表示の追加

no-performance,bsr の非表示方法の変更

README.md

@@ -1,6 +1,6 @@
 # Beat Saber Overlay 改良版
 
-これは、Reselim氏が製作した[Beat Saber Overlay](https://github.com/Reselim/beat-saber-overlay)に、bsr表示(bsr)とスコア表示無し(no-performance)等のオプションを追加し、機能改善した物です。
+これは、Reselim氏が製作した[Beat Saber Overlay](https://github.com/Reselim/beat-saber-overlay)に各種表示オプションを追加し、機能改善した物です。
 
 Beat SaberをOBS等で配信や録画する時に譜面情報をオーバーレイ表示します。
 
@@ -10,10 +10,9 @@ Beat SaberをOBS等で配信や録画する時に譜面情報をオーバーレ
 
 1. [Beat Saber HTTP Status](https://github.com/opl-/beatsaber-http-status) か、拙作の[Beat Saber HTTP Status +Database](https://github.com/rynan4818/beatsaber-http-status-db)をダウンロードしてインストールします。
 
-- **BeatSaber 1.12.1～1.13.0を使用されている方は、12/6現在 HTTP Statusの正式配布がまだされてていません。[こちらのβ版を使用して下さい](https://github.com/opl-/beatsaber-http-status/issues/55#issuecomment-722054828)  また、プレイ動画カットツール用のHTTP Status +Databaseは[こちらで1.12.1～1.13.0対応版を配布しています](https://github.com/rynan4818/beatsaber-http-status-db/issues/1)**
-
-- HTTP StatusはRelease v1.11.1以降のバージョンを使用して下さい。(6/28現在 ModAssistantで対応済み)
-- [bs-movie-cut(プレイ動画カットツール）](https://github.com/rynan4818/bs-movie-cut)を使用する場合は、HTTP Status +DatabaseはRelease v2020/06/08以降を使用して下さい。
+- **BeatSaber 1.12.1～1.13.0を使用されている方は、'20/12/26現在 HTTP Statusの正式配布がまだされてていません。**
+	* **HTTP Statusは[こちらのβ版を使用して下さい](https://github.com/opl-/beatsaber-http-status/issues/55#issuecomment-722054828)**
+	* **プレイ動画カットツール用のHTTP Status +Databaseは[こちらで1.12.1～1.13.0対応版を配布しています](https://github.com/rynan4818/beatsaber-http-status-db/releases)**
 
 2. [リリースページ](https://github.com/rynan4818/beat-saber-overlay/releases)から最新のリリースをダウンロードします。
 
@@ -52,15 +51,24 @@ file:///C:/TOOL/beat-saber-overlay/index.html?modifiers=top,bsr
 - `test`
 	* テストのために背景を黒にします。
 - `bsr`
-	* bsrの検索・表示をします。（今回追加）
+	* bsrの検索・表示をします。
+- `miss`
+	* ミス数を表示します。
+- `mod`
+	* Modifierを表示します。(DA,FS等)
+- `energy`
+	* ライフ値バーを表示します
 - `no-performance`
-	* スコア表示を消します。　 （今回追加）
+	* スコア表示を消します。
 - `no-hidden`
-	* 終了時に表示を消しません。（今回追加）
+	* 終了時に表示を消しません。
 
 ### `ip`または`port`
 
 別のマシンのBeat Saber HTTP Statusに接続する場合に設定します。
+```
+file:///C:/TOOL/beat-saber-overlay/index.html?ip=192.168.1.10&port=6557&modifiers=top,bsr
+```
 
 ## `rtl`の表示修正
 
@@ -121,6 +129,8 @@ file:///C:/TOOL/beat-saber-overlay/simple.html?modifiers=bsr
 | pre_bsr | 一つ前にプレイした譜面のbsr情報を表示します。 |
 | pre_bsr_text | pre_bsrの項目名を起動時に保持し、NJS表示が出来ない場合は表示を消します。　|
 | energy | ライフ値(xxx%)に書き換えます。 |
+| energy_bar | ライフ値に応じたwidthスタイル値(xxx%)を設定ます。 |
+| energy_group | No Fail時にvisibilityスタイルをhiddenにします。 |
 
 オプションで以下の関数が存在すれば、呼び出されます。関数のスクリプトは最初に読み込んで下さい。
 
@@ -129,7 +139,8 @@ file:///C:/TOOL/beat-saber-overlay/simple.html?modifiers=bsr
 | op_performance(data,now_energy) | performanceが更新されるタイミングで呼び出されます |
 | op_timer_update(time, delta, progress, percentage) | 曲時間表示が更新されるタイミングで呼び出されます |
 | op_timer_update_sec(time, delta, progress, percentage) | 曲時間表示(秒毎)が更新されるタイミングで呼び出されます |
-| op_beatmap(data) | 譜面情報が更新されるタイミングで呼び出されます |
+| op_beatmap(data,now_map,pre_map) | 譜面情報が更新されるタイミングで呼び出されます |
+| op_beatsaver_res(now_map) | BeatSaverの譜面情報問い合わせのレスポンスがあった場合に呼び出されます |
 | op_hide() | オーバーレイを隠すタイミングで呼び出されます |
 | op_show() | オーバーレイを表示するタイミングで呼び出されます |
 | op_hello(data) | HTTP Status の hello イベント時に呼び出されます |
@@ -143,6 +154,7 @@ file:///C:/TOOL/beat-saber-overlay/simple.html?modifiers=bsr
 | op_finished(data) | HTTP Status の finished イベント時に呼び出されます |
 | op_failed(data) | HTTP Status の failed イベント時に呼び出されます |
 | op_scoreChanged(data) | HTTP Status の scoreChanged イベント時に呼び出されます |
+| op_energyChanged(data) | HTTP Status の energyChanged イベント時に呼び出されます(本家HTTPStatusは未実装) |
 | op_pause(data) | HTTP Status の pause イベント時に呼び出されます |
 | op_resume(data) | HTTP Status の resume イベント時に呼び出されます |
 | op_menu(data) | HTTP Status の menu イベント時に呼び出されます |
@@ -154,6 +166,8 @@ file:///C:/TOOL/beat-saber-overlay/simple.html?modifiers=bsr
 | delta | 曲の経過時間(msec) |
 | progress | 曲の経過時間(sec) |
 | percentage | 曲の経過割合 |
+| now_map | 現在の譜面のBeatSaver API 問い合わせ結果のJSONオブジェクト。但し、op_beatmapの時は前回と同じ譜面のプレイ時のみ格納、それ以外はnull |
+| pre_map | 前回の譜面のBeatSaver API 問い合わせ結果のJSONオブジェクト。 |
 ## bsrの表示位置や文字サイズを変更したい場合
 
 表示位置を変更したい場合は`index.html`の以下の部分を修正して下さい。

index.html

@@ -15,12 +15,23 @@
 					<span class="subtext" id="percentage">0%</span>
 				</div>
 
+				<div class="performance-group" id="miss_group">
+					<span class="text" id="miss">0</span>
+					<span class="subtext">Miss</span>
+				</div>
+
 				<div class="performance-group">
 					<span class="text" id="combo">0</span>
 					<span class="subtext">Combo</span>
 				</div>
 
 				<span id="score">0</span>
+
+				<div class="energy-container">
+				    <div class="energy-background" id="energy_group">
+				        <div class="energy" id="energy_bar"></div>
+				    </div>
+				</div>
 			</div>
 
 			<div id="beatmap">
@@ -60,6 +71,9 @@
 						<span id="njs-group">
 							<span id="njs">0</span><span id="njs_text"> NJS</span>
 						</span>
+						<span id="mod-group">
+							<span id="mod">MOD</span>
+						</span>
 					</div>
 				</div>
 			</div>

index_rtl.html

@@ -16,12 +16,23 @@
 					<span class="text" id="rank">E</span>
 				</div>
 
+				<div class="performance-group" id="miss_group">
+					<span class="subtext">Miss</span>
+					<span class="text" id="miss">0</span>
+				</div>
+
 				<div class="performance-group">
 					<span class="subtext">Combo</span>
 					<span class="text" id="combo">0</span>
 				</div>
 
 				<span id="score">0</span>
+
+				<div class="energy-container">
+				    <div class="energy-background" id="energy_group">
+				        <div class="energy" id="energy_bar"></div>
+				    </div>
+				</div>
 			</div>
 
 			<div id="beatmap">
@@ -40,6 +51,9 @@
 						<span id="bsr_text">bsr </span><span id="bsr">00000</span>
 					</div>
 					<div>
+						<span id="mod-group">
+							<span id="mod">MOD</span>
+						</span>
 						<span id="njs-group">
 							<span id="njs">0</span><span id="njs_text"> NJS</span>
 						</span>

js/events.js

@@ -62,6 +62,11 @@ const events = {
 		if (typeof op_scoreChanged !== "undefined") op_scoreChanged(data);
 	},
 
+	energyChanged(data) {
+		ui.performance(data);
+		if (typeof op_energyChanged !== "undefined") op_energyChanged(data);
+	},
+
 	pause(data) {
 		ui.timer.pause(data.status.beatmap.paused + (Date.now() - data.time));
 		if (typeof op_pause !== "undefined") op_pause(data);

js/options.js

@@ -5,7 +5,7 @@ var pre_bsr_data = null;
 const check_id = ["overlay","rank","percentage","combo","score","progress","performance",
                   "image","title","subtitle","artist","difficulty","bpm","njs","bsr","bsr_text",
                   "mapper","mapper_header","mapper_footer","song_time","song_length","mod","miss",
-                  "pre_bsr","pre_bsr_text","njs_text","energy"]
+                  "pre_bsr","pre_bsr_text","njs_text","energy","energy_bar","energy_group"]
 var html_id = {};
 for (var i = 0, len = check_id.length; i < len; ++i) {
 	if (document.getElementById(check_id[i]) === null) {
@@ -24,26 +24,13 @@ if (html_id["njs_text"])      var njs_text_org = document.getElementById("njs_te
 	const handlers = {
 		modifiers(string) {
 			string.split(",").forEach((modifier) => {
-				if (modifier === "bsr") {
-					bsr_display = true;
-					return;
-				}
 				if (modifier === "no-hidden") {
 					disp_hidden = false;
+					if (html_id["overlay"]) document.getElementById("overlay").classList.remove("hidden");
 					return;
 				}
-				if (modifier === "no-performance") {
-					if (html_id["performance"]) {
-						var dom_obj = document.getElementById("performance");
-						var dom_obj_parent = dom_obj.parentNode;
-						dom_obj_parent.removeChild(dom_obj);
-					}
-					html_id["rank"] = false;
-					html_id["percentage"] = false;
-					html_id["score"] = false;
-					html_id["combo"] = false;
-					html_id["miss"] = false;
-					return;
+				if (modifier === "bsr") {
+					bsr_display = true;
 				}
 				var link = document.createElement("link");