danoniplus 48.4.2 → 48.5.1

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2026/06/05
+ * Revised : 2026/06/15
  *
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 48.4.2`;
-const g_revisedDate = `2026/06/06`;
+const g_version = `Ver 48.5.1`;
+const g_revisedDate = `2026/06/15`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -2763,6 +2763,10 @@ const initialControl = async () => {
 			.sort((a, b) => parseInt(a) - parseInt(b));
 	}
 
+	// ラベルテキスト、オンマウステキスト、確認メッセージ定義の上書き設定
+	Object.assign(g_lblNameObj, g_lang_lblNameObj[g_localeObj.val], g_presetObj.lblName?.[g_localeObj.val]);
+	Object.assign(g_msgObj, g_lang_msgObj[g_localeObj.val], g_presetObj.msg?.[g_localeObj.val]);
+
 	// デフォルトのカラー・シャッフルグループ設定を退避
 	g_keycons.groups.forEach(type =>
 		Object.keys(g_keyObj).filter(val => val.startsWith(type))
@@ -3933,10 +3937,6 @@ const headerConvert = _dosObj => {
 		g_imgObj.titleArrow = C_IMG_ARROW;
 	}
 
-	// ラベルテキスト、オンマウステキスト、確認メッセージ定義の上書き設定
-	Object.assign(g_lblNameObj, g_lang_lblNameObj[g_localeObj.val], g_presetObj.lblName?.[g_localeObj.val]);
-	Object.assign(g_msgObj, g_lang_msgObj[g_localeObj.val], g_presetObj.msg?.[g_localeObj.val]);
-
 	// 自動横幅拡張設定
 	obj.autoSpread = setBoolVal(_dosObj.autoSpread, g_presetObj.autoSpread ?? true);
 
@@ -5447,6 +5447,10 @@ const keysConvert = (_dosObj, { keyExtraList = _dosObj.keyExtraList?.split(`,`)
 			// 位置マニュアル化 (initManualX)
 			g_keyObj[`initManual${newKey}`] = setBoolVal(_dosObj[`initManual${newKey}`] ?? g_keyObj[`initManual${newKey}`], false);
 
+			// カスタムキーの説明ページ（keyHelpJaX / keyHelpEnX）
+			Object.keys(g_lang_lblNameObj).forEach(lang =>
+				g_lang_lblNameObj[lang][`keyHelp${newKey}`] = _dosObj[`keyHelp${lang}${newKey}`] ?? _dosObj[`keyHelp${newKey}`] ?? ``);
+
 			// キーコンフィグ (keyCtrlX_Y)
 			g_keyObj.minPatterns = newKeyMultiParam(newKey, `keyCtrl`, toKeyCtrlArray, {
 				errCd: `E_0104`, baseCopyFlg: true,
@@ -8111,6 +8115,20 @@ const setDifficulty = (_initFlg) => {
 	g_settings.scrollNum = getCurrentNo(g_settings.scrolls, g_stateObj.scroll);
 	g_settings.autoPlayNum = getCurrentNo(g_settings.autoPlays, g_stateObj.autoPlay);
 
+
+	// 選択中のキーのヘルプ表示
+	const targetKeymode = hasVal(g_keyObj[`transKey${g_keyObj.currentKey}_${g_keyObj.currentPtn}`])
+		? g_keyObj[`transKey${g_keyObj.currentKey}_${g_keyObj.currentPtn}`] : g_keyObj.currentKey;
+	btnKeymodeHelp.classList.remove(g_cssObj.button_Setting, g_cssObj.button_Tweet);
+	btnKeymodeHelp.classList.add(
+		g_cssObj[`button_${targetKeymode !== g_keyObj.currentKey
+			&& (g_keyObj.defaultKeyList.includes(targetKeymode) || g_lblNameObj[`keyHelp${targetKeymode}`]) ? `Tweet` : `Setting`}`]
+	);
+	btnKeymodeHelp.style.display = (
+		g_keyObj.defaultKeyList.includes(targetKeymode) || g_lblNameObj[`keyHelp${targetKeymode}`]
+			? `` : C_DIS_NONE
+	);
+
 	// ---------------------------------------------------
 	// 3. 名称の設定
 
@@ -8225,8 +8243,18 @@ const createOptionWindow = _sprite => {
 	);
 	createScText(spriteList.difficulty, `Difficulty`);
 	if (g_headerObj.difSelectorUse) {
-		createScText(spriteList.difficulty, `DifficultyList`, { x: 147, y: -10, targetLabel: `lnkDifficulty` });
-	}
+		createScText(spriteList.difficulty, `DifficultyList`, { x: 154, y: -10, targetLabel: `lnkDifficulty` });
+	}
+	multiAppend(difficultySprite,
+		createCss2Button(`btnKeymodeHelp`, `?`, () => {
+			const targetKeymode = hasVal(g_keyObj[`transKey${g_keyObj.currentKey}_${g_keyObj.currentPtn}`])
+				? g_keyObj[`transKey${g_keyObj.currentKey}_${g_keyObj.currentPtn}`] : g_keyObj.currentKey;
+			openLink(
+				g_keyObj.defaultKeyList.includes(targetKeymode)
+					? g_lblNameObj.keymodeUrl + targetKeymode
+					: g_lblNameObj[`keyHelp${targetKeymode}`]);
+		}, g_lblPosObj.btnKeymodeHelp, g_cssObj.button_Setting),
+	)
 
 	// ---------------------------------------------------
 	// ハイスコア機能実装時に使用予定のスペース
@@ -8462,13 +8490,19 @@ const createOptionWindow = _sprite => {
 
 	const viewAdjustment = () => {
 		if (g_headerObj.playbackRate !== 1) {
-			const adjustmentVal = isLocalMusicFile(g_stateObj.scoreId) ?
-				Math.round(g_stateObj.adjustment / g_headerObj.playbackRate) :
-				(g_stateObj.adjustment / g_headerObj.playbackRate).toFixed(1);
-			document.getElementById(`lnkAdjustment`).innerHTML = `${adjustmentVal}${g_lblNameObj.frame}`
-				+ `<span style="font-size:${g_limitObj.adjustmentViewOrgSiz}px"> (${g_stateObj.adjustment.toFixed(1)}${g_localStorage.adjustment === g_stateObj.adjustment ? '*' : ''})</span>`;
-			document.getElementById(`lnkAdjustment`).style.fontSize = `${g_limitObj.adjustmentViewSiz}px`;
-			document.getElementById(`lnkAdjustment`).style.lineHeight = `${g_limitObj.adjustmentLineHeight}px`;
+			const adjustmentVal = isLocalMusicFile(g_stateObj.scoreId)
+				? Math.round(g_stateObj.adjustment / g_headerObj.playbackRate)
+				: (g_stateObj.adjustment / g_headerObj.playbackRate).toFixed(1);
+			document.getElementById(`lnkAdjustment`).textContent = ``;
+			if (document.getElementById(`lnkAdjustment1`) === null) {
+				multiAppend(
+					adjustmentSprite,
+					createDivCss2Label(`lnkAdjustment1`, ``, g_lblPosObj.lnkAdjustment1),
+					createDivCss2Label(`lnkAdjustment2`, ``, g_lblPosObj.lnkAdjustment2),
+				);
+			}
+			document.getElementById(`lnkAdjustment1`).textContent = `${adjustmentVal}${g_lblNameObj.frame}`;
+			document.getElementById(`lnkAdjustment2`).textContent = `(${g_stateObj.adjustment.toFixed(1)}${g_localStorage.adjustment === g_stateObj.adjustment ? '*' : ''})`;
 		}
 	};
 	viewAdjustment();
@@ -10628,7 +10662,7 @@ const keyConfigInit = (_kcType = g_kcType, _initFlg = false) => {
 	 * ColorPicker（一式）の切替
 	 */
 	const changeColorPickers = () => {
-		lnkColorR.innerHTML = `[${g_keycons.colorCursorNum + 1} /`;
+		lnkColorR.textContent = `[${g_keycons.colorCursorNum + 1} /`;
 		for (let j = 0; j < g_limitObj.kcColorPickerNum; j++) {
 			const m = getGroupNum(j);
 			changeColorPicker(j, `arrow`, g_headerObj.setColor[m]);
@@ -16282,23 +16316,41 @@ const judgeArrow = _j => {
  * @param {number} _justFrames Fast/Slowの表示条件フレーム数
  */
 const displayDiff = (_difFrame, _fjdg = ``, _justFrames = g_headerObj.justFrames) => {
-	let diffJDisp = ``;
 	g_workObj.diffList.push(_difFrame);
+
 	const difCnt = Math.abs(_difFrame);
+	const diffJ = document.getElementById(`diff${_fjdg}J`);
+
+	let text = ``;
+	let activeClass = ``;
+
+	// 1. 各条件の処理
 	if (_difFrame > g_judgObj.arrowJ[g_judgPosObj.shobon]) {
-		diffJDisp = `<span class="common_excessive">Excessive</span>`;
+		text = `Excessive`;
+		activeClass = g_cssObj.common_Excessive;
 		g_resultObj.excessive++;
 		lifeDamage(true);
+
 	} else if (_difFrame > _justFrames) {
-		diffJDisp = `<span class="common_diffFast">Fast ${difCnt} Frames</span>`;
+		text = `Fast ${difCnt} Frames`;
+		activeClass = g_cssObj.common_diffFast;
 		g_resultObj.fast++;
 		quickRetry(`Fast/Slow`);
-	} else if (_difFrame < _justFrames * (-1)) {
-		diffJDisp = `<span class="common_diffSlow">Slow ${difCnt} Frames</span>`;
+
+	} else if (_difFrame < _justFrames * -1) {
+		text = `Slow ${difCnt} Frames`;
+		activeClass = g_cssObj.common_diffSlow;
 		g_resultObj.slow++;
 		quickRetry(`Fast/Slow`);
+
+	}
+
+	// 2. DOMへの反映
+	diffJ.textContent = text;
+	diffJ.classList.value = ``;
+	if (activeClass) {
+		diffJ.classList.add(activeClass);
 	}
-	document.getElementById(`diff${_fjdg}J`).innerHTML = diffJDisp;
 };
 
 /**
@@ -16368,8 +16420,11 @@ const lifeDamage = (_excessive = false) => {
 const changeJudgeCharacter = (_name, _character, _fjdg = ``) => {
 	g_resultObj[_name]++;
 	g_currentArrows++;
-	document.getElementById(`chara${_fjdg}J`).innerHTML = `<span class="common_${_name}">${_character}</span>`;
-	document.getElementById(`chara${_fjdg}J`).setAttribute(`cnt`, C_FRM_JDGMOTION);
+	const jdgJ = document.getElementById(`chara${_fjdg}J`);
+	jdgJ.classList.value = ``;
+	jdgJ.classList.add(g_cssObj[`common_${_name}`]);
+	jdgJ.textContent = _character;
+	jdgJ.setAttribute(`cnt`, C_FRM_JDGMOTION);
 	document.getElementById(`lbl${toCapitalize(_name)}`).textContent = g_resultObj[_name];
 };
 

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2026/06/02 (v48.4.0)
+ * Revised : 2026/06/14 (v48.5.0)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -424,6 +424,10 @@ const updateWindowSiz = () => {
             x: 70, y: 65, w: g_btnWidth() - 120, h: 20, siz: 12, align: C_ALIGN_LEFT,
         },
 
+        btnKeymodeHelp: {
+            x: 150, y: -10, w: 15, h: 30, siz: 16, title: g_msgObj.keymodeHelp,
+            border: `solid 1px #666666`, borderRadius: 5,
+        },
         lblMusicInfo: {
             x: g_btnX(1 / 4), y: 0, w: g_btnWidth(3 / 4), h: 20, align: C_ALIGN_RIGHT
         },
@@ -449,6 +453,14 @@ const updateWindowSiz = () => {
         lblFadeinBar: {
             x: g_limitObj.setLblLeft, y: 0, type: `range`,
         },
+        lnkAdjustment1: {
+            x: g_limitObj.setLblLeft, y: -3, w: g_limitObj.setLblWidth, h: g_limitObj.setLblHeight,
+            siz: g_limitObj.adjustmentViewSiz,
+        },
+        lnkAdjustment2: {
+            x: g_limitObj.setLblLeft, y: 10, w: g_limitObj.setLblWidth, h: g_limitObj.setLblHeight,
+            siz: g_limitObj.adjustmentViewOrgSiz,
+        },
 
         /** 設定: 譜面明細子画面 */
         lblTooldif: {
@@ -2717,6 +2729,8 @@ const g_shortcutObj = {
         ShiftLeft_KeyD: { id: `lnkDifficultyL` },
         ShiftRight_KeyD: { id: `lnkDifficultyL` },
         KeyD: { id: `lnkDifficultyR` },
+        Slash: { id: `btnKeymodeHelp`, reset: true },
+        F1: { id: `btnKeymodeHelp`, reset: true },
 
         ShiftLeft_ArrowRight: { id: `lnkSpeedR` },
         ShiftRight_ArrowRight: { id: `lnkSpeedR` },
@@ -4860,6 +4874,7 @@ const g_lang_lblNameObj = {
 
         helpUrl: `https://github.com/cwtickle/danoniplus/wiki/AboutGameSystem`,
         securityUrl: `https://github.com/cwtickle/danoniplus/security/policy`,
+        keymodeUrl: `https://github.com/cwtickle/danoniplus/wiki/Keys-`,
     },
     En: {
         dataDeleteOFFDesc: `Select the type of data you wish to delete and press "Reset".`,
@@ -4922,6 +4937,7 @@ const g_lang_lblNameObj = {
 
         helpUrl: `https://github.com/cwtickle/danoniplus-docs/wiki/AboutGameSystem`,
         securityUrl: `https://github.com/cwtickle/danoniplus-docs/wiki/SecurityPolicy`,
+        keymodeUrl: `https://github.com/cwtickle/danoniplus-docs/wiki/Keys-`,
     },
 };
 
@@ -4972,6 +4988,8 @@ const g_lang_msgObj = {
         fadein: `譜面を途中から再生します。\n途中から開始した場合はハイスコアを保存しません。`,
         volume: `ゲーム内の音量を設定します。`,
 
+        keymodeHelp: `現在選択中の譜面のキータイプの説明ページへリンクします（外部リンク）`,
+
         graph: `譜面密度や速度変化状況、\n譜面の難易度などの情報を表示します。`,
         dataSave: `ハイスコア、リバース設定、\nキーコンフィグの保存の有無を設定します。`,
         toDisplay: `プレイ画面上のオブジェクトの\n表示・非表示（一部透明度）を設定します。`,
@@ -5078,6 +5096,8 @@ const g_lang_msgObj = {
         fadein: `Plays the chart from the middle.\nIf you start in the middle, the high score will not be saved.`,
         volume: `Set the in-game volume.`,
 
+        keymodeHelp: `Go to the explanation page for the key type of the currently selected chart (External Link).`,
+
         graph: `Displays detailed information about the chart, such as chart's density status, sequences' velocity changes, and chart's difficulty.`,
         dataSave: `Set whether to save the high score, reverse setting, and key config.`,
         toDisplay: `Set the display or non-display (partial transparency) of objects on the play screen.`,

package/package.json

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