danoniplus 48.1.2 → 48.3.0

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2026/05/26
+ * Revised : 2026/05/31
  *
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 48.1.2`;
-const g_revisedDate = `2026/05/26`;
+const g_version = `Ver 48.3.0`;
+const g_revisedDate = `2026/05/31`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -4359,8 +4359,26 @@ const headerConvert = _dosObj => {
 	obj.baseSpeed = 1 + ((g_posObj.distY - (g_posObj.stepY - C_STEP_Y) * 2) / (500 - C_STEP_Y) - 1) * 0.85;
 
 	// 矢印・フリーズアロー判定位置補正
+	g_diffObj.arrowJdgX = (isNaN(parseFloat(_dosObj.arrowJdgX)) ? 0 : parseFloat(_dosObj.arrowJdgX));
 	g_diffObj.arrowJdgY = (isNaN(parseFloat(_dosObj.arrowJdgY)) ? 0 : parseFloat(_dosObj.arrowJdgY));
+	g_diffObj.frzJdgX = (isNaN(parseFloat(_dosObj.frzJdgX)) ? 0 : parseFloat(_dosObj.frzJdgX));
 	g_diffObj.frzJdgY = (isNaN(parseFloat(_dosObj.frzJdgY)) ? 0 : parseFloat(_dosObj.frzJdgY));
+	g_diffInitObj.arrowJdgX = g_diffObj.arrowJdgX;
+	g_diffInitObj.arrowJdgY = g_diffObj.arrowJdgY;
+	g_diffInitObj.frzJdgX = g_diffObj.frzJdgX;
+	g_diffInitObj.frzJdgY = g_diffObj.frzJdgY;
+
+	// ショートカット表示位置補正
+	g_diffObj.shortcutX = (isNaN(parseFloat(_dosObj.shortcutX)) ? 0 : parseFloat(_dosObj.shortcutX));
+	g_diffObj.shortcutY = (isNaN(parseFloat(_dosObj.shortcutY)) ? 0 : parseFloat(_dosObj.shortcutY));
+	g_diffInitObj.shortcutX = g_diffObj.shortcutX;
+	g_diffInitObj.shortcutY = g_diffObj.shortcutY;
+
+	if (Object.keys(g_diffObj).some(key => g_localStorage[key] !== undefined)) {
+		Object.keys(g_diffObj).forEach(key =>
+			g_diffObj[key] = setIntVal(g_localStorage[key], g_diffObj[key])
+		);
+	}
 
 	// musicフォルダ設定
 	obj.musicFolder = _dosObj.musicFolder ?? (g_remoteFlg ? `${C_MRK_CURRENT_DIRECTORY}../music` : `music`);
@@ -6734,6 +6752,11 @@ const dataMgtInit = () => {
 				.filter(key => key.startsWith('dm_') && g_stateObj[key] === C_FLG_ON)
 				.map(key => key.slice(`dm_`.length));
 
+			if (selectedData.length === 0) {
+				window.alert(g_msgObj.noDataSelected);
+				return;
+			}
+
 			if (window.confirm(g_msgObj.dataResetConfirm +
 				`\n\n${selectedData.map(val => `- ${g_msgObj[val] || g_msgObj.keyTypes.split('{0}').join(val)}`).join(`\n`)}`)) {
 				selectedData.forEach(key => {
@@ -9106,8 +9129,9 @@ let g_previewLsnrKeys = new Set();
 
 /** プレビュー内の各UIオブジェクトの現在座標 */
 const g_previewPos = {
-	jdgJ: { x: null, y: null },   // 通常判定キャラクタ・コンボ
-	jdgFJ: { x: null, y: null },   // フリーズ判定キャラクタ・コンボ
+	arrowJdg: { x: null, y: null },   // 通常判定キャラクタ・コンボ
+	frzJdg: { x: null, y: null },     // フリーズ判定キャラクタ・コンボ
+	shortcut: { x: null, y: null },
 };
 
 /**
@@ -9156,8 +9180,23 @@ const openDisplayPreview = () => {
 		createCss2Button(`btnDisplayPreview2`, `↑ Preview`, _evt => {
 			toggleDisplayPreview();
 		}, g_lblPosObj.btnDisplayPreview, g_cssObj.button_Setting),
+		createCss2Button(`btnDisplayReset`, `Reset`, _evt => {
+			if (window.confirm(g_msgObj.displayPreviewResetConfirm)) {
+				Object.assign(g_diffObj, g_diffInitObj);
+				Object.keys(g_diffInitObj).forEach(key => {
+					g_localStorage[key] = g_diffInitObj[key];
+				});
+				Object.keys(g_previewPos).forEach(key => g_previewPos[key] = { x: null, y: null });
+				closeDisplayPreview();
+				openDisplayPreview();
+			}
+		}, g_lblPosObj.btnDisplayReset, g_cssObj.button_Reset),
 		createDescDiv(`lblDisplayPreviewMsg`, g_lblNameObj.displayPreviewDesc),
 	);
+	if (g_headerObj.scAreaWidth > 0) {
+		overlay.appendChild(createDescDiv(`lblDisplayPreviewMsg2`, g_lblNameObj.displayPreviewDesc2));
+	}
+	createScText(btnDisplayReset, `DisplayPreviewReset`, { displayName: `displayPreview`, targetLabel: `btnDisplayReset`, x: -15 });
 
 	// ============================================================
 	// プレイ画面フレーム（白枠）
@@ -9172,7 +9211,6 @@ const openDisplayPreview = () => {
 		x: frameX, y: frameY, w: playW, h: playH,
 		background: `#111111`,
 		border: `1px solid #444444`,
-		overflow: `hidden`,
 		boxSizing: `border-box`,
 		transform: `scale(${rate})`,
 	});
