danoniplus 44.2.0 → 44.4.0

package/README.md

@@ -1,6 +1,7 @@
 # Dancing☆Onigiri (CW Edition)
 
 [![CodeQL](https://github.com/cwtickle/danoniplus/workflows/CodeQL/badge.svg)](https://github.com/cwtickle/danoniplus/actions?query=workflow%3ACodeQL)
+![CodeRabbit Pull Request Reviews](https://img.shields.io/coderabbit/prs/github/cwtickle/danoniplus?utm_source=oss&utm_medium=github&utm_campaign=cwtickle%2Fdanoniplus&labelColor=171717&color=FF570A&link=https%3A%2F%2Fcoderabbit.ai&label=CodeRabbit+Reviews)
 [![Discord](https://img.shields.io/discord/698460971231870977?style=flat&logo=discord&logoColor=%23ffffff&label=Discord&labelColor=%236666ff&color=%23000066)](https://discord.gg/YVWUdUGyMy)  
 [![GitHub release (latest SemVer)](https://img.shields.io/github/v/release/cwtickle/danoniplus?sort=semver)](https://github.com/cwtickle/danoniplus/security/policy)
 [![GitHub All Releases](https://img.shields.io/github/downloads/cwtickle/danoniplus/total?color=%23ff3399&label=downloads%20%28recently%29)](https://github.com/cwtickle/danoniplus/releases)
@@ -120,9 +121,13 @@ If you would like to cooperate with the development, please see below. Even if y
 - [Dancing☆Onigiri エディター(CW Edition 対応)](https://github.com/superkuppabros/danoni-editor) @superkuppabros
 - [ダンおに曲データjs化ツール](https://github.com/suzme/danoni-base64) @suzme
 - [ダンおに矢印色ツール](https://github.com/suzme/danoni-colorpicker) @suzme
+- [ダンおにゲージ計算機 (Gauge Calculator)](http://www.omission0.com/other/gauge_calculator/) @goe0
+- [ダンおに波形解析ツール](https://github.com/suzme/danoni-waveform) @suzme
+
+#### Conversion Tool from Legacy Flash Environments / 旧Flashからの変換ツール
+
 - [Dancing☆Onigiri Chart Reverser](https://github.com/cwtickle/danoniplus-reverser) @cwtickle
 - [Dancing☆Onigiri Chart Converter](https://github.com/cwtickle/danoniplus-converter) @cwtickle
-- [ダンおにゲージ計算機 (Gauge Calculator)](http://www.omission0.com/other/gauge_calculator/) @goe0
 
 ### Kirizma / キリズマ
 

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2026/02/18
+ * Revised : 2026/02/21
  *
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 44.2.0`;
-const g_revisedDate = `2026/02/18`;
+const g_version = `Ver 44.4.0`;
+const g_revisedDate = `2026/02/21`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -65,10 +65,26 @@ const g_referenceDomains = [
 ];
 Object.freeze(g_referenceDomains);
 
+// ドメイン管理リスト
+const g_domainList = [
+	{ label: `jsdelivr`, hosts: [`cdn.jsdelivr.net`] },
+	{ label: `unpkg`, hosts: [`unpkg.com`, `www.unpkg.com`] },
+];
+Object.freeze(g_domainList);
+
 const g_rootPath = current().match(/(^.*\/)/)[0];
 let g_workPath;
 const hasRemoteDomain = _path => g_referenceDomains.some(domain => _path.match(`^https://${domain}/`) !== null);
+const detectDomain = _url => {
+	try {
+		const host = new URL(_url).hostname; // 例: "cdn.jsdelivr.net"
+		return g_domainList.find(({ hosts }) => hosts.some(h => host === h || host.endsWith(`.${h}`)))?.label ?? null;
+	} catch {
+		return null;
+	}
+}
 const g_remoteFlg = hasRemoteDomain(g_rootPath);
+const g_remoteDomain = detectDomain(g_rootPath);
 
 const g_randTime = Date.now();
 const g_versionForUrl = g_version.slice(4);    // URL用に先頭の"Ver "を削除
@@ -1895,6 +1911,8 @@ const clearWindow = (_redrawFlg = false, _customDisplayName = ``) => {
 
 	// ボタン、オブジェクトをクリア (divRoot配下のもの)
 	deleteChildspriteAll(`divRoot`);
+	divRoot.style.perspective = ``;
+	divRoot.style.perspectiveOrigin = ``;
 
 	// 拡張範囲を取得
 	const diffX = (_customDisplayName === `Main` && g_workObj.nonDefaultSc ?
@@ -5331,7 +5349,8 @@ const titleInit = (_initFlg = false) => {
 		customVersion += ` / ${g_localVersion2}`;
 	}
 	const releaseDate = (g_headerObj.releaseDate !== `` ? ` @${g_headerObj.releaseDate}` : ``);
-	const versionName = `© 2018-${g_revisedDate.slice(0, 4)} ティックル, CW ${g_version}${customVersion}${releaseDate}`;
+	const remoteDomainInfo = g_remoteDomain !== null ? ` (${g_remoteDomain})` : ``;
+	const versionName = `© 2018-${g_revisedDate.slice(0, 4)} ティックル, CW ${g_version}${remoteDomainInfo}${customVersion}${releaseDate}`;
 	const getLinkSiz = _name => getFontSize2(_name, g_sWidth / 2 - 20, { maxSiz: g_limitObj.lnkSiz, minSiz: 12 });
 
 	/**
@@ -8111,8 +8130,8 @@ const gaugeFormat = (_mode, _border, _rcv, _dmg, _init, _lifeValFlg) => {
 	const [rateText, allowableCntsText] = getAccuracy(borderVal, realRcv, realDmg, initVal, allCnt);
 	g_workObj.requiredAccuracy = rateText;
 
-	// 許容ミス数のみ、オンマウスで表示するためpointer-eventsを有効にする
-	return `<div id="gaugeDivCover" class="settings_gaugeDivCover">
+	// このテーブルのみpointer-eventsを有効にする（オンマウス許可）
+	return `<div id="gaugeDivCover" class="settings_gaugeDivCover" style="pointer-events: auto;">
 		<div id="lblGaugeDivTable" class="settings_gaugeDivTable">
 			<div id="lblGaugeStart" class="settings_gaugeDivTableCol settings_gaugeStart">
 				${g_lblNameObj.g_start}
@@ -8143,9 +8162,8 @@ const gaugeFormat = (_mode, _border, _rcv, _dmg, _init, _lifeValFlg) => {
 			<div id="dataGaugeDamage" class="settings_gaugeDivTableCol settings_gaugeVal settings_gaugeEtc">
 				${dmgText}
 			</div>
-			<div id="dataGaugeRate" class="settings_gaugeDivTableCol settings_gaugeVal settings_gaugeEtc" 
-				title="${allowableCntsText}" style="pointer-events: auto;">
-				${rateText}
+			<div id="dataGaugeRate" class="settings_gaugeDivTableCol settings_gaugeVal settings_gaugeEtc" style="line-height: 12px;">
+				${rateText}<br><span style="font-size: 10px;">${allowableCntsText}</span>
 			</div>
 		</div>
 	</div>
@@ -8169,7 +8187,7 @@ const getAccuracy = (_border, _rcv, _dmg, _init, _allCnt) => {
 
 	// 許容ミス数の計算
 	const allowableCnts = Math.min(_allCnt - minRecovery, _allCnt);
-	let allowableCntsText = _allCnt > 0 ? (allowableCnts >= 0 ? `${allowableCnts}miss↓` : `Impossible (${allowableCnts}miss)`) : ``;
+	let allowableCntsText = _allCnt > 0 && allowableCnts !== 0 ? (allowableCnts > 0 ? `${allowableCnts}miss↓` : `(${allowableCnts}miss)`) : ``;
 
 	if ((_rcv === 0 && _dmg === 0) || _rcv < 0 || _dmg < 0) {
 		rateText = `----`;
@@ -11958,6 +11976,12 @@ const mainInit = () => {
 
 	// ステップゾーン、矢印のメインスプライトを作成
 	const mainSprite = createEmptySprite(divRoot, `mainSprite`, mainCommonPos);
+	if (g_stateObj.frzReturn !== C_FLG_OFF) {
+		divRoot.style.perspective = `1400px`;
+		divRoot.style.perspectiveOrigin = `center 60%`;
+		mainSprite.style.transformOrigin = `center 55%`;
+	}
+
 	addTransform(`mainSprite`, `root`, `scale(${g_workObj.scale})`);
 	addXY(`mainSprite`, `root`, g_workObj.playingX, g_posObj.stepY - C_STEP_Y + g_headerObj.playingY);
 
@@ -12080,8 +12104,8 @@ const mainInit = () => {
 	g_effectFunc.get(g_stateObj.effect)();
 
 	// Appearanceのオプション適用時は一部描画を隠す
-	changeAppearanceFilter(g_appearanceRanges.includes(g_stateObj.appearance) ?
-		g_hidSudObj.filterPos : g_hidSudObj.filterPosDefault[g_stateObj.appearance], true);
+	changeAppearanceBar(g_appearanceRanges.includes(g_stateObj.appearance)
+		? g_hidSudObj.filterPos : g_hidSudObj.filterPosDefault[g_stateObj.appearance], 0);
 
 	// Shaking初期化
 	if (g_stateObj.shaking !== C_FLG_OFF) {
@@ -12409,10 +12433,15 @@ const mainInit = () => {
 		} else if (g_appearanceRanges.includes(g_stateObj.appearance) && g_stateObj.filterLock === C_FLG_OFF) {
 			const MAX_FILTER_POS = 100;
 			const MIN_FILTER_POS = 0;
+
 			if (setCode === g_hidSudObj.pgDown[g_stateObj.appearance][g_stateObj.reverse]) {
-				changeAppearanceFilter(Math.min(g_hidSudObj.filterPos + 1, MAX_FILTER_POS));
+				keyIsShift()
+					? changeAppearanceBar(g_hidSudObj.filterPos, 2)
+					: changeAppearanceFilter(Math.min(g_hidSudObj.filterPos + 1, MAX_FILTER_POS));
 			} else if (setCode === g_hidSudObj.pgUp[g_stateObj.appearance][g_stateObj.reverse]) {
-				changeAppearanceFilter(Math.max(g_hidSudObj.filterPos - 1, MIN_FILTER_POS));
+				keyIsShift()
+					? changeAppearanceBar(g_hidSudObj.filterPos, -2)
+					: changeAppearanceFilter(Math.max(g_hidSudObj.filterPos - 1, MIN_FILTER_POS));
 			}
 		}
 		return blockCode(setCode);
@@ -13367,12 +13396,61 @@ const makeStepZone = (_j, _keyCtrlPtn) => {
 	}
 };
 
+/**
+ * フィルターバーの対象表示変更
+ * @param {number} _num 
+ * @param {number} _dirPlus 
+ */
+const changeAppearanceBar = (_num = 10, _dirPlus = 2) => {
+	if (_dirPlus !== 0) {
+		const step = Math.trunc(_dirPlus / 2) * 2;
+		g_workObj.aprFilterCnt = nextPos(g_workObj.aprFilterCnt, step, g_stateObj.layerNum);
+	}
+	changeAppearanceFilter(_num);
+
+	// フィルターバーを使用するオプションのみ以下を適用
+	if (g_appearanceRanges.includes(g_stateObj.appearance) && g_stateObj.d_filterline === C_FLG_ON) {
+
+		// 階層が多い場合はShift+pgUp/pgDownで表示する階層グループを切り替え
+		const topNum = g_hidSudObj[g_stateObj.appearance];
+		const bottomNum = (g_hidSudObj[g_stateObj.appearance] + 1) % 2;
+
+		for (let j = 0; j < g_stateObj.layerNum; j += 2) {
+			[`${topNum + j}`, `${bottomNum + j}`].forEach(type => {
+				const displayState = (j === g_workObj.aprFilterCnt ? C_DIS_INHERIT : C_DIS_NONE);
+				$id(`filterBar${type}`).display = displayState;
+
+				if (![`Default`, `Halfway`].includes(g_stateObj.stepArea)) {
+					$id(`filterBar${type}_HS`).display = displayState;
+				}
+			});
+		}
+
+		// スクロールが1種類でHidden+/Sudden+の場合、対面のフィルターバーは不要なため非表示にする
+		const baseLayer = g_workObj.aprFilterCnt;
+		const dividePosPart = g_workObj.dividePos.filter(v => Math.floor(v / 2) === g_workObj.aprFilterCnt / 2);
+		const currentBarNum = g_hidSudObj.std[g_stateObj.appearance][
+			dividePosPart.length > 0
+				? dividePosPart[0] % 2 === 0 ? C_FLG_OFF : C_FLG_ON
+				: g_stateObj.reverse
+		];
+
+		if (g_stateObj.appearance !== `Hid&Sud+`
+			&& dividePosPart.length > 0
+			&& dividePosPart.every(v => v % 2 === dividePosPart[0] % 2)) {
+			$id(`filterBar${(currentBarNum + 1) % 2 + baseLayer}`).display = C_DIS_NONE;
+			if (![`Default`, `Halfway`].includes(g_stateObj.stepArea)) {
+				$id(`filterBar${(currentBarNum + 1) % 2 + baseLayer}_HS`).display = C_DIS_NONE;
+			}
+		}
+	}
+}
+
 /**
  * アルファマスクの再描画 (Appearance: Hidden+, Sudden+ 用)
  * @param {number} _num 
- * @param {boolean} _shiftFlg シフトキーを押したかどうかのフラグ
  */
-const changeAppearanceFilter = (_num = 10, _shiftFlg = keyIsShift()) => {
+const changeAppearanceFilter = (_num = 10) => {
 	const MAX_FILTER_POS = 100;
 	const topNum = g_hidSudObj[g_stateObj.appearance];
 	const bottomNum = (g_hidSudObj[g_stateObj.appearance] + 1) % 2;
@@ -13401,35 +13479,18 @@ const changeAppearanceFilter = (_num = 10, _shiftFlg = keyIsShift()) => {
 			$id(`filterBar${bottomNum + j}_HS`).top = wUnit(parseFloat($id(`arrowSprite${j}`).top) + bottomDist);
 			$id(`filterBar${topNum + j}_HS`).top = wUnit(parseFloat($id(`arrowSprite${j + 1}`).top) + topDist);
 		}
-
-		// 階層が多い場合はShift+pgUp/pgDownで表示する階層グループを切り替え
-		if (_shiftFlg && g_stateObj.d_filterline === C_FLG_ON) {
-			[`${topNum + j}`, `${bottomNum + j}`].forEach(type => {
-				const displayState = (j === g_workObj.aprFilterCnt ? C_DIS_INHERIT : C_DIS_NONE);
-				$id(`filterBar${type}`).display = displayState;
-
-				if (![`Default`, `Halfway`].includes(g_stateObj.stepArea)) {
-					$id(`filterBar${type}_HS`).display = displayState;
-				}
-			});
-		}
-	}
-
-	if (_shiftFlg) {
-		g_workObj.aprFilterCnt = nextPos(g_workObj.aprFilterCnt, 2, g_stateObj.layerNum);
 	}
 
+	// フィルターバーのパーセント表示（フィルターバーが複数表示されるなど複雑なため、最初の階層グループの位置に追従）
 	if (g_appearanceRanges.includes(g_stateObj.appearance)) {
-		$id(`filterView`).top =
-			$id(`filterBar${(g_hidSudObj.std[g_stateObj.appearance][g_stateObj.reverse]) % 2}`).top;
+		const currentBarNum = g_hidSudObj.std[g_stateObj.appearance][g_stateObj.reverse];
+		$id(`filterView`).top = $id(`filterBar${currentBarNum % 2}`).top;
 		filterView.textContent = `${_num}%`;
-
-		// スクロールが1種類でHidden+/Sudden+の場合、対面のフィルターバーは不要なため非表示にする
-		if (g_stateObj.appearance !== `Hid&Sud+` && g_workObj.dividePos.every(v => v === g_workObj.dividePos[0])) {
-			$id(`filterBar${(g_hidSudObj.std[g_stateObj.appearance][g_stateObj.reverse] + 1) % 2}`).display = C_DIS_NONE;
-		}
 		g_hidSudObj.filterPos = _num;
 	}
+
+	// ユーザカスタムイベント(アルファマスクの再描画)
+	g_customJsObj.appearanceFilter.forEach(func => func(topNum, bottomNum));
 };
 
 /**
@@ -13487,7 +13548,32 @@ const changeReturn = (_rad, _axis) => {
 	if (_axis[1] !== undefined) {
 		_transform += ` rotate${_axis[1]}(${_rad}deg)`;
 	}
-	if (document.getElementById(`mainSprite`) !== null) {
+	const sprite = document.getElementById(`mainSprite`);
+	if (sprite !== null) {
+		sprite.style.transformStyle = `preserve-3d`;
+		const rad360 = _rad % 360;
+
+		let isBack = false;
+
+		// 単軸回転
+		if (_axis.length === 1) {
+			const axis = _axis[0];
+			if (axis === 'Y' || axis === 'X') {
+				isBack = rad360 > 90 && rad360 < 270;
+			}
+			// Z軸は平面回転なので「裏側」は存在しない
+		}
+
+		// 2軸回転（XZ / XY / YZ）
+		if (_axis.length === 2) {
+			// 2軸回転は「どちらかの軸が裏側なら裏側」とみなす
+			const [a1, a2] = _axis;
+			const back1 = (a1 === 'Y' || a1 === 'X') && (rad360 > 90 && rad360 < 270);
+			const back2 = (a2 === 'Y' || a2 === 'X') && (rad360 > 90 && rad360 < 270);
+			isBack = back1 || back2;
+		}
+		sprite.style.opacity = isBack ? 0.7 : 1;
+
 		addTransform(`mainSprite`, `frzReturn`, _transform);
 
 		if (_rad < 360 && g_workObj.frzReturnFlg) {

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2026/02/18 (v44.2.0)
+ * Revised : 2026/02/21 (v44.4.0)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -4577,6 +4577,8 @@ const g_customJsObj = {
     dummyArrow: [],
     dummyFrz: [],
 
+    appearanceFilter: [],
+
     judg_ii: [],
     judg_shakin: [],
     judg_matari: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "danoniplus",
-  "version": "44.2.0",
+  "version": "44.4.0",
   "description": "Dancing☆Onigiri (CW Edition) - Web-based Rhythm Game",
   "main": "./js/danoni_main.js",
   "scripts": {