danoniplus 44.4.0 → 44.5.0

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2026/02/21
+ * Revised : 2026/02/23
  *
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 44.4.0`;
-const g_revisedDate = `2026/02/21`;
+const g_version = `Ver 44.5.0`;
+const g_revisedDate = `2026/02/23`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -5114,6 +5114,7 @@ const titleInit = (_initFlg = false) => {
 
 	clearWindow(true);
 	g_currentPage = `title`;
+	g_stateObj.settingSummaryVisible = false;
 
 	// タイトル用フレーム初期化
 	g_scoreObj.titleFrameNum = 0;
@@ -6423,6 +6424,23 @@ const commonSettingBtn = _labelName => {
 		evt.target.classList.replace(g_cssObj[`button_${from}`], g_cssObj[`button_${to}`]);
 	};
 
+	const makeSettingSummary = () => {
+		const tmpDiv = createEmptySprite(divRoot, `settingSumSprite`, {
+			x: g_btnX() + 25, y: g_sHeight - 200, w: g_btnWidth() - 50, h: 100, pointerEvents: C_DIS_AUTO, overflow: C_DIS_AUTO
+		});
+		tmpDiv.style.background = `#000000cc`;
+
+		multiAppend(tmpDiv,
+			createDivCss2Label(`lblSummaryHeader`, g_lblNameObj.settingSummary, g_lblPosObj.lblSummaryHeader),
+			createDivCss2Label(`lblSummaryEnvironment`, ``, g_lblPosObj.lblSummaryEnvironment),
+			createDivCss2Label(`lblSummaryDifInfo`, ``, g_lblPosObj.lblSummaryDifInfo),
+			createDivCss2Label(`lblSummaryPlaystyleInfo`, ``, g_lblPosObj.lblSummaryPlaystyleInfo),
+			createDivCss2Label(`lblSummaryDisplayInfo`, ``, g_lblPosObj.lblSummaryDisplayInfo),
+			createDivCss2Label(`lblSummaryDisplay2Info`, ``, g_lblPosObj.lblSummaryDisplay2Info),
+		);
+		tmpDiv.style.visibility = g_stateObj.settingSummaryVisible ? `visible` : `hidden`;
+	};
+
 	multiAppend(divRoot,
 
 		// タイトル画面へ戻る
@@ -6464,7 +6482,39 @@ const commonSettingBtn = _labelName => {
 			Object.assign(g_lblPosObj.btnPrecond, {
 				resetFunc: () => preconditionInit(),
 			}), g_cssObj.button_Setting),
+
+		// 設定内容サマリを表示
+		createCss2Button(`btnSettingSummary`, `>`, () => true,
+			Object.assign(g_lblPosObj.btnSettingSummary, {
+				resetFunc: () => {
+					g_stateObj.settingSummaryVisible = !g_stateObj.settingSummaryVisible;
+					visibleSettingSummary(g_stateObj.settingSummaryVisible);
+				},
+			}), g_cssObj.button_Mini),
 	);
