danoniplus 48.5.2 → 49.1.0

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2026/06/23
+ * Revised : 2026/07/02
  *
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 48.5.2`;
-const g_revisedDate = `2026/06/23`;
+const g_version = `Ver 49.1.0`;
+const g_revisedDate = `2026/07/02`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -1492,6 +1492,53 @@ const getEmojiForCanvas = _str => {
 	return result;
 };
 
+/**
+ * 複数行に跨る可能性のある文字列を、改行タグ付きの文字列とフォントサイズに変換
+ * @param {string} _targetStr 
+ * @param {number} _maxWidth 
+ * @param {object} object
+ * @param {string} [object.font=getBasicFont()]
+ * @param {number} [object.maxSiz=14]
+ * @param {number} [object.minSiz=5]
+ * @param {number} [object.maxSizMulti=maxSiz]
+ * @param {string} [object.prefix='']
+ * @param {number} [object.len=30]
+ * @param {string} [object.delim=' ']
+ * @returns {[string, number]}
+ */
+const getFontSizeMulti = (_targetStr, _maxWidth, { font = getBasicFont(),
+	maxSiz = 14, minSiz = 5, maxSizMulti = maxSiz, prefix = ``, len = 20, delim = ` ` } = {}) => {
+
+	// _targetStr が長い場合のみ、その中身を 2つ に分解する
+	if (_targetStr.length > len) {
+		let breakNum = -1;
+		const halfIndex = Math.floor(_targetStr.length / 2);
+
+		// 文字列の中央から前に向かってスペースを探す
+		for (let j = halfIndex; j > 0; j--) {
+			if (_targetStr[j] === delim) {
+				breakNum = j;
+				break;
+			}
+		}
+		// スペースがなければ、中央（よりやや左）で強制分割
+		if (breakNum === -1) {
+			breakNum = halfIndex;
+		}
+		const isSpace = _targetStr[breakNum] === delim;
+		const firstPart = _targetStr.slice(0, breakNum);
+		const secondPart = _targetStr.slice(isSpace ? breakNum + delim.length : breakNum);
+
+		// 難易度名の中に <br> を仕込む
+		_targetStr = `${firstPart}<br>${secondPart}`;
+	}
+
+	// 3. 最終的な文字列を結合（prefix と難易度名の1つ目の塊が1行目になる）
+	const fullStr = `${prefix}${_targetStr}`;
+
+	return [fullStr, getFontSize2(fullStr, _maxWidth, { font, maxSiz: _targetStr.includes(`<br>`) ? maxSizMulti : maxSiz, minSiz })];
+};
+
 /**
  * 指定した横幅に合ったフォントサイズを取得
  * @param {string} _str 
@@ -1502,8 +1549,16 @@ const getEmojiForCanvas = _str => {
  * @returns {number}
  */
 const getFontSize2 = (_str, _maxWidth, { font = getBasicFont(), maxSiz = 14, minSiz = 5 } = {}) => {
+	// 文字列を改行で分割（null/undefined 対策も含む）
+	const lines = _str ? _str.split('<br>') : [];
+	if (lines.length === 0) return maxSiz;
+
+	// 大きいサイズから順に試す
 	for (let siz = maxSiz; siz >= minSiz; siz--) {
-		if (_maxWidth >= getStrWidth(getLongestStr(_str?.split(`<br>`)), siz, font)) {
+		// すべての行が _maxWidth 以内に収まるかチェック
+		const isFitAllLines = lines.every(line => _maxWidth >= getStrWidth(line, siz, font));
+
+		if (isFitAllLines) {
 			return siz;
 		}
 	}
@@ -2459,7 +2514,7 @@ const drawTitleResultMotion = _displayName =>
 // WebAudioAPIでAudio要素風に再生するクラス
 class AudioPlayer {
 	constructor() {
-		this._context = new AudioContext();
+		this._context = getSharedAudioContext();
 		this._gain = this._context.createGain();
 		this._gain.connect(this._context.destination);
 		this._startTime = 0;
@@ -2507,11 +2562,8 @@ class AudioPlayer {
 	}
 
 	close() {
-		if (this._context) {
-			this._context.close()?.catch(() => {/* ignore double-close */ });
-			this._buffer = null;
-		}
 		if (this._source) {
+			this._source.stop(0);
 			this._source.disconnect(this._gain);
 			this._source = null;
 		}
@@ -2586,10 +2638,33 @@ class AudioPlayer {
 		this._eventListeners[_type] = this._eventListeners[_type].filter(_element => _element !== _listener);
 	}
 
+	getBuffer() {
+		return this._buffer;
+	}
+
+	setBuffer(_buffer) {
+		this._buffer = _buffer;
+		this._duration = _buffer.duration;
+		this._eventListeners[`canplaythrough`]?.forEach(_listener => _listener());
+	}
+
 	load() { }
 	dispatchEvent() { }
 }
 
+// グローバルで1つだけ保持(遅延生成)
+let g_sharedAudioContext = null;
+const getSharedAudioContext = () => {
+	if (!g_sharedAudioContext) {
+		g_sharedAudioContext = new AudioContext();
+	}
+	// タブのバックグラウンド化等でsuspendedになることがあるため念のためresume
+	if (g_sharedAudioContext.state === `suspended`) {
+		g_sharedAudioContext.resume();
+	}
+	return g_sharedAudioContext;
+};
+
 /**
  * クリップボードコピー関数
  * 入力値をクリップボードへコピーし、メッセージを表示
@@ -6315,23 +6390,22 @@ const playBGM = async (_num, _currentLoopNum = g_settings.musicLoopNum) => {
 
 	if (encodeFlg) {
 		try {
-			// base64エンコードは読込に時間が掛かるため、曲変更時のみ読込
-			if (!hasVal(g_musicdata) || Math.abs(_num) % g_headerObj.musicIdxList.length !== 0) {
-				closeExistingAudio();
+			closeExistingAudio();
+			if (g_audioBufferCache.has(url)) {
+				const tmpAudio = new AudioPlayer();
+				tmpAudio.setBuffer(g_audioBufferCache.get(url)); // 新設メソッド、decode不要
+				g_audioForMS = tmpAudio;
+			} else {
 				await loadScript2(url);
 				musicInit();
-				if (!isTitle()) {
-					g_musicdata = ``;
-					return;
-				}
+				if (!isTitle()) { g_musicdata = ``; return; }
+
 				const tmpAudio = new AudioPlayer();
-				const array = Uint8Array.from(atob(g_musicdata), v => v.charCodeAt(0));
+				const array = base64ToUint8Array(g_musicdata);
 				await tmpAudio.init(array.buffer);
-				if (!isTitle()) {
-					g_musicdata = ``;
-					tmpAudio.close();
-					return;
-				}
+				if (!isTitle()) { g_musicdata = ``; tmpAudio.close(); return; }
+
+				cacheAudioBuffer(url, tmpAudio.getBuffer());
 				g_audioForMS = tmpAudio;
 			}
 			g_audioForMS.volume = g_stateObj.bgmVolume / 100;
@@ -7179,12 +7253,21 @@ const makeDifList = (_difList, _targetKey = ``) => {
 	g_headerObj.viewLists.forEach(j => {
 		const keyLabel = g_headerObj.keyLabels[j];
 		if (_targetKey === `` || keyLabel === _targetKey) {
-			let text = `${getKeyName(keyLabel)} / ${g_headerObj.difLabels[j]}`;
+
+			// 譜面名の表示
+			const prefix = `${getKeyName(keyLabel)} / `;
+			let text = `${g_headerObj.difLabels[j]}`;
 			if (g_headerObj.makerView) {
 				text += ` (${g_headerObj.creatorNames[j]})`;
 			}
-			_difList.appendChild(makeDifLblCssButton(`dif${k}`, text, k, () => nextDifficulty(j - g_stateObj.scoreId),
-				{ btnStyle: (j === g_stateObj.scoreId ? `Setting` : `Default`) }));
+			// キー種と譜面名に分割し、譜面名が長すぎる場合は二段に分割して表示
+			const [difText, difSiz] = getFontSizeMulti(text, g_limitObj.difSelectorWidth, {
+				maxSiz: g_limitObj.difSelectorSiz, maxSizMulti: 9, prefix, len: 30,
+			})
+			_difList.appendChild(makeDifLblCssButton(`dif${k}`, difText, k, () => nextDifficulty(j - g_stateObj.scoreId), {
+				btnStyle: (j === g_stateObj.scoreId ? `Setting` : `Default`), siz: difSiz,
+			}));
+			document.getElementById(`dif${k}`).style.lineHeight = `9px`;
 			if (j === g_stateObj.scoreId) {
 				pos = k + 6.5 * (g_sHeight - 239) / 261;
 				curk = k;
@@ -8136,9 +8219,14 @@ const setDifficulty = (_initFlg) => {
 	const difWidth = parseFloat(lnkDifficulty.style.width) - 20;
 	const transKeyName = getTransKeyName();
 	const keyUnitName = getStgDetailName(getKeyUnitName(g_keyObj.currentKey));
-	const difNames = [`${getKeyName(g_keyObj.currentKey)}${transKeyName} ${keyUnitName} / ${g_headerObj.difLabels[g_stateObj.scoreId]}`];
-	lnkDifficulty.style.fontSize = wUnit(getFontSize2(difNames[0], difWidth, { maxSiz: g_limitObj.setLblSiz }));
 
+	const prefix = `${getKeyName(g_keyObj.currentKey)}${transKeyName} ${keyUnitName} / `;
+	let difLabel = `${g_headerObj.difLabels[g_stateObj.scoreId]}`;
+
+	const [difName, difSiz] = getFontSizeMulti(difLabel, difWidth, { maxSiz: g_limitObj.setLblSiz, prefix });
+	lnkDifficulty.style.fontSize = wUnit(difSiz);
+
+	const difNames = [difName];
 	if (g_headerObj.makerView) {
 		difNames.push(`(${g_headerObj.creatorNames[g_stateObj.scoreId]})`);
 		difNames.forEach((difName, j) => {
@@ -8998,6 +9086,9 @@ const setExcessive = (_btn, _val) => {
 const getKeyCtrl = (_localStorage, _extraKeyName = ``) => {
 	g_keyObj.storagePtn = _localStorage[`keyCtrlPtn${_extraKeyName}`];
 	const basePtn = `${g_keyObj.currentKey}_${g_keyObj.storagePtn}`;
+	if (g_keyObj[`keyCtrl${basePtn}`] === undefined || hasVal(g_keyObj[`transKey${basePtn}`])) {
+		return;
+	}
 	const baseKeyNum = g_keyObj[`${g_keyObj.defaultProp}${basePtn}`].length;
 
 	if (_localStorage[`keyCtrl${_extraKeyName}`]?.[0].length > 0) {
@@ -10098,6 +10189,11 @@ const keyConfigInit = (_kcType = g_kcType, _initFlg = false) => {
 	// 譜面初期情報ロード許可フラグ
 	g_canLoadDifInfoFlg = false;
 
+	if (_initFlg) {
+		g_stateObj.keyLockFlg = false;
+		g_stateObj.kbPreviewFlg = false;
+	}
+
 	multiAppend(divRoot,
 
 		// キーコンフィグ画面タイトル
@@ -10105,8 +10201,7 @@ const keyConfigInit = (_kcType = g_kcType, _initFlg = false) => {
 			`<div class="settings_Title">${g_lblNameObj.key}</div><div class="settings_Title2">${g_lblNameObj.config}</div>`
 				.replace(/[\t\n]/g, ``), 0, 15, g_cssObj.flex_centering),
 
-		createDescDiv(`kcDesc`, g_lblNameObj.kcDesc.split(`{0}`).join(g_kCd[C_KEY_RETRY])
-			.split(`{1}:`).join(g_isMac ? `` : `Delete:`)),
+		createDescDiv(`kcDesc`, getKcDescMsg()),
 
 		createDescDiv(`kcShuffleDesc`,
 			g_headerObj.shuffleUse && g_settings.shuffles.filter(val => val.endsWith(`+`)).length > 0
@@ -10236,11 +10331,24 @@ const keyConfigInit = (_kcType = g_kcType, _initFlg = false) => {
 	 * @param {number} _scrollNum 
 	 */
 	const changeTmpColor = (_j, _scrollNum = 1) => {
-		changeTmpData(`color`, g_headerObj.setColor.length, _j, _scrollNum);
-		const arrowColor = getKeyConfigColor(_j, g_keyObj[`color${keyCtrlPtn}`][_j]);
-		$id(`arrow${_j}`).background = arrowColor;
-		$id(`arrowShadow${_j}`).background = getShadowColor(g_keyObj[`color${keyCtrlPtn}`][_j], arrowColor);
+		const changeTmpOneColor = _idx => {
+			changeTmpData(`color`, g_headerObj.setColor.length, _idx, _scrollNum);
+			const arrowColor = getKeyConfigColor(_idx, g_keyObj[`color${keyCtrlPtn}`][_idx]);
+			$id(`arrow${_idx}`).background = arrowColor;
+			$id(`arrowShadow${_idx}`).background = getShadowColor(g_keyObj[`color${keyCtrlPtn}`][_idx], arrowColor);
+		};
 
+		if (g_stateObj.keyLockFlg && keyIsShift()) {
+			const tmpList = [];
+			g_keyObj[`color${keyCtrlPtn}`].forEach((val, idx) => {
+				if (val === g_keyObj[`color${keyCtrlPtn}`][_j]) {
+					tmpList.push(idx);
+				}
+			});
+			tmpList.forEach(idx => changeTmpOneColor(idx));
+		} else {
+			changeTmpOneColor(_j);
+		}
 		adjustScrollPoint(parseFloat($id(`arrow${_j}`).left));
 	};
 
@@ -10250,10 +10358,23 @@ const keyConfigInit = (_kcType = g_kcType, _initFlg = false) => {
 	 * @param {number} _scrollNum 
 	 */
 	const changeTmpShuffleNum = (_j, _scrollNum = 1) => {
-		const tmpShuffle = changeTmpData(`shuffle`, g_keyObj[`keyCtrl${keyCtrlPtn}`].length - 1, _j, _scrollNum);
-		document.getElementById(`sArrow${_j}`).textContent = tmpShuffle + 1;
+		const changeTmpOneShuffle = _idx => {
+			const tmpShuffle = changeTmpData(`shuffle`, g_keyObj[`keyCtrl${keyCtrlPtn}`].length - 1, _idx, _scrollNum);
+			document.getElementById(`sArrow${_idx}`).textContent = tmpShuffle + 1;
+			changeShuffleConfigColor(keyCtrlPtn, g_keyObj[`shuffle${keyCtrlPtn}_${g_keycons.shuffleGroupNum}`][_idx], _idx);
+		};
 
-		changeShuffleConfigColor(keyCtrlPtn, g_keyObj[`shuffle${keyCtrlPtn}_${g_keycons.shuffleGroupNum}`][_j], _j);
+		if (g_stateObj.keyLockFlg && keyIsShift()) {
+			const tmpList = [];
+			g_keyObj[`shuffle${keyCtrlPtn}`].forEach((val, idx) => {
+				if (val === g_keyObj[`shuffle${keyCtrlPtn}`][_j]) {
+					tmpList.push(idx);
+				}
+			});
+			tmpList.forEach(idx => changeTmpOneShuffle(idx));
+		} else {
+			changeTmpOneShuffle(_j);
+		}
 		adjustScrollPoint(parseFloat($id(`arrow${_j}`).left));
 	};
 
@@ -10941,17 +11062,30 @@ const keyConfigInit = (_kcType = g_kcType, _initFlg = false) => {
 			}
 		}, g_lblPosObj.btnKcReset, g_cssObj.button_Reset),
 
+		createCss2Button(`btnKeyLock`, getKeyLockName(), () => {
+			g_stateObj.keyLockFlg = !g_stateObj.keyLockFlg;
+			makeInfoWindow(g_msgInfoObj.I_0012.split(`{0}`).join(boolToSwitch(!g_stateObj.keyLockFlg)), `leftToRightFade`);
+			toggleKcDesc();
+		}, g_lblPosObj.btnKcKeyLock, g_cssObj.button_Mini),
+
 		// プレイ開始
 		makePlayButton(() => loadMusic())
 	);
+	toggleKcDesc();
 
 	// キーボード押下時処理
 	setShortcutEvent(g_currentPage, (kbCode) => {
+		const C_KEY_ESCAPE = 27;
+		const C_KEY_IME = 229;
 		const keyCdObj = document.getElementById(`keycon${g_currentj}_${g_currentk}`);
 		let setKey = g_kCdN.findIndex(kCd => kCd === kbCode);
 
-		const C_KEY_ESCAPE = 27;
-		const C_KEY_IME = 229;
+		if (g_stateObj.keyLockFlg) {
+			if (setKey === C_KEY_ESCAPE) {
+				btnBack.click();
+			}
+			return;
+		}
 
 		// 全角切替、BackSpace、Deleteキー、Escキーは割り当て禁止
 		// また、直前と同じキーを押した場合(BackSpaceを除く)はキー操作を無効にする
@@ -11032,11 +11166,33 @@ const keyConfigInit = (_kcType = g_kcType, _initFlg = false) => {
 		})
 	);
 
+	if (g_stateObj.kbPreviewFlg) {
+		btnKbPreview.click();
+	}
+
 	safeExecuteCustomHooks(`g_skinJsObj.keyconfig`, g_skinJsObj.keyconfig);
 	document.onkeyup = evt => commonKeyUp(evt);
 	document.oncontextmenu = () => false;
 };
 
+const toggleKcDesc = () => {
+	if (document.getElementById(`kcDesc`) !== null) {
+		kcDesc.textContent = getKcDescMsg();
+		kcDesc.style.fontSize = wUnit(getFontSize2(kcDesc.textContent, g_lblPosObj.kcDesc.w, { maxSiz: g_limitObj.mainSiz }));
+		kcDesc.classList.remove(g_cssObj.title_base, g_cssObj.keyconfig_Defaultkey);
+		kcDesc.classList.add(g_stateObj.keyLockFlg ? g_cssObj.keyconfig_Defaultkey : g_cssObj.title_base);
+		btnKeyLock.innerHTML = getKeyLockName();
+	}
+};
+
+const getKcDescMsg = () =>
+	g_stateObj.keyLockFlg
+		? g_lblNameObj.kcNonDesc
+		: g_lblNameObj.kcDesc.split(`{0}`).join(g_kCd[C_KEY_RETRY]).split(`{1}:`).join(g_isMac ? `` : `Delete:`);
+
+const getKeyLockName = () =>
+	`${g_lblNameObj.b_keyLock}${g_stateObj.keyLockFlg ? g_emojiObj.locked : g_emojiObj.unlocked}`;
+
 /**
  * キーボードレイアウトプレビュー（Canvas版）
  *
@@ -11612,7 +11768,9 @@ const keyconfigKeyboardPreview = (() => {
 
 		_state.visible = !_state.visible;
 		area.style.display = _state.visible ? `block` : `none`;
-
+		g_stateObj.kbPreviewFlg = _state.visible;
+		g_stateObj.keyLockFlg = _state.visible;
+		toggleKcDesc();
 		if (_state.visible) refresh();
 	};
 
@@ -11830,7 +11988,7 @@ const loadMusic = () => {
 			const blobUrl = URL.createObjectURL(request.response);
 			createEmptySprite(divRoot, `loader`, g_windowObj.loader);
 			lblLoading.textContent = g_lblNameObj.pleaseWait;
-			setAudio(blobUrl);
+			setAudio(blobUrl, url);
 		} else {
 			makeWarningWindow(`${g_msgInfoObj.E_0041.split('{0}').join(getFullPath(url))}<br>(${request.status} ${request.statusText})`, { backBtnUse: true });
 		}
@@ -11862,8 +12020,9 @@ const loadMusic = () => {
  * 音楽データの設定
  * iOSの場合はAudioタグによる再生
  * @param {string} _url 
+ * @param {string} _cacheKey 
  */
-const setAudio = async (_url) => {
+const setAudio = async (_url, _cacheKey = _url) => {
 
 	const loadMp3 = () => {
 		if (g_isFile) {
@@ -11895,7 +12054,7 @@ const setAudio = async (_url) => {
 		await loadScript2(_url);
 		if (typeof musicInit === C_TYP_FUNCTION) {
 			musicInit();
-			readyToStart(() => initWebAudioAPIfromBase64(g_musicdata));
+			readyToStart(() => initWebAudioAPIfromBase64(g_musicdata, _cacheKey));
 		} else {
 			makeWarningWindow(g_msgInfoObj.E_0031);
 			musicAfterLoaded();
@@ -11906,11 +12065,19 @@ const setAudio = async (_url) => {
 };
 
 // Base64から音声データに変換してWebAudioAPIで再生する準備
-const initWebAudioAPIfromBase64 = async (_base64) => {
+const initWebAudioAPIfromBase64 = async (_base64, _cacheKey) => {
 	g_audio = new AudioPlayer();
 	musicAfterLoaded();
-	const array = Uint8Array.from(atob(_base64), v => v.charCodeAt(0))
+
+	if (_cacheKey && g_audioBufferCache.has(_cacheKey)) {
+		g_audio.setBuffer(g_audioBufferCache.get(_cacheKey)); // デコード完全スキップ
+		return;
+	}
+	const array = base64ToUint8Array(_base64);
 	await g_audio.init(array.buffer);
+	if (_cacheKey) {
+		cacheAudioBuffer(_cacheKey, g_audio.getBuffer());
+	}
 };
 
 // 音声ファイルを読み込んでWebAudioAPIで再生する準備
@@ -11922,6 +12089,26 @@ const initWebAudioAPIfromURL = async (_url) => {
 	await g_audio.init(arrayBuffer);
 };
 
+const g_audioBufferCache = new Map();
+const AUDIO_CACHE_MAX = 5;
+
+const cacheAudioBuffer = (_key, _buffer) => {
+	g_audioBufferCache.set(_key, _buffer);
+	if (g_audioBufferCache.size > AUDIO_CACHE_MAX) {
+		g_audioBufferCache.delete(g_audioBufferCache.keys().next().value); // 古い順に破棄
+	}
+};
+
+const base64ToUint8Array = (_base64Str) => {
+	const binaryStr = atob(_base64Str);
+	const len = binaryStr.length;
+	const array = new Uint8Array(len);
+	for (let i = 0; i < len; i++) {
+		array[i] = binaryStr.charCodeAt(i);
+	}
+	return array;
+};
+
 const musicAfterLoaded = () => {
 	g_audio.load();
 
@@ -16725,7 +16912,8 @@ 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, settingData.difData),
+		makeCssResultPlayData(`lblDifData`, dataRX, g_cssObj.result_style, 2, settingData.difData, C_ALIGN_CENTER,
+			{ siz: getFontSize2(settingData.difData, 350) }),
 		makeCssResultPlayData(`lblStyle`, lblRX, g_cssObj.result_lbl, 3, g_lblNameObj.rt_Style, C_ALIGN_LEFT),
 		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),
@@ -16734,21 +16922,9 @@ const resultInit = () => {
 	);
 
 	// 設定項目が多い場合に2行に分解して表示する処理
-	let playStyleBreakNum = lblStyleData.textContent.length;
-	if (lblStyleData.textContent.length > 60) {
-		for (let j = Math.floor(lblStyleData.textContent.length / 2); j > 0; j--) {
-			if (lblStyleData.textContent[j] === `,`) {
-				playStyleBreakNum = j + 2;
-				break;
-			}
-		}
-		lblStyleData.style.top = `${parseFloat(lblStyleData.style.top) - 3}px`;
-		lblStyleData.innerHTML = `${lblStyleData.textContent.slice(0, playStyleBreakNum)}<br>` +
-			`${lblStyleData.textContent.slice(playStyleBreakNum)}`;
-		lblStyleData.style.fontSize = `${getFontSize2(lblStyleData.textContent.slice(0, playStyleBreakNum), 350, { maxSiz: 10 })}px`;
-	} else {
-		lblStyleData.style.fontSize = `${getFontSize2(lblStyleData.textContent, 350)}px`;
-	}
+	const [styleStr, styleSiz] = getFontSizeMulti(settingData.playStyleData, 350, { maxSizMulti: 10, len: 60 });
+	lblStyleData.innerHTML = styleStr;
+	lblStyleData.style.fontSize = wUnit(styleSiz);
 
 	/**
 	 * キャラクタ、スコア描画のID共通部、色CSS名、スコア変数名
@@ -17182,6 +17358,7 @@ const resultInit = () => {
 		const artistName = g_headerObj.artistNames[g_headerObj.musicNos[g_stateObj.scoreId]] || g_headerObj.artistName;
 		const logicalWidth = 400;
 		const logicalHeight = g_sHeight - 90;
+		const flapWidth = 370;
 
 		canvas.id = `resultImage`;
 		canvas.width = logicalWidth * g_dpr;
@@ -17210,13 +17387,14 @@ 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(settingData.difDataForImage), { hy: 4 });
+		drawText(unEscapeHtml(settingData.difDataForImage), { hy: 4, siz: getFontSize2(settingData.difDataForImage, flapWidth) });
 
 		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) });
+			const strs = styleStr.split(`<br>`);
+			drawText(strs[0], { hy: 5, siz: getFontSize2(strs[0], flapWidth) });
+			drawText(strs[1], { hy: 6, siz: getFontSize2(strs[1], flapWidth) });
 		} else {
-			drawText(settingData.playStyleData, { hy: 5, siz: getFontSize2(settingData.playStyleData, 370, { maxSiz: 15 }) });
+			drawText(settingData.playStyleData, { hy: 5, siz: getFontSize2(settingData.playStyleData, flapWidth, { maxSiz: 15 }) });
 		}
 		Object.keys(jdgScoreObj).forEach(score => {
 			drawText(g_lblNameObj[`j_${score}`], { hy: 7 + jdgScoreObj[score].pos, color: jdgScoreObj[score].dfColor });

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2026/06/14 (v48.5.0)
+ * Revised : 2026/06/23 (v49.0.0)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -640,6 +640,10 @@ const updateWindowSiz = () => {
             x: g_btnX() + Math.floor((g_btnWidth() - 80) / 2), y: 3, w: 80, h: 18, siz: 11,
             title: g_msgObj.displayPreview,
         },
+        btnKcKeyLock: {
+            x: g_btnX() + Math.floor((g_btnWidth() - 80) / 2) + 90, y: 3, w: 80, h: 18, siz: 11,
+            title: g_msgObj.keyLock,
+        },
 
         btnKcBack: {
             x: g_btnX(1 / 3), y: g_sHeight - 75,
@@ -1062,6 +1066,8 @@ const g_emojiObj = {
     memo: `📝`,        // メモ (memo)
     musical: `🎵`,     // 音符 (musical note)
     camera: `📷`,      // カメラ (camera)
+    locked: `🔒`,      // 鍵 (locked)
+    unlocked: `🔓`,    // 鍵開 (unlocked)
 };
 
 /** 設定・オプション画面用共通 */
@@ -1284,6 +1290,9 @@ const g_stateObj = {
     rotateEnabled: true,
     flatStepHeight: C_ARW_WIDTH,
 
+    keyLockFlg: false,
+    kbPreviewFlg: false,
+
     dm_environment: C_FLG_OFF,
     dm_highscores: C_FLG_OFF,
     dm_customKey: C_FLG_OFF,
@@ -3597,7 +3606,7 @@ const g_keyObj = {
     // - _0 の数字部分をカウントアップすることで実現できる。
     keyCtrl5_1: [[`Space`], [`Left`], [`Down`], [`Up`], [`Right`]],
     keyCtrl7_1: [[`S`], [`E`], [`F`], [`Space`, `G`, `H`], [`J`], [`I`], [`L`]],
-    keyCtrl8_1: [[`Enter`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`]],
+    keyCtrl8_1: [[`Tab`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`]],
     keyCtrl9A_1: [[`S`], [`D`], [`E`, `R`], [`F`], [`Space`], [`Left`], [`Down`], [`Up`], [`Right`]],
     keyCtrl9i_1: [[`A`], [`S`], [`D`], [`F`], [`Space`], [`Left`], [`Down`], [`Up`], [`Right`]],
     keyCtrl11_1: [[`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`], [`Left`], [`Down`], [`Up`], [`Right`]],
@@ -3658,7 +3667,7 @@ const g_keyObj = {
     // ショートカットキーコード
     keyRetry: 8,            // 8: Backspace
     keyRetry8_0: 9,         // 9: Tab
-    keyRetry8_1: 9,
+    keyRetry8_1: 8,         // 8: Backspace
     keyRetry11j_0: 123,     // 123: F12
 
     keyTitleBack: 46,       // 46: Delete
@@ -3666,9 +3675,8 @@ const g_keyObj = {
 
     // 別キー
     transKey8_2: '12',
-    transKey15A_1: '',
-    transKey15B_0: '',
-    transKey15B_1: '',
+    transKey15A_1: '15B',   // 15A/15Bはキーパターンをコピーして生成するため、transKeyを明示的に指定
+    transKey15B_0: '',      // 15A/15Bはキーパターンをコピーして生成するため、transKeyを明示的に指定
 
     // キー置換用(ParaFla版との互換)
     keyTransPattern: {
@@ -4461,6 +4469,7 @@ const g_lang_msgInfoObj = {
         I_0006: `ローカルストレージ情報をクリップボードにコピーしました！`,
         I_0007: `オブジェクト情報をクリップボードにコピーしました！`,
         I_0011: `指定した部分キーが未定義のため、画面表示できません。設定を見直してください。`,
+        I_0012: `キー割り当てモードを{0}に変更しました。`,
     },
     En: {
         W_0001: `Your browser is not guaranteed to work.<br>
@@ -4511,6 +4520,7 @@ const g_lang_msgInfoObj = {
         I_0006: `Local storage information copied to clipboard!`,
         I_0007: `Object information copied to clipboard!`,
         I_0011: `The specified partial key is undefined and cannot be displayed on the screen. Please review your settings.`,
+        I_0012: `Key assignment mode changed to {0}.`,
     },
 };
 
@@ -4566,6 +4576,7 @@ const g_lblNameObj = {
     b_close: `Close`,
     b_cReset: `Reset`,
     b_precond: `Precondition`,
+    b_keyLock: `KeyLock`,
 
     Difficulty: `Difficulty`,
     Speed: `Speed`,
@@ -4818,6 +4829,7 @@ const g_lang_lblNameObj = {
         dataDeleteONDesc: `セーフモード適用中はデータ消去は行えません。変更するにはセーフモードを解除してください`,
 
         kcDesc: `[{0}:スキップ / {1}:(代替キーのみ)キー無効化]`,
+        kcNonDesc: `キー割り当て無効化中です。解除するには「KeyLock」を押してください`,
         kcShuffleDesc: `番号をクリックでシャッフルグループ、矢印をクリックでカラーグループを変更`,
         kcNoShuffleDesc: `矢印をクリックでカラーグループを変更`,
         sdDesc: `[クリックでON/OFFを切替、灰色でOFF]`,
@@ -4881,6 +4893,7 @@ const g_lang_lblNameObj = {
         dataDeleteONDesc: `Data erasure cannot be performed while safe mode is applied. <br>Please deactivate the safe mode to change the data.`,
 
         kcDesc: `[{0}:Skip / {1}:Key invalidation (Alternate keys only)]`,
+        kcNonDesc: `Key assignments are currently disabled. Press "KeyLock" to disable this setting.`,
         kcShuffleDesc: `Click the number to change the shuffle group, and click the arrow to change the color.`,
         kcNoShuffleDesc: `Click the arrow to change the color group.`,
         sdDesc: `[Click to switch, gray to OFF]`,
@@ -5052,6 +5065,7 @@ const g_lang_msgObj = {
         stepRtnGroup: `矢印などノーツの種類、回転に関するパターンを切り替えます。\nあらかじめ設定されている場合のみ変更可能です。`,
         kcReset: `対応するキーの割り当てを元に戻します。`,
         kcPreview: `キーボードレイアウトのプレビューを表示/非表示します。`,
+        keyLock: `キー割り当ての有効/無効を切り替えます。\n無効化時はシフトキー+番号/矢印クリックで同一グループの矢印群をまとめてグループ変更できます。`,
 
         pickArrow: `色番号ごとの矢印色（枠、塗りつぶし）、通常時のフリーズアロー色（枠、帯）を\nカラーピッカーから選んで変更できます。`,
         pickColorR: `設定する矢印色の種類を切り替えます。`,
@@ -5159,6 +5173,7 @@ const g_lang_msgObj = {
         stepRtnGroup: `Switches the type of notes, such as arrows, and the pattern regarding rotation.\nThis can only be changed if it has been set in advance.`,
         kcReset: `Restores the corresponding key assignments.`,
         kcPreview: `Show/hide the preview of the keyboard layout.`,
+        keyLock: `Toggles key assignments on or off. \nWhen disabled, you can use the Shift key plus a number or arrow key \nto change the group of all arrows in the same group at once.`,
 
         pickArrow: `Change the frame or fill of arrow color and the frame or bar of normal freeze-arrow color\nfor each color number from the color picker.`,
         pickColorR: `Switches the arrow color type to be set.`,

package/package.json

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