@@ -9268,13 +9306,13 @@ const buildPreviewUI = (_frame, _playW, _playH) => {
 		const fX0 = Math.round(_playW / 2 - 120) + (g_diffObj.frzJdgX ?? 0);
 		const fY0 = Math.round((_playH + (g_posObj?.stepYR ?? 0)) / 2 + 10) + (g_diffObj.frzJdgY ?? 0);
 
-		const jdgInitX = g_previewPos.jdgJ.x ?? jX0;
-		const jdgInitY = g_previewPos.jdgJ.y ?? jY0;
-		const jdgFInitX = g_previewPos.jdgFJ.x ?? fX0;
-		const jdgFInitY = g_previewPos.jdgFJ.y ?? fY0;
+		const jdgInitX = g_previewPos.arrowJdg.x ?? jX0;
+		const jdgInitY = g_previewPos.arrowJdg.y ?? jY0;
+		const jdgFInitX = g_previewPos.frzJdg.x ?? fX0;
+		const jdgFInitY = g_previewPos.frzJdg.y ?? fY0;
 
 		// 通常判定グループ
-		buildDraggableJudgGroup(_frame, `jdgJ`, jdgInitX, jdgInitY, _playW, _playH, {
+		buildDraggableJudgGroup(_frame, `arrowJdg`, jdgInitX, jdgInitY, _playW, _playH, {
 			charaText: d.judgment === C_FLG_ON ? g_lblNameObj.j_ii : ``,
 			comboText: d.judgment === C_FLG_ON ? `5 Combo!!` : ``,
 			diffText: `Fast 3 Frames`,
@@ -9282,7 +9320,7 @@ const buildPreviewUI = (_frame, _playW, _playH) => {
 		});
 
 		// フリーズ判定グループ
-		buildDraggableJudgGroup(_frame, `jdgFJ`, jdgFInitX, jdgFInitY, _playW, _playH, {
+		buildDraggableJudgGroup(_frame, `frzJdg`, jdgFInitX, jdgFInitY, _playW, _playH, {
 			charaText: d.judgment === C_FLG_ON ? g_lblNameObj.j_kita : ``,
 			comboText: d.judgment === C_FLG_ON ? `5 Combo!!` : ``,
 			diffText: `Fast 2 Frames`,
@@ -9294,21 +9332,12 @@ const buildPreviewUI = (_frame, _playW, _playH) => {
 	// ライフゲージ（左縦帯）
 	// ============================================================
 	if (d.lifegauge === C_FLG_OFF) {
-		_frame.appendChild(disableBox(`LifeGauge`, { x: 5, y: 50, w: 15, h: _playH - 100 }));
+		_frame.appendChild(disableBox(`LifeGauge`, g_lblPosObj.previewLifeDisabled));
 	} else {
 		multiAppend(_frame,
-			createDivCss2Label(`previewLifeBack`, ``, {
-				x: 5, y: 50, w: 15, h: _playH - 100,
-				background: `#333333`, border: `1px solid #555555`,
-			}),
-			createDivCss2Label(`previewLifeBar`, ``, {
-				x: 5, y: 50 + (_playH - 100) * 0.3,
-				w: 15, h: (_playH - 100) * 0.7, background: `#006666`,
-			}),
-			createDivCss2Label(`previewLifeNum`, `700`, {
-				x: 0, y: 30, w: 70, h: 20,
-				size: 14, color: `#ffffff`, background: `#006666`, align: `center`,
-			}),
+			createDivCss2Label(`previewLifeBack`, ``, g_lblPosObj.previewLifeBack),
+			createDivCss2Label(`previewLifeBar`, ``, g_lblPosObj.previewLifeBar),
+			createDivCss2Label(`previewLifeNum`, `700`, g_lblPosObj.previewLifeNum),
 		);
 	}
 
@@ -9316,7 +9345,11 @@ const buildPreviewUI = (_frame, _playW, _playH) => {
 	// スコア・判定カウンタ（右端縦列）
 	// ============================================================
 	if (d.score === C_FLG_OFF) {
-		_frame.appendChild(disableBox(`Score`, { x: _playW - 80, y: 20, w: 70, h: 200 }));
+		_frame.appendChild(disableBox(`Score`, g_lblPosObj.previewScoreDisabled));
+
+		if (g_stateObj.frzReturn !== C_FLG_OFF) {
+			_frame.appendChild(disableBox(`FrzReturnBar`, g_lblPosObj.previewLifeFrzDisabled));
+		}
 	} else {
 		const scoreItems = [
 			{ color: `#66ffff`, cnt: `5` },
@@ -9330,7 +9363,7 @@ const buildPreviewUI = (_frame, _playW, _playH) => {
 			{ color: `#99ff66`, cnt: `0` },
 			{ color: `#ffffff`, cnt: `5` },
 		];
-		const sx = _playW - 110;
+		const sx = _playW - 110 + g_headerObj.scAreaWidth;
 		scoreItems.forEach((item, i) => {
 			_frame.appendChild(
 				createDivCss2Label(`previewScore${i}`, item.cnt || ``, {
@@ -9339,36 +9372,164 @@ const buildPreviewUI = (_frame, _playW, _playH) => {
 				}),
 			);
 		});
+
+		// FrzReturn用ゲージ
+		if (g_stateObj.frzReturn !== C_FLG_OFF) {
+			multiAppend(_frame,
+				createDivCss2Label(`previewFrzLifeBack`, ``, g_lblPosObj.previewFrzLifeBack),
+				createDivCss2Label(`previewFrzLifeBar`, ``, g_lblPosObj.previewFrzLifeBar, g_cssObj.life_frzNormal),
+			);
+		}
 	}
 
 	// ============================================================
 	// 曲名・制作者（左下）
 	// ============================================================
 	if (d.musicinfo === C_FLG_OFF) {
-		_frame.appendChild(disableBox(`MusicInfo`, { x: 5, y: _playH - 50, w: _playW - 125, h: 40 }));
+		_frame.appendChild(disableBox(`MusicInfo`, g_lblPosObj.previewMusicInfoDisabled));
+		_frame.appendChild(disableBox(`GaugeName`, g_lblPosObj.previewGaugeNameDisabled));
 	} else {
-		multiAppend(
-			_frame,
-			createDivCss2Label(`previewCredit`, `Sample Music / Artist Name`, {
-				...g_lblPosObj.previewCredit, x: 100, y: _playH - 30, w: _playW - 125, h: 20,
+		const creditName = `Sample Music / Artist Name`;
+		const difName = `[7key / Normal]`;
+		const checkMusicSiz = (_text, _siz) => getFontSize2(_text, g_headerObj.playingWidth - g_headerObj.customViewWidth - 125, { maxSiz: _siz });
+
+		multiAppend(_frame,
+			createDivCss2Label(`previewCredit`, creditName, {
+				...g_lblPosObj.lblCredit, siz: checkMusicSiz(creditName, g_limitObj.musicTitleSiz)
 			}),
-			createDivCss2Label(`previewDifName`, `[7key / Normal]`, {
-				...g_lblPosObj.previewCredit, x: 100, y: _playH - 16, w: _playW - 125, h: 16, siz: 12,
+			createDivCss2Label(`previewDifName`, difName, {
+				...g_lblPosObj.lblDifName, siz: checkMusicSiz(difName, 12)
 			}),
 			createDivCss2Label(`previewTime1`, `0:04 /`, {
-				...g_lblPosObj.previewCredit, x: 18, y: _playH - 30, w: 40, h: 20, align: C_ALIGN_RIGHT,
-			}),
-			createDivCss2Label(`previewTime2`, `2:54`, {
-				...g_lblPosObj.previewCredit, x: 60, y: _playH - 30, w: 60, h: 20,
+				...g_lblPosObj.lblTime1,
 			}),
+			createDivCss2Label(`previewTime2`, `2:54`, g_lblPosObj.lblTime2),
+
+			// ゲージ設定名
+			createDivCss2Label(`previewGauge`, `Original`, g_lblPosObj.lblGaugeMode),
 		)
 	}
+
+	// ============================================================
+	// ショートカット表示
+	// ============================================================
+	const scGroup = createEmptySprite(_frame, `previewScGroup`, {
+		x: g_sWidth + g_headerObj.scAreaWidth - 85 + g_diffObj.shortcutX,
+		y: _playH - 65 + g_diffObj.shortcutY, w: 80, h: 65, pointerEvents: C_DIS_AUTO,
+	});
+	multiAppend(scGroup,
+		createDivCss2Label(`lblRetry`, `[${g_lblNameObj.l_retry}]`, { ...g_lblPosObj.lblMainScHeader, x: 0, y: 0 }),
+		createDivCss2Label(`lblRetrySc`, g_kCd[g_headerObj.keyRetry],
+			{ ...g_lblPosObj.lblMainScKey, x: 0, y: 15, fontWeight: g_headerObj.keyRetry === C_KEY_RETRY ? `normal` : `bold` }),
+		createDivCss2Label(`lblTitleBack`, `[${g_lblNameObj.l_titleBack}]`, { ...g_lblPosObj.lblMainScHeader, x: 0, y: 35 }),
+		createDivCss2Label(`lblTitleBackSc`, g_isMac ? `Shift+${g_kCd[g_headerObj.keyRetry]}` : g_kCd[g_headerObj.keyTitleBack],
+			{ ...g_lblPosObj.lblMainScKey, x: 0, y: 50, fontWeight: g_headerObj.keyTitleBack === C_KEY_TITLEBACK ? `normal` : `bold` }),
+	);
+	const scConfig = {
+		toastTitle: g_lblNameObj.shortcutUpdate,
+		getStdX: (pw) => g_sWidth + g_headerObj.scAreaWidth - 85,
+		getStdY: (ph, syr) => _playH - 65,
+	};
+	makeElementDraggable(scGroup, `shortcut`, _playW, _playH, { w: 80, h: 65 }, scConfig);
+
+	// ユーザカスタムイベント(プレビュー表示用)
+	safeExecuteCustomHooks(`g_customJsObj.displayPreview`, g_customJsObj.displayPreview, _frame, _playW, _playH);
+};
+
+/**
+ * 要素をドラッグ可能にする（汎用ユーティリティ）
+ * @param {HTMLElement} _target ドラッグ対象の要素
+ * @param {string} _key 座標保存用のキー（g_previewPosオブジェクトのプロパティ名）
+ * @param {number} _playW 制限範囲の幅
+ * @param {number} _playH 制限範囲の高さ
+ * @param {object} _bounds 要素自体のサイズ { w, h, scale } (はみ出し防止用)
+ * @param {object} _config 座標反映ルールオブジェクト
+ */
+const makeElementDraggable = (_target, _key, _playW, _playH, _bounds, _config) => {
+	let dragging = false;
+	let dragStartX = 0, dragStartY = 0;
+	let elemStartX = 0, elemStartY = 0;
+
+	const boundsW = _bounds?.w ?? _target.offsetWidth ?? 0;
+	const boundsH = _bounds?.h ?? _target.offsetHeight ?? 0;
+	const scale = _bounds?.scale ?? 0.8;
+
+	// ドラッグハンドル（薄い枠）を作成
+	const handleId = _target.id ? `handle_${_target.id}` : `dragHandle_${Math.random().toString(36).slice(2, 9)}`;
+	_target.style.cursor = `grab`;
+
+	createEmptySprite(_target, handleId, {
+		x: 0, y: 0, w: boundsW, h: boundsH,
+		border: `1px dashed rgba(255,255,255,0.3)`,
+		boxSizing: `border-box`, borderRadius: `2px`,
+		background: `rgba(255,255,255,0.04)`,
+	});
+
+	const keyDown = addPreviewListener(_target, `pointerdown`, _evt => {
+		dragging = true;
+		dragStartX = _evt.clientX;
+		dragStartY = _evt.clientY;
+		elemStartX = parseInt(_target.style.left, 10) || 0;
+		elemStartY = parseInt(_target.style.top, 10) || 0;
+		_target.style.cursor = `grabbing`;
+		_target.setPointerCapture(_evt.pointerId);
+		_evt.stopPropagation();
+	});
+
+	const keyMove = addPreviewListener(_target, `pointermove`, _evt => {
+		if (!dragging) return;
+
+		// 1. マウスの実際の移動量を計算
+		const mouseDx = _evt.clientX - dragStartX;
+		const mouseDy = _evt.clientY - dragStartY;
+
+		// 2. 【最重要】スケール逆算して、縮小空間内の移動量に変換
+		const dx = mouseDx / scale;
+		const dy = mouseDy / scale;
+
+		// 3. 境界値制限
+		const minX = g_headerObj.playingLayout ? -g_headerObj.scAreaWidth : 0;
+		const newX = Math.max(minX, Math.min(_playW + g_headerObj.scAreaWidth - boundsW, elemStartX + dx));
+		const newY = Math.max(0, Math.min(_playH - boundsH, elemStartY + dy));
+
+		_target.style.left = wUnit(newX);
+		_target.style.top = wUnit(newY);
+		_evt.stopPropagation();
+	});
+
+	const keyUp = addPreviewListener(_target, `pointerup`, _evt => {
+		if (!dragging) return;
+		dragging = false;
+		_target.style.cursor = `grab`;
+
+		const finalX = parseInt(_target.style.left, 10) || 0;
+		const finalY = parseInt(_target.style.top, 10) || 0;
+
+		if (g_previewPos[_key]) {
+			g_previewPos[_key].x = finalX;
+			g_previewPos[_key].y = finalY;
+		}
+		if (_config) {
+			applyElementPositionToGame(finalX, finalY, _config, _key);
+		}
+		_evt.stopPropagation();
+	});
+
+	addPreviewListener(_target, `pointercancel`, _evt => {
+		dragging = false;
+		_target.style.cursor = `grab`;
+	});
+
+	// 既存の管理用属性（必要に応じて）
+	_target.setAttribute(`lsnrkey`, keyMove);
+	_target.setAttribute(`lsnrkeyTS`, keyDown);
+	_target.setAttribute(`lsnrkeyTE`, keyUp);
 };
 
 /**
  * ドラッグ可能な判定グループを生成する
  * @param {HTMLElement} _parent    親要素
- * @param {string}      _groupId   `jdgJ` または `jdgFJ`
+ * @param {string}      _groupId   `arrowJdg` または `frzJdg`
  * @param {number}      _initX     初期X座標（frame相対）
  * @param {number}      _initY     初期Y座標（frame相対）
  * @param {number}      _playW     プレイ幅
@@ -9376,11 +9537,14 @@ const buildPreviewUI = (_frame, _playW, _playH) => {
  * @param {object}      _opts      表示テキスト・色オプション
  */
 const buildDraggableJudgGroup = (_parent, _groupId, _initX, _initY, _playW, _playH, _opts) => {
+	const groupW = 370;
+	const groupH = 51;
 
 	const group = createEmptySprite(_parent, `previewGrp_${_groupId}`, {
-		x: _initX, y: _initY, w: 370, h: 51, cursor: `grab`, pointerEvents: C_DIS_AUTO,
+		x: _initX, y: _initY, w: groupW, h: groupH, pointerEvents: C_DIS_AUTO,
 	});
 
+	// 内包要素の生成 (省略：元のコードの multiAppend 部分と同一)
 	multiAppend(
 		group,
 		// キャラクタ
@@ -9400,93 +9564,55 @@ const buildDraggableJudgGroup = (_parent, _groupId, _initX, _initY, _playW, _pla
 		}),
 	);
 
-	// ドラッグハンドル（薄い枠）
-	createEmptySprite(group, `lblHandle_${_groupId}`, {
-		x: 0, y: 0, w: 370, h: 51, border: `1px dashed rgba(255,255,255,0.3)`,
-		boxSizing: `border-box`, borderRadius: `2px`,
-		background: `rgba(255,255,255,0.04)`,
-	});
-
-	// ---- ドラッグ処理 ----
-	let dragging = false;
-	let dragStartX = 0, dragStartY = 0;
-	let elemStartX = 0, elemStartY = 0;
-
-	const keyDown = addPreviewListener(group, `pointerdown`, _evt => {
-		dragging = true;
-		dragStartX = _evt.clientX;
-		dragStartY = _evt.clientY;
-		elemStartX = parseInt(group.style.left, 10);
-		elemStartY = parseInt(group.style.top, 10);
-		group.style.cursor = `grabbing`;
-		group.setPointerCapture(_evt.pointerId);
-		_evt.stopPropagation();
-	});
-	const keyMove = addPreviewListener(group, `pointermove`, _evt => {
-		if (!dragging) return;
-		const dx = _evt.clientX - dragStartX;
-		const dy = _evt.clientY - dragStartY;
-		const newX = Math.max(0, Math.min(_playW - 370, elemStartX + dx));
-		const newY = Math.max(0, Math.min(_playH - 50, elemStartY + dy));
-		group.style.left = wUnit(newX);
-		group.style.top = wUnit(newY);
-		_evt.stopPropagation();
-	});
-	const keyUp = addPreviewListener(group, `pointerup`, _evt => {
-		if (!dragging) return;
-		dragging = false;
-		group.style.cursor = `grab`;
-
-		const finalX = parseInt(group.style.left, 10);
-		const finalY = parseInt(group.style.top, 10);
-
-		// ---- 座標をグローバル状態とゲーム本体に反映 ----
-		g_previewPos[_groupId].x = finalX;
-		g_previewPos[_groupId].y = finalY;
-		applyJudgPositionToGame(_groupId, finalX, finalY);
+	// ============================================================
+	// 判定グループ固有の「座標反映ルール」を定義
+	// ============================================================
+	const configMap = {
+		arrowJdg: {
+			toastTitle: g_lblNameObj.arrowJdgUpdate,
+			getStdX: (pw) => Math.round(pw / 2 - 220),
+			getStdY: (ph, syr) => Math.round((ph + syr) / 2 - 60),
+		},
+		frzJdg: {
+			toastTitle: g_lblNameObj.frzJdgUpdate,
+			getStdX: (pw) => Math.round(pw / 2 - 120),
+			getStdY: (ph, syr) => Math.round((ph + syr) / 2 + 10),
+		}
+	};
 
-		_evt.stopPropagation();
-	});
-	// pointerup が届かないケースを拾う
-	addPreviewListener(group, `pointercancel`, _evt => {
-		dragging = false;
-		group.style.cursor = `grab`;
-	});
-	group.setAttribute(`lsnrkey`, keyMove);
-	group.setAttribute(`lsnrkeyTS`, keyDown);
-	group.setAttribute(`lsnrkeyTE`, keyUp);
+	// 汎用ドラッグ及びドラッグ枠作成、差分適用処理
+	makeElementDraggable(group, _groupId, _playW, _playH, { w: groupW, h: groupH }, configMap[_groupId]);
 };
 
 /**
- * ドラッグ結果の座標をゲーム本体の判定位置設定に反映する
- * @param {string} _groupId  `jdgJ` または `jdgFJ`
- * @param {number} _x        frame相対X
- * @param {number} _y        frame相対Y
+ * ドラッグ結果の座標をゲーム本体の設定に汎用的に反映する
+ * @param {number} _x 確定したframe相対X
+ * @param {number} _y 確定したframe相対Y
+ * @param {object} _config 反映用の設定オブジェクト
+ * @param {string} _key 保存用キー(g_diffObjのプロパティ名の接頭辞)
  */
-const applyJudgPositionToGame = (_groupId, _x, _y) => {
+const applyElementPositionToGame = (_x, _y, _config, _key) => {
+	const playW = g_headerObj.playingWidth || g_sWidth;
 	const playH = g_headerObj.playingHeight || g_sHeight;
 	const stepYR = g_posObj?.stepYR ?? 0;
 
-	// mainInit内のjdgX[0/1], jdgY[0/1]はローカル変数なため、
-	// g_diffObj経由でオフセットとして保持し、次回プレイ開始時に反映する。
-	// ここでは g_diffObj.arrowJdgY / frzJdgY をオフセット格納先として利用する。
-	//
-	// 「標準Y」= (playH + stepYR) / 2 - 60  (jdgJ の場合)
-	//           = (playH + stepYR) / 2 + 10  (jdgFJ の場合)
-	// オフセット = 実際のY - 標準Y
-
-	if (_groupId === `jdgJ`) {
-		const stdX = g_headerObj.playingWidth / 2 - 220;
-		const stdY = Math.round((playH + stepYR) / 2 - 60);
-		g_diffObj.arrowJdgX = _x - stdX;
-		g_diffObj.arrowJdgY = _y - stdY;
-		showToast(`${g_lblNameObj.arrowJdgUpdate}: dX=${g_diffObj.arrowJdgX}, dY=${g_diffObj.arrowJdgY}`);
-	} else if (_groupId === `jdgFJ`) {
-		const stdX = g_headerObj.playingWidth / 2 - 120;
-		const stdY = Math.round((playH + stepYR) / 2 + 10);
-		g_diffObj.frzJdgX = _x - stdX;
-		g_diffObj.frzJdgY = _y - stdY;
-		showToast(`${g_lblNameObj.frzJdgUpdate}: dX=${g_diffObj.frzJdgX}, dY=${g_diffObj.frzJdgY}`);
+	// 1. 各要素固有の「標準座標（基準点）」を計算
+	const stdX = _config.getStdX(playW);
+	const stdY = _config.getStdY(playH, stepYR);
+
+	// 2. オフセット（差分）を計算
+	const diffX = _x - stdX;
+	const diffY = _y - stdY;
+
+	// 3. 指定された保存先にオフセットを格納
+	g_diffObj[`${_key}X`] = diffX;
+	g_diffObj[`${_key}Y`] = diffY;
+	g_localStorage[`${_key}X`] = diffX;
+	g_localStorage[`${_key}Y`] = diffY;
+
+	// 4. トースト表示 (通知が不要な要素なら省略可能にする)
+	if (_config.toastTitle) {
+		showToast(`${_config.toastTitle}: dX=${diffX}, dY=${diffY}`);
 	}
 };
 
@@ -13828,6 +13954,9 @@ const getArrowSettings = () => {
 	if (g_headerObj.scAreaWidth === 0 && (g_headerObj.keyRetry !== g_headerObj.keyRetryDef2 || g_headerObj.keyTitleBack !== g_headerObj.keyTitleBackDef2)) {
 		g_workObj.nonDefaultSc = false;
 	}
+	if (g_diffObj.shortcutX !== 0 || g_diffObj.shortcutY !== 0) {
+		g_workObj.nonDefaultSc = true;
+	}
 
 	g_workObj.backX = (g_workObj.nonDefaultSc && g_headerObj.playingLayout ? g_headerObj.scAreaWidth : 0);
 	g_workObj.playingX = g_headerObj.playingX + g_workObj.backX;
@@ -14259,6 +14388,9 @@ const mainInit = () => {
 			x: 0, y: 30, w: 70, h: 20, siz: g_limitObj.jdgCntsSiz, display: g_workObj.lifegaugeDisp,
 		}, lblInitColor),
 
+		// ゲージ種類
+		createDivCss2Label(`lblGaugeMode`, g_stateObj.gauge, { ...g_lblPosObj.lblGaugeMode, display: g_workObj.musicinfoDisp }),
+
 		// ライフ背景
 		createColorObject2(`lifeBackObj`, { ...g_lblPosObj.lifeBackObj, display: g_workObj.lifegaugeDisp }, g_cssObj.life_Background),
 
@@ -14300,12 +14432,28 @@ const mainInit = () => {
 
 	if (g_workObj.nonDefaultSc) {
 		multiAppend(infoSprite,
-			createDivCss2Label(`lblRetry`, `[${g_lblNameObj.l_retry}]`, { ...g_lblPosObj.lblMainScHeader, y: g_headerObj.playingHeight - 65 }),
-			createDivCss2Label(`lblRetrySc`, g_kCd[g_headerObj.keyRetry],
-				{ ...g_lblPosObj.lblMainScKey, y: g_headerObj.playingHeight - 50, fontWeight: g_headerObj.keyRetry === C_KEY_RETRY ? `normal` : `bold` }),
-			createDivCss2Label(`lblTitleBack`, `[${g_lblNameObj.l_titleBack}]`, { ...g_lblPosObj.lblMainScHeader, y: g_headerObj.playingHeight - 35 }),
-			createDivCss2Label(`lblTitleBackSc`, g_isMac ? `Shift+${g_kCd[g_headerObj.keyRetry]}` : g_kCd[g_headerObj.keyTitleBack],
-				{ ...g_lblPosObj.lblMainScKey, y: g_headerObj.playingHeight - 20, fontWeight: g_headerObj.keyTitleBack === C_KEY_TITLEBACK ? `normal` : `bold` }),
+			createDivCss2Label(`lblRetry`, `[${g_lblNameObj.l_retry}]`, {
+				...g_lblPosObj.lblMainScHeader,
+				x: g_sWidth + g_headerObj.scAreaWidth - 85 + g_diffObj.shortcutX,
+				y: g_headerObj.playingHeight - 65 + g_diffObj.shortcutY,
+			}),
+			createDivCss2Label(`lblRetrySc`, g_kCd[g_headerObj.keyRetry], {
+				...g_lblPosObj.lblMainScKey,
+				x: g_sWidth + g_headerObj.scAreaWidth - 85 + g_diffObj.shortcutX,
+				y: g_headerObj.playingHeight - 50 + g_diffObj.shortcutY,
+				fontWeight: g_headerObj.keyRetry === C_KEY_RETRY ? `normal` : `bold`,
+			}),
+			createDivCss2Label(`lblTitleBack`, `[${g_lblNameObj.l_titleBack}]`, {
+				...g_lblPosObj.lblMainScHeader,
+				x: g_sWidth + g_headerObj.scAreaWidth - 85 + g_diffObj.shortcutX,
+				y: g_headerObj.playingHeight - 35 + g_diffObj.shortcutY,
+			}),
+			createDivCss2Label(`lblTitleBackSc`, g_isMac ? `Shift+${g_kCd[g_headerObj.keyRetry]}` : g_kCd[g_headerObj.keyTitleBack], {
+				...g_lblPosObj.lblMainScKey,
+				x: g_sWidth + g_headerObj.scAreaWidth - 85 + g_diffObj.shortcutX,
+				y: g_headerObj.playingHeight - 20 + g_diffObj.shortcutY,
+				fontWeight: g_headerObj.keyTitleBack === C_KEY_TITLEBACK ? `normal` : `bold`,
+			}),
 		);
 	}
 

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2026/05/26 (v48.1.2)
+ * Revised : 2026/05/31 (v48.3.0)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -543,11 +543,49 @@ const updateWindowSiz = () => {
             x: g_btnX() + Math.floor((g_btnWidth() - 80) / 2), y: 3, w: 80, h: 18, siz: 11,
             title: g_msgObj.displayPreview,
         },
+        btnDisplayReset: {
+            x: g_btnX() + g_btnWidth() - 80, y: 3, w: 80, h: 18, siz: 11,
+        },
         lblDisplayPreviewMsg: {
             x: g_btnX(), y: g_sHeight - 40, w: g_btnWidth(), h: 20, siz: 14,
         },
-        previewCredit: {
-            siz: 13, color: `#cccccc`, align: C_ALIGN_LEFT,
+        lblDisplayPreviewMsg2: {
+            x: g_btnX(), y: g_sHeight - 25, w: g_btnWidth(), h: 20, siz: 14,
+        },
+        previewScoreDisabled: {
+            x: g_headerObj.playingWidth - 80, y: 20, w: 70, h: 200,
+        },
+        previewLifeDisabled: {
+            x: 5, y: 50, w: 15, h: g_headerObj.playingHeight - 100,
+        },
+        previewLifeFrzDisabled: {
+            x: 0, y: 70, w: 5, h: g_headerObj.playingHeight - 120,
+        },
+        previewMusicInfoDisabled: {
+            x: 5, y: g_headerObj.playingHeight - 50, w: g_headerObj.playingWidth - 125, h: 40,
+        },
+        previewGaugeNameDisabled: {
+            x: 0, y: 10, w: 110, h: 18,
+        },
+        previewLifeBack: {
+            x: 5, y: 50, w: 15, h: g_headerObj.playingHeight - 100,
+            background: `#333333`, border: `1px solid #555555`,
+        },
+        previewLifeBar: {
+            x: 5, y: 50 + (g_headerObj.playingHeight - 100) * 0.3,
+            w: 15, h: (g_headerObj.playingHeight - 100) * 0.7, background: `#006666`,
+        },
+        previewLifeNum: {
+            x: 0, y: 30, w: 70, h: 20,
+            siz: g_limitObj.jdgCntsSiz, color: `#ffffff`, background: `#006666`, align: C_ALIGN_CENTER,
+        },
+        previewFrzLifeBack: {
+            x: 0, y: 50, w: 5, h: g_headerObj.playingHeight - 100,
+            background: `#333333`, border: `1px solid #555555`,
+        },
+        previewFrzLifeBar: {
+            x: 0, y: 50 + (g_headerObj.playingHeight - 100) * 0.7,
+            w: 5, h: (g_headerObj.playingHeight - 100) * 0.3,
         },
 
         /** キーコンフィグ画面 */
@@ -640,7 +678,7 @@ const updateWindowSiz = () => {
             x: -8, y: -8, w: C_ARW_WIDTH + 16, h: C_ARW_WIDTH + 16,
         },
         lblframe: {
-            x: 0, y: 0, w: 100, h: 30, siz: 20,
+            x: 0, y: 0, w: 100, h: 30, siz: 18,
         },
         lblCredit: {
             x: 125, y: g_headerObj.playingHeight - 30, w: g_headerObj.playingWidth - 125, h: 20, align: C_ALIGN_LEFT,
@@ -654,6 +692,9 @@ const updateWindowSiz = () => {
         lblTime2: {
             x: 60, y: g_headerObj.playingHeight - 30, w: 60, h: 20, siz: g_limitObj.mainSiz,
         },
+        lblGaugeMode: {
+            x: 5, y: 18, w: 100, h: 20, siz: 11, align: C_ALIGN_LEFT,
+        },
         lifeBackObj: {
             x: 5, y: 50, w: 15, h: g_headerObj.playingHeight - 100, styleName: `lifeBar`,
         },
@@ -1293,7 +1334,8 @@ const g_settings = {
         customKey: 0,
         others: 0,
     },
-    environments: [`adjustment`, `volume`, `colorType`, `appearance`, `opacity`, `hitPosition`],
+    environments: [`adjustment`, `volume`, `colorType`, `appearance`, `opacity`, `hitPosition`,
+        `arrowJdgX`, `arrowJdgY`, `frzJdgX`, `frzJdgY`, `shortcutX`, `shortcutY`],
     keyStorages: [`reverse`, `keyCtrl`, `keyCtrlPtn`, `shuffle`, `color`, `stepRtn`],
     colorStorages: [`setColor`, `setShadowColor`, `frzColor`, `frzShadowColor`],
 
@@ -2296,6 +2338,17 @@ const g_diffObj = {
     frzJdgX: 0,
     arrowJdgY: 0,
     frzJdgY: 0,
+    shortcutX: 0,
+    shortcutY: 0,
+};
+
+const g_diffInitObj = {
+    arrowJdgX: 0,
+    frzJdgX: 0,
+    arrowJdgY: 0,
+    frzJdgY: 0,
+    shortcutX: 0,
+    shortcutY: 0,
 };
 
 // キーコンフィグカーソル
@@ -2947,6 +3000,7 @@ const g_shortcutObj = {
     },
     displayPreview: {
         KeyP: { id: `btnDisplayPreview2` },
+        KeyR: { id: `btnDisplayReset` },
         Escape: { id: `btnBack` },
         Space: { id: `btnKeyConfig` },
         Enter: { id: `btnPlay` },
@@ -4750,9 +4804,11 @@ const g_lang_lblNameObj = {
         transKeyDesc: `別キーモードではキーコンフィグ、ColorType等は保存されません`,
         colorTypeDesc: `現在のColorTypeの設定では、色変化(Display:Color)は自動的にOFFになります`,
         sdShortcutDesc: `Hid+/Sud+時ショートカット：「pageUp」カバーを上へ / 「pageDown」下へ`,
-        displayPreviewDesc: `判定キャラクタ部分をドラッグで移動するとその位置に補正されます`,
+        displayPreviewDesc: `判定キャラクタ部分、ショートカット表示はドラッグで移動するとその位置に補正されます`,
+        displayPreviewDesc2: `枠外への移動はショートカットがデフォルトと異なるか、位置が通常と異なる場合のみ有効です`,
         arrowJdgUpdate: `矢印判定の座標を更新`,
         frzJdgUpdate: `フリーズアロー判定の座標を更新`,
+        shortcutUpdate: `ショートカット表示の座標を更新`,
         resultImageDesc: `画像を右クリックしてコピーできます`,
 
         s_level: `Level`,
@@ -4810,9 +4866,11 @@ const g_lang_lblNameObj = {
         transKeyDesc: `Key config, Color type, etc. are not saved in another key mode`,
         colorTypeDesc: `With the current ColorType setting, color change (Display:Color) will be automatically turned OFF.`,
         sdShortcutDesc: `When "Hidden+" or "Sudden+" select, "pageUp" cover up / "pageDown" cover down`,
-        displayPreviewDesc: `If you drag the judgment character section, it will be adjusted to that position.`,
+        displayPreviewDesc: `If you drag the judgment character section or shortcut display, it will be adjusted to that position.`,
+        displayPreviewDesc2: `Moving outside the frame is only effective when the shortcut display position differs from the default.`,
         arrowJdgUpdate: `Update the coordinates (arrow)`,
         frzJdgUpdate: `Update the coordinates (freeze)`,
+        shortcutUpdate: `Update the coordinates (shortcut)`,
         resultImageDesc: `You can copy the image by right-clicking on it.`,
 
         s_level: `Level`,
@@ -4876,13 +4934,14 @@ const g_lang_msgObj = {
         github: `Dancing☆Onigiri (CW Edition)のGitHubページへ移動します。`,
         security: `Dancing☆Onigiri (CW Edition)のサポート情報ページへ移動します。`,
 
-        environment: `${g_settings.environments.map(v => toCapitalize(v)).join(`, `)}の設定を初期化します。`,
+        environment: `以下の設定を初期化します。\n  - Adjustment, Volume, ColorType, Appearance, Opacity, HitPosition, 判定キャラクタ位置, ショートカット表示位置`,
         highscores: `全譜面のハイスコアを初期化します。\n個別に初期化したい場合はSettings画面より行ってください。`,
         customKey: `カスタムキーに関する全ての保存データを消去します。\n下記のKeyDataから個別に消去可能できないときに使用してください。`,
         others: `標準以外に関する保存データを消去します。`,
         keyTypes: `Key: {0} の保存データ（個別の色設定を除く）を消去します。`,
 
         dataResetConfirm: `選択したローカル設定をクリアします。よろしいですか？`,
+        noDataSelected: `消去するデータが選択されていません。`,
         dataRestoreConfirm: `ローカル設定を前回の状態に戻します（１回限り）。よろしいですか？\n消去した設定によっては今の設定が上書きされることがあります。`,
         safeModeONConfirm: `セーフモードを解除して、ローカルストレージ情報を利用します。\nよろしいですか？`,
         safeModeOFFConfirm: `セーフモードを設定して、ローカルストレージを使わずにリロードします。\nよろしいですか？`,
@@ -4957,6 +5016,7 @@ const g_lang_msgObj = {
         opacity: `判定キャラクタ、コンボ数、Fast/Slowの透明度を設定します。`,
         hitPosition: `判定位置にズレを感じる場合、\n数値を変えることで判定の中央位置を1px単位(プラス:手前, マイナス:奥側)で調整することができます。\n早押し・遅押し傾向にある場合に使用します。`,
         displayPreview: `プレイ画面上のオブジェクトの表示状態をプレビューします。\n判定キャラクタ部分をドラッグで移動するとその位置に補正されます。`,
+        displayPreviewResetConfirm: `プレイ画面上のオブジェクトの位置を初期状態に戻します。よろしいですか？`,
 
         colorType: `矢印・フリーズアローの配色セットをあらかじめ定義されたリストから選択できます。\nType1～4選択時は色変化が自動でOFFになり、カラーピッカーから好きな色に変更できます。\n[Type0] グラデーション切替, [Type1～4] デフォルトパターン`,
         imgType: `矢印・フリーズアローなどのオブジェクトの見た目を変更します。`,
@@ -4980,13 +5040,14 @@ const g_lang_msgObj = {
         github: `Go to the GitHub page of Dancing Onigiri "CW Edition".`,
         security: `Go to the support information page for Dancing Onigiri "CW Edition".`,
 
-        environment: `Initialize ${g_settings.environments.map(v => toCapitalize(v)).join(`, `)} settings.`,
+        environment: `Initialize settings below:\n  - Adjustment, Volume, ColorType, Appearance, Opacity, HitPosition, judgment character positions and shortcut display position.`,
         highscores: `Initializes the high score of all charts. \nIf you want to initialize each chart individually, \nplease do so from the Highscore view in the Settings screen.`,
         customKey: `Delete stored data related to all custom keymodes. \nUse this option when you cannot delete individual KeyData from the following KeyData.`,
         others: `Delete non-standard stored data.`,
         keyTypes: `Deletes the stored data (except color settings) for Key: {0}.`,
 
         dataResetConfirm: `Delete the selected local settings. Is it OK?`,
+        noDataSelected: `No data selected to delete.`,
         dataRestoreConfirm: `Restore local settings to previous state (one time only). Is it OK?\nSome deleted settings may overwrite the current settings.`,
         safeModeONConfirm: `Exit safe mode and use local storage information. Is it OK?`,
         safeModeOFFConfirm: `Set safe mode and reload without local storage. Is it OK?`,
@@ -5060,6 +5121,7 @@ const g_lang_msgObj = {
         opacity: `Set the transparency of some objects such as judgment, combo counts, fast and slow`,
         hitPosition: `If you feel a discrepancy in the judgment position, \nyou can adjust the center position of the judgment in 1px increments \n (plus: in front, minus: at the back) by changing the numerical value. \nUse this function when there is a tendency to push too fast or too slow.`,
         displayPreview: `Preview the display status of objects on the play screen.\nDragging the judgment character section will adjust it to that position.`,
+        displayPreviewResetConfirm: `Reset the position of objects on the play screen to the initial state. Is it OK?`,
 
         colorType: `Change the color scheme set for arrows and freeze-arrows from the predefined set.\nWhen Type1 to 4 is selected, color change is automatically turned off and can be changed to any color from the color picker.\n[Type0] Switch the sequences color gradations, [Type1～4] default color scheme`,
         imgType: `Change the appearance of sequences.`,
@@ -5107,6 +5169,7 @@ const g_customJsObj = {
     option: [],
     difficulty: [],
     settingsDisplay: [],
+    displayPreview: [],
     exSetting: [],
     settingSummary: [],
     keyconfig: [],

package/package.json

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