+	makeSettingSummary();
+};
+
+const visibleSettingSummary = _visible => {
+	const summaryDiv = document.getElementById(`settingSumSprite`);
+	if (summaryDiv) {
+		summaryDiv.style.visibility = _visible ? `visible` : `hidden`;
+		updateSettingSummary();
+	}
+};
+
+const updateSettingSummary = () => {
+	if (document.getElementById(`settingSumSprite`) === null) return;
+	const keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`;
+	const orgShuffleFlg = g_keyObj[`shuffle${keyCtrlPtn}`].filter((shuffleGr, j) => shuffleGr !== g_keyObj[`shuffle${keyCtrlPtn}_0d`][j]).length === 0;
+	const shuffleName = `${getStgDetailName(g_stateObj.shuffle)}${!orgShuffleFlg && !g_stateObj.shuffle.endsWith(`+`) ? getStgDetailName('(S)') : ''}`;
+	const settingData = getSelectedSettingList(shuffleName);
+
+	document.getElementById(`lblSummaryDifInfo`).innerHTML = settingData.difData;
+	document.getElementById(`lblSummaryPlaystyleInfo`).innerHTML = settingData.playStyleData;
+	document.getElementById(`lblSummaryDisplayInfo`).innerHTML = settingData.displayData;
+	document.getElementById(`lblSummaryDisplay2Info`).innerHTML = settingData.display2Data;
+	document.getElementById(`lblSummaryEnvironment`).innerHTML = `(Adj: ${g_stateObj.adjustment} f, Volume: ${g_stateObj.volume}%, ColorType: ${g_colorType})`;
 };
 
 /**
@@ -7931,6 +7981,10 @@ const setSetting = (_scrollNum, _settingName, _unitName = ``, _roundNum = 0, { f
 	document.getElementById(`lnk${toCapitalize(_settingName)}`).textContent =
 		`${getStgDetailName(g_stateObj[_settingName])}${_unitName}${g_localStorage[_settingName] === g_stateObj[_settingName] ? ' *' : ''}`;
 	func();
+
+	if (document.getElementById(`settingSumSprite`) !== null) {
+		updateSettingSummary();
+	}
 };
 
 /**
@@ -7972,6 +8026,7 @@ const setReverse = _btn => {
 		g_settings.reverseNum = (g_settings.reverseNum + 1) % 2;
 		g_stateObj.reverse = g_settings.reverses[g_settings.reverseNum];
 		setReverseView(_btn);
+		updateSettingSummary();
 	}
 };
 
@@ -8422,6 +8477,7 @@ const createSettingsDisplayWindow = _sprite => {
 
 				withShortCutDesc();
 				interlockingButton(g_headerObj, _name, nextBarColor, prevBarColor, true);
+				updateSettingSummary();
 			};
 
 			// Displayボタン初期化
@@ -8488,11 +8544,14 @@ const createSettingsDisplayWindow = _sprite => {
 
 		_btn.classList.replace(g_cssObj[`button_Rev${prevLock}`],
 			g_cssObj[`button_Rev${g_stateObj.filterLock}`]);
+		updateSettingSummary();
 	};
 
 	const appearanceSlider = document.getElementById(`appearanceSlider`);
-	appearanceSlider.addEventListener(`input`, () =>
-		g_hidSudObj.filterPos = inputSlider(appearanceSlider, lblAppearancePos, `appearance`), false);
+	appearanceSlider.addEventListener(`input`, () => {
+		g_hidSudObj.filterPos = inputSlider(appearanceSlider, lblAppearancePos, `appearance`);
+		updateSettingSummary();
+	}, false);
 
 	const dispAppearanceSlider = () => {
 		[`lblAppearanceBar`, `lnkLockBtn`, `lnkfilterLine`].forEach(obj =>
@@ -13472,12 +13531,12 @@ const changeAppearanceFilter = (_num = 10) => {
 		$id(`arrowSprite${topNum + j}`).clipPath = topShape;
 		$id(`arrowSprite${bottomNum + j}`).clipPath = bottomShape;
 
-		$id(`filterBar${topNum + j}`).top = wUnit(parseFloat($id(`arrowSprite${j}`).top) + topDist);
-		$id(`filterBar${bottomNum + j}`).top = wUnit(parseFloat($id(`arrowSprite${j + 1}`).top) + bottomDist);
+		addY(`filterBar${topNum + j}`, `appearance`, parseFloat($id(`arrowSprite${j}`).top) + topDist);
+		addY(`filterBar${bottomNum + j}`, `appearance`, parseFloat($id(`arrowSprite${j + 1}`).top) + bottomDist);
 
 		if (![`Default`, `Halfway`].includes(g_stateObj.stepArea)) {
-			$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);
+			addY(`filterBar${bottomNum + j}_HS`, `appearance`, parseFloat($id(`arrowSprite${j}`).top) + bottomDist);
+			addY(`filterBar${topNum + j}_HS`, `appearance`, parseFloat($id(`arrowSprite${j + 1}`).top) + topDist);
 		}
 	}
 
@@ -14273,87 +14332,7 @@ const resultInit = () => {
 	const transKeyName = getTransKeyName();
 	const orgShuffleFlg = g_keyObj[`shuffle${keyCtrlPtn}`].filter((shuffleGr, j) => shuffleGr !== g_keyObj[`shuffle${keyCtrlPtn}_0d`][j]).length === 0;
 	const shuffleName = `${getStgDetailName(g_stateObj.shuffle)}${!orgShuffleFlg && !g_stateObj.shuffle.endsWith(`+`) ? getStgDetailName('(S)') : ''}`;
-
-	/**
-	 * プレイスタイルのカスタム有無
-	 * @param {string} _flg 
-	 * @param {string|boolean} _defaultSet デフォルト値
-	 * @param {string} _displayText 
-	 * @returns {string}
-	 */
-	const withOptions = (_flg, _defaultSet, _displayText = _flg) =>
-		(_flg !== _defaultSet ? getStgDetailName(_displayText) : ``);
-
-	const withDisplays = (_flg, _defaultSet, _displayText = _flg) =>
-	(_flg !== _defaultSet
-		? getStgDetailName(_displayText) + (_flg === C_FLG_OFF ? `` : ` : ${getStgDetailName(_flg)}`) : ``);
-
-	// 譜面名の組み立て処理 (Ex: 9Akey / Normal-Leftless (maker) [X-Mirror])
-	const keyUnitName = getStgDetailName(getKeyUnitName(g_keyObj.currentKey));
-	const difDatas = [
-		`${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyName} ${keyUnitName} / ${g_headerObj.difLabels[g_stateObj.scoreId]}`,
-		`${withOptions(g_autoPlaysBase.includes(g_stateObj.autoPlay), true, `-${getStgDetailName(g_stateObj.autoPlay)}${getStgDetailName('less')}`)}`,
-		`${withOptions(g_headerObj.makerView, false, `(${g_headerObj.creatorNames[g_stateObj.scoreId]})`)}`,
-		`${withOptions(g_stateObj.shuffle, C_FLG_OFF, `[${shuffleName}]`)}`
-	];
-	let difData = difDatas.filter(value => value !== ``).join(` `);
-	const difDataForImage = difDatas.filter((value, j) => value !== `` && j !== 2).join(` `);
-
-	// 設定の組み立て処理 (Ex: 4x, Brake, Reverse, Sudden+, NoRecovery)
-	let playStyleData = [
-		`${g_stateObj.speed}${g_lblNameObj.multi}`,
-		withOptions(g_stateObj.motion, C_FLG_OFF),
-		`${withOptions(g_stateObj.reverse, C_FLG_OFF,
-			getStgDetailName(g_stateObj.scroll !== '---' ? 'R-' : 'Reverse'))}${withOptions(g_stateObj.scroll, '---')}`,
-		withOptions(g_stateObj.appearance, `Visible`),
-		withOptions(g_stateObj.gauge, g_settings.gauges[0]),
-		withOptions(g_stateObj.playWindow, `Default`),
-		withOptions(g_stateObj.stepArea, `Default`),
-		withOptions(g_stateObj.frzReturn, C_FLG_OFF, `FR:${g_stateObj.frzReturn}`),
-		withOptions(g_stateObj.shaking, C_FLG_OFF),
-		withOptions(g_stateObj.effect, C_FLG_OFF),
-		withOptions(g_stateObj.camoufrage, C_FLG_OFF, `Cmf:${g_stateObj.camoufrage}`),
-		withOptions(g_stateObj.swapping, C_FLG_OFF, `Swap:${g_stateObj.swapping}`),
-		withOptions(g_stateObj.judgRange, `Normal`, `Judg:${g_stateObj.judgRange}`),
-	].filter(value => value !== ``).join(`, `);
-
-	// Display設定の組み立て処理 (Ex: Step : FlatBar, Judge, Life : OFF)
-	let displayData = [
-		withDisplays(g_stateObj.d_stepzone, C_FLG_ON, g_lblNameObj.rd_StepZone),
-		withDisplays(g_stateObj.d_judgment, C_FLG_ON, g_lblNameObj.rd_Judgment),
-		withDisplays(g_stateObj.d_fastslow, C_FLG_ON, g_lblNameObj.rd_FastSlow),
-		withDisplays(g_stateObj.d_lifegauge, C_FLG_ON, g_lblNameObj.rd_LifeGauge),
-		withDisplays(g_stateObj.d_score, C_FLG_ON, g_lblNameObj.rd_Score),
-		withDisplays(g_stateObj.d_musicinfo, C_FLG_ON, g_lblNameObj.rd_MusicInfo),
-		withDisplays(g_stateObj.d_filterline, C_FLG_ON, g_lblNameObj.rd_FilterLine),
-	].filter(value => value !== ``).join(`, `);
-	if (displayData === ``) {
-		displayData = `All Visible`;
-	} else {
-		// 表示設定のOFF項目を末尾にまとめる
-		const displayList = displayData.split(`, `).sort((a, b) => b.includes(`:`) - a.includes(`:`));
-		displayData = displayList.join(`, `);
-		if (!displayList.at(-1).includes(`:`)) {
-			displayData += ` : ${getStgDetailName(C_FLG_OFF)}`;
-		}
-	}
-
-	let display2Data = [
-		withDisplays(g_stateObj.d_speed, C_FLG_ON, g_lblNameObj.rd_Speed),
-		withDisplays(g_stateObj.d_color, C_FLG_ON, g_lblNameObj.rd_Color),
-		withDisplays(g_stateObj.d_lyrics, C_FLG_ON, g_lblNameObj.rd_Lyrics),
-		withDisplays(g_stateObj.d_background, C_FLG_ON, g_lblNameObj.rd_Background),
-		withDisplays(g_stateObj.d_arroweffect, C_FLG_ON, g_lblNameObj.rd_ArrowEffect),
-		withDisplays(g_stateObj.d_special, C_FLG_ON, g_lblNameObj.rd_Special),
-	].filter(value => value !== ``).join(`, `);
-	if (display2Data !== ``) {
-		// 表示設定のOFF項目を末尾にまとめる
-		const display2List = display2Data.split(`, `).sort((a, b) => b.includes(`:`) - a.includes(`:`));
-		display2Data = display2List.join(`, `);
-		if (!display2List.at(-1).includes(`:`)) {
-			display2Data += ` : ${getStgDetailName(C_FLG_OFF)}`;
-		}
-	}
+	const settingData = getSelectedSettingList(shuffleName);
 
 	const [lblRX, dataRX] = [20, 60];
 	multiAppend(playDataWindow,
@@ -14361,12 +14340,12 @@ const resultInit = () => {
 		makeCssResultPlayData(`lblMusicData`, dataRX, g_cssObj.result_style, 0, mTitleForView[0]),
 		makeCssResultPlayData(`lblMusicData2`, dataRX, g_cssObj.result_style, 1, mTitleForView[1]),
 		makeCssResultPlayData(`lblDifficulty`, lblRX, g_cssObj.result_lbl, 2, g_lblNameObj.rt_Difficulty, C_ALIGN_LEFT),
-		makeCssResultPlayData(`lblDifData`, dataRX, g_cssObj.result_style, 2, difData),
+		makeCssResultPlayData(`lblDifData`, dataRX, g_cssObj.result_style, 2, settingData.difData),
 		makeCssResultPlayData(`lblStyle`, lblRX, g_cssObj.result_lbl, 3, g_lblNameObj.rt_Style, C_ALIGN_LEFT),
-		makeCssResultPlayData(`lblStyleData`, dataRX, g_cssObj.result_style, 3, playStyleData),
+		makeCssResultPlayData(`lblStyleData`, dataRX, g_cssObj.result_style, 3, settingData.playStyleData),
 		makeCssResultPlayData(`lblDisplay`, lblRX, g_cssObj.result_lbl, 4, g_lblNameObj.rt_Display, C_ALIGN_LEFT),
-		makeCssResultPlayData(`lblDisplayData`, dataRX, g_cssObj.result_style, 4, displayData),
-		makeCssResultPlayData(`lblDisplay2Data`, dataRX, g_cssObj.result_style, 5, display2Data),
+		makeCssResultPlayData(`lblDisplayData`, dataRX, g_cssObj.result_style, 4, settingData.displayData),
+		makeCssResultPlayData(`lblDisplay2Data`, dataRX, g_cssObj.result_style, 5, settingData.display2Data),
 	);
 
 	// 設定項目が多い場合に2行に分解して表示する処理
@@ -14690,7 +14669,7 @@ const resultInit = () => {
 				g_localStorage.highscores[scoreName].dateTime = currentDateTime;
 				g_localStorage.highscores[scoreName].rankMark = rankMark;
 				g_localStorage.highscores[scoreName].rankColor = rankColor;
-				g_localStorage.highscores[scoreName].playStyle = playStyleData;
+				g_localStorage.highscores[scoreName].playStyle = settingData.playStyleData;
 
 				g_localStorage.highscores[scoreName].fast = g_resultObj.fast;
 				g_localStorage.highscores[scoreName].slow = g_resultObj.slow;
@@ -14764,6 +14743,7 @@ const resultInit = () => {
 	// X (Twitter)用リザルト
 	// スコアを上塗りする可能性があるため、カスタムイベント後に配置
 	const hashTag = (hasVal(g_headerObj.hashTag) ? ` ${g_headerObj.hashTag}` : ``);
+	const keyUnitName = getStgDetailName(getKeyUnitName(g_keyObj.currentKey));
 	const keyUnitAbbName = keyUnitName.slice(0, 1) || ``;
 	let tweetDifData = `${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyName}${getStgDetailName(keyUnitAbbName + '-')}${g_headerObj.difLabels[g_stateObj.scoreId]}${assistFlg}`;
 	if (g_stateObj.shuffle !== `OFF`) {
@@ -14785,7 +14765,8 @@ const resultInit = () => {
 	const resultParams = {
 		tuning: g_headerObj.tuning,
 		highscore: g_resultObj,
-		hashTag, musicTitle, tweetDifData, playStyleData, rankMark,
+		playStyleData: settingData.playStyleData,
+		hashTag, musicTitle, tweetDifData, rankMark,
 		tweetExcessive, tweetFrzJdg, tweetMaxCombo, baseTwitUrl
 	};
 	let tweetResultTmp = makeResultText(g_headerObj.resultFormat, resultParams);
@@ -14832,13 +14813,13 @@ const resultInit = () => {
 		drawText(unEscapeHtml(mTitleForView[1]), { hy: 2 });
 		drawText(`${getEmojiForCanvas(g_emojiObj.memo)} ${unEscapeHtml(g_headerObj.tuning)} / ${getEmojiForCanvas(g_emojiObj.musical)} ${unEscapeHtml(artistName)}`,
 			{ hy: mTitleForView[1] !== `` ? 3 : 2, siz: 12 });
-		drawText(unEscapeHtml(difDataForImage), { hy: 4 });
+		drawText(unEscapeHtml(settingData.difDataForImage), { hy: 4 });
 
-		if (playStyleData.length > 60) {
-			drawText(playStyleData.slice(0, playStyleBreakNum), { hy: 5, siz: getFontSize2(playStyleData.slice(0, playStyleBreakNum), 370) });
-			drawText(playStyleData.slice(playStyleBreakNum), { hy: 6, siz: getFontSize2(playStyleData.slice(playStyleBreakNum), 370) });
+		if (settingData.playStyleData.length > 60) {
+			drawText(settingData.playStyleData.slice(0, playStyleBreakNum), { hy: 5, siz: getFontSize2(settingData.playStyleData.slice(0, playStyleBreakNum), 370) });
+			drawText(settingData.playStyleData.slice(playStyleBreakNum), { hy: 6, siz: getFontSize2(settingData.playStyleData.slice(playStyleBreakNum), 370) });
 		} else {
-			drawText(playStyleData, { hy: 5, siz: getFontSize2(lblStyleData.textContent, 370, { maxSiz: 15 }) });
+			drawText(settingData.playStyleData, { hy: 5, siz: getFontSize2(settingData.playStyleData, 370, { maxSiz: 15 }) });
 		}
 		Object.keys(jdgScoreObj).forEach(score => {
 			drawText(g_lblNameObj[`j_${score}`], { hy: 7 + jdgScoreObj[score].pos, color: jdgScoreObj[score].dfColor });
@@ -14983,7 +14964,7 @@ const resultInit = () => {
 	makeResultSprite.style.pointerEvents = g_headerObj.maskresultButton ? C_DIS_AUTO : C_DIS_NONE;
 
 	// リザルトモーションの0フレーム対応
-	g_animationData.filter(sprite => g_scoreObj[`${sprite}ResultFrameNum`] === 0 && g_headerObj[`${sprite}ResultData`][0] !== undefined)
+	g_animationData.filter(sprite => g_scoreObj[`${sprite}ResultFrameNum`] === 0 && g_headerObj[`${sprite}ResultData`]?.[0] !== undefined)
 		.forEach(sprite => {
 			g_scoreObj[`${sprite}ResultFrameNum`] = g_animationFunc.draw[sprite](0, `result`, sprite);
 			g_headerObj[`${sprite}ResultData`][0] = undefined;
@@ -15032,6 +15013,99 @@ const resultInit = () => {
 	g_skinJsObj.result.forEach(func => func());
 };
 
+/**
+ * 選択した設定の情報を取得
+ * @param {string} _shuffleName 
+ * @returns {object}
+ */
+const getSelectedSettingList = (_shuffleName) => {
+
+	const transKeyName = getTransKeyName();
+	/**
+	 * プレイスタイルのカスタム有無
+	 * @param {string} _flg 
+	 * @param {string|boolean} _defaultSet デフォルト値
+	 * @param {string} _displayText 
+	 * @returns {string}
+	 */
+	const withOptions = (_flg, _defaultSet, _displayText = _flg) =>
+		(_flg !== _defaultSet ? getStgDetailName(_displayText) : ``);
+
+	const withDisplays = (_flg, _defaultSet, _displayText = _flg) =>
+	(_flg !== _defaultSet
+		? getStgDetailName(_displayText) + (_flg === C_FLG_OFF ? `` : ` : ${getStgDetailName(_flg)}`) : ``);
+
+	// 譜面名の組み立て処理 (Ex: 9Akey / Normal-Leftless (maker) [X-Mirror])
+	const keyUnitName = getStgDetailName(getKeyUnitName(g_keyObj.currentKey));
+	const difDatas = [
+		`${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyName} ${keyUnitName} / ${g_headerObj.difLabels[g_stateObj.scoreId]}`,
+		`${withOptions(g_autoPlaysBase.includes(g_stateObj.autoPlay), true, `-${getStgDetailName(g_stateObj.autoPlay)}${getStgDetailName('less')}`)}`,
+		`${withOptions(g_headerObj.makerView, false, `(${g_headerObj.creatorNames[g_stateObj.scoreId]})`)}`,
+		`${withOptions(g_stateObj.shuffle, C_FLG_OFF, `[${_shuffleName}]`)}`
+	];
+	let difData = difDatas.filter(value => value !== ``).join(` `);
+	const difDataForImage = difDatas.filter((value, j) => value !== `` && j !== 2).join(` `);
+
+	// 設定の組み立て処理 (Ex: 4x, Brake, Reverse, Sudden+, NoRecovery)
+	let playStyleData = [
+		`${g_stateObj.speed}${g_lblNameObj.multi}`,
+		withOptions(g_stateObj.motion, C_FLG_OFF),
+		`${withOptions(g_stateObj.reverse, C_FLG_OFF,
+			getStgDetailName(g_stateObj.scroll !== '---' ? 'R-' : 'Reverse'))}${withOptions(g_stateObj.scroll, '---')}`,
+		withOptions(g_stateObj.appearance, `Visible`) +
+		((g_appearanceRanges.includes(g_stateObj.appearance) && g_stateObj.filterLock === C_FLG_ON) ? `(${g_hidSudObj.filterPos}%)` : ``),
+		withOptions(g_stateObj.gauge, g_settings.gauges[0]),
+		withOptions(g_stateObj.playWindow, `Default`),
+		withOptions(g_stateObj.stepArea, `Default`),
+		withOptions(g_stateObj.frzReturn, C_FLG_OFF, `FR:${g_stateObj.frzReturn}`),
+		withOptions(g_stateObj.shaking, C_FLG_OFF),
+		withOptions(g_stateObj.effect, C_FLG_OFF),
+		withOptions(g_stateObj.camoufrage, C_FLG_OFF, `Cmf:${g_stateObj.camoufrage}`),
+		withOptions(g_stateObj.swapping, C_FLG_OFF, `Swap:${g_stateObj.swapping}`),
+		withOptions(g_stateObj.judgRange, `Normal`, `Judg:${g_stateObj.judgRange}`),
+	].filter(value => value !== ``).join(`, `);
+
+	// Display設定の組み立て処理 (Ex: Step : FlatBar, Judge, Life : OFF)
+	let displayData = [
+		withDisplays(g_stateObj.d_stepzone, C_FLG_ON, g_lblNameObj.rd_StepZone),
+		withDisplays(g_stateObj.d_judgment, C_FLG_ON, g_lblNameObj.rd_Judgment),
+		withDisplays(g_stateObj.d_fastslow, C_FLG_ON, g_lblNameObj.rd_FastSlow),
+		withDisplays(g_stateObj.d_lifegauge, C_FLG_ON, g_lblNameObj.rd_LifeGauge),
+		withDisplays(g_stateObj.d_score, C_FLG_ON, g_lblNameObj.rd_Score),
+		withDisplays(g_stateObj.d_musicinfo, C_FLG_ON, g_lblNameObj.rd_MusicInfo),
+		withDisplays(g_stateObj.d_filterline, C_FLG_ON, g_lblNameObj.rd_FilterLine),
+	].filter(value => value !== ``).join(`, `);
+	if (displayData === ``) {
+		displayData = `All Visible`;
+	} else {
+		// 表示設定のOFF項目を末尾にまとめる
+		const displayList = displayData.split(`, `).sort((a, b) => b.includes(`:`) - a.includes(`:`));
+		displayData = displayList.join(`, `);
+		if (!displayList.at(-1).includes(`:`)) {
+			displayData += ` : ${getStgDetailName(C_FLG_OFF)}`;
+		}
+	}
+
+	let display2Data = [
+		withDisplays(g_stateObj.d_speed, C_FLG_ON, g_lblNameObj.rd_Speed),
+		withDisplays(g_stateObj.d_color, C_FLG_ON, g_lblNameObj.rd_Color),
+		withDisplays(g_stateObj.d_lyrics, C_FLG_ON, g_lblNameObj.rd_Lyrics),
+		withDisplays(g_stateObj.d_background, C_FLG_ON, g_lblNameObj.rd_Background),
+		withDisplays(g_stateObj.d_arroweffect, C_FLG_ON, g_lblNameObj.rd_ArrowEffect),
+		withDisplays(g_stateObj.d_special, C_FLG_ON, g_lblNameObj.rd_Special),
+	].filter(value => value !== ``).join(`, `);
+	if (display2Data !== ``) {
+		// 表示設定のOFF項目を末尾にまとめる
+		const display2List = display2Data.split(`, `).sort((a, b) => b.includes(`:`) - a.includes(`:`));
+		display2Data = display2List.join(`, `);
+		if (!display2List.at(-1).includes(`:`)) {
+			display2Data += ` : ${getStgDetailName(C_FLG_OFF)}`;
+		}
+	}
+
+	return { difData, difDataForImage, playStyleData, displayData, display2Data };
+};
+
 /**
  * リザルトフォーマットの整形処理
  * @param {string} _format 

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2026/02/21 (v44.4.0)
+ * Revised : 2026/02/23 (v44.5.0)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -375,6 +375,27 @@ const updateWindowSiz = () => {
             x: g_btnX(), y: 5, w: g_btnWidth(1 / 5), h: 16, siz: 12,
             title: g_msgObj.dataSave, borderStyle: `solid`,
         },
+        btnSettingSummary: {
+            x: g_btnX(), y: g_sHeight - 200, w: g_limitObj.setMiniWidth / 2, h: 100,
+        },
+        lblSummaryHeader: {
+            x: 0, y: 0, w: 150, h: 20, siz: 16, align: C_ALIGN_LEFT,
+        },
+        lblSummaryEnvironment: {
+            x: 150, y: 5, w: g_btnWidth() - 200, h: 20, siz: 12, align: C_ALIGN_LEFT,
+        },
+        lblSummaryDifInfo: {
+            x: 0, y: 20, w: g_btnWidth() - 50, h: 20, siz: 12, align: C_ALIGN_LEFT,
+        },
+        lblSummaryPlaystyleInfo: {
+            x: 0, y: 35, w: g_btnWidth() - 50, h: 20, siz: 12, align: C_ALIGN_LEFT,
+        },
+        lblSummaryDisplayInfo: {
+            x: 0, y: 50, w: g_btnWidth() - 50, h: 20, siz: 12, align: C_ALIGN_LEFT,
+        },
+        lblSummaryDisplay2Info: {
+            x: 0, y: 65, w: g_btnWidth() - 50, h: 20, siz: 12, align: C_ALIGN_LEFT,
+        },
 
         lblMusicInfo: {
             x: g_btnX(1 / 4), y: 0, w: g_btnWidth(3 / 4), h: 20, align: C_ALIGN_RIGHT
@@ -1112,6 +1133,7 @@ const g_stateObj = {
     dataSaveFlg: true,
     scoreDetailViewFlg: false,
     scoreDetail: `Speed`,
+    settingSummaryVisible: false,
 
     d_stepzone: C_FLG_ON,
     d_judgment: C_FLG_ON,
@@ -1347,6 +1369,7 @@ const g_moveSettingWindow = (_changePageFlg = true, _direction = 1) => {
         g_settings.settingWindowNum = nextPos(g_settings.settingWindowNum, _direction, g_settings.settingWindows.length);
     }
     g_settings.settingWindows[g_settings.settingWindowNum]();
+    updateSettingSummary();
 };
 
 /**
@@ -2365,6 +2388,7 @@ const g_shortcutObj = {
         ShiftLeft_Tab: { id: `btnBack` },
         ShiftRight_Tab: { id: `btnBack` },
         Tab: { id: `btnDisplay` },
+        KeyU: { id: `btnSettingSummary` },
     },
     difSelector: {
         ShiftLeft_KeyD: { id: `lnkDifficultyL` },
@@ -2397,6 +2421,7 @@ const g_shortcutObj = {
         ShiftLeft_Tab: { id: `btnBack` },
         ShiftRight_Tab: { id: `btnBack` },
         Tab: { id: `btnDisplay` },
+        KeyU: { id: `btnSettingSummary` },
     },
     settingsDisplay: {
         ShiftLeft_KeyA: { id: `lnkAppearanceL` },
@@ -2504,6 +2529,7 @@ const g_shortcutObj = {
         ShiftLeft_Tab: { id: `btnBack` },
         ShiftRight_Tab: { id: `btnBack` },
         Tab: { id: `btnSettings` },
+        KeyU: { id: `btnSettingSummary` },
     },
     exSetting: {
         ShiftLeft_KeyP: { id: `lnkPlayWindowL` },
@@ -2533,6 +2559,7 @@ const g_shortcutObj = {
         ShiftLeft_Tab: { id: `btnBack` },
         ShiftRight_Tab: { id: `btnBack` },
         Tab: { id: `btnexSetting` },
+        KeyU: { id: `btnSettingSummary` },
     },
     keyConfig: {
         Escape: { id: `btnBack` },
@@ -2594,10 +2621,10 @@ const g_btnPatterns = {
     title: { Start: 0, Comment: -10, MusicSelectRandom: -10 },
     dataMgt: { Back: 0, Environment: -35, Highscores: -35, CustomKey: -35, Others: -35 },
     precondition: { Back: 0 },
-    option: { Back: 0, KeyConfig: 0, Play: 0, Display: -5, Save: -10, Graph: -25 },
-    difSelector: {},
-    settingsDisplay: { Back: 0, KeyConfig: 0, Play: 0, Save: -10, Settings: -5 },
-    exSetting: { Back: 0, KeyConfig: 0, Play: 0, exSetting: -5, Save: -10 },
+    option: { Back: 0, KeyConfig: 0, Play: 0, Display: -5, Save: -10, Graph: -25, SettingSummary: -10 },
+    difSelector: { SettingSummary: -10 },
+    settingsDisplay: { Back: 0, KeyConfig: 0, Play: 0, Save: -10, Settings: -5, SettingSummary: -10 },
+    exSetting: { Back: 0, KeyConfig: 0, Play: 0, exSetting: -5, Save: -10, SettingSummary: -10 },
     loadingIos: { Play: 0 },
     keyConfig: { Back: -3, Play: 0 },
     result: { Back: -5, Copy: -5, Tweet: -5, Gitter: -5, Retry: 0, GaugeTransition: -15 },
@@ -4024,6 +4051,7 @@ const g_lblNameObj = {
     percent: `%`,
     pixel: `px`,
     filterLock: `Lock`,
+    settingSummary: `Setting Summary`,
 
     sc_speed: `←→`,
     sc_scroll: `R/<br>↑↓`,

package/package.json

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