danoniplus 47.6.4 → 48.1.0

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2026/05/13 (v47.6.1)
+ * Revised : 2026/05/20 (v48.1.0)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -102,33 +102,33 @@ const g_limitObj = {
 const g_settingPos = {
     dataMgt: {},
     option: {
-        difficulty: { heightPos: 0, y: -5, dw: 0, dh: 10 },
-        speed: { heightPos: 2, y: 0, dw: 0, dh: 0 },
-        motion: { heightPos: 3, y: 0, dw: 0, dh: 0 },
-        reverse: { heightPos: 4, y: 0, dw: 0, dh: 0 },
-        scroll: { heightPos: 4, y: 0, dw: 0, dh: 0 },
-        shuffle: { heightPos: 5.5, y: 0, dw: 0, dh: 0 },
-        autoPlay: { heightPos: 6.5, y: 0, dw: 0, dh: 0 },
-        gauge: { heightPos: 7.5, y: 0, dw: 0, dh: 0 },
-        adjustment: { heightPos: 10.5, y: 0, dw: 0, dh: 0 },
-        fadein: { heightPos: 11.5, y: 0, dw: 0, dh: 0 },
-        volume: { heightPos: 12.5, y: 0, dw: 0, dh: 0 },
+        difficulty: { heightPos: 0, y: -5, dh: 10 },
+        speed: { heightPos: 2 },
+        motion: { heightPos: 3 },
+        reverse: { heightPos: 4 },
+        scroll: { heightPos: 4 },
+        shuffle: { heightPos: 5.5 },
+        autoPlay: { heightPos: 6.5 },
+        gauge: { heightPos: 7.5 },
+        adjustment: { heightPos: 10.5 },
+        fadein: { heightPos: 11.5 },
+        volume: { heightPos: 12.5 },
     },
     settingsDisplay: {
-        appearance: { heightPos: 7.4, y: 10, dw: 0, dh: 0 },
-        opacity: { heightPos: 9, y: 10, dw: 0, dh: 0 },
-        hitPosition: { heightPos: 10, y: 10, dw: 0, dh: 0 },
+        appearance: { heightPos: 5.8, y: 10 },
+        opacity: { heightPos: 7.4, y: 10 },
+        hitPosition: { heightPos: 8.4, y: 10 },
     },
     exSetting: {
-        playWindow: { heightPos: 0, y: 0, dw: 0, dh: 0 },
-        stepArea: { heightPos: 1, y: 0, dw: 0, dh: 0 },
-        frzReturn: { heightPos: 2.5, y: 0, dw: 0, dh: 0 },
-        shaking: { heightPos: 3.5, y: 0, dw: 0, dh: 0 },
-        effect: { heightPos: 5, y: 0, dw: 0, dh: 0 },
-        camoufrage: { heightPos: 6, y: 0, dw: 0, dh: 0 },
-        swapping: { heightPos: 7, y: 0, dw: 0, dh: 0 },
-        judgRange: { heightPos: 8.5, y: 0, dw: 0, dh: 0 },
-        autoRetry: { heightPos: 12.5, y: 0, dw: 0, dh: 0 },
+        playWindow: { heightPos: 0 },
+        stepArea: { heightPos: 1 },
+        frzReturn: { heightPos: 2.5 },
+        shaking: { heightPos: 3.5 },
+        effect: { heightPos: 5 },
+        camoufrage: { heightPos: 6 },
+        swapping: { heightPos: 7 },
+        judgRange: { heightPos: 8.5 },
+        autoRetry: { heightPos: 12.5 },
     },
 };
 
@@ -211,7 +211,7 @@ const updateWindowSiz = () => {
         difList: { x: 165, y: 60, w: 280, h: 270 + g_sHeight - 500, overflow: C_DIS_AUTO, pointerEvents: C_DIS_AUTO },
         difCover: { x: 20, y: 60, w: 145, h: 270 + g_sHeight - 500, opacity: 0.95, pointerEvents: C_DIS_AUTO },
         difFilter: { x: 0, y: 66, w: 140, h: 204 + g_sHeight - 500, overflow: C_DIS_AUTO, pointerEvents: C_DIS_AUTO },
-        displaySprite: { x: 25, y: 30, w: (g_sWidth - 450) / 2, h: g_limitObj.setLblHeight * 5 },
+        displaySprite: { x: 25, y: 25, w: (g_sWidth - 450) / 2, h: g_limitObj.setLblHeight * 5 },
         scoreDetail: { x: 20, y: 85, w: (g_sWidth - 500) / 2 + 420, h: 245 + g_sHeight - 500, visibility: `hidden`, pointerEvents: C_DIS_AUTO },
         detailMiniMapHeader: { x: 110, y: 0, w: (g_sWidth - 500) / 2 + 310, h: 15 },
         detailMiniMapSub: { x: 110, y: 15, w: (g_sWidth - 500) / 2 + 310, h: 230 + g_sHeight - 500, overflow: C_DIS_AUTO, pointerEvents: C_DIS_AUTO },
@@ -536,13 +536,29 @@ const updateWindowSiz = () => {
             x: g_limitObj.setLblLeft + g_limitObj.setLblWidth - 40, y: 0, w: 40, h: g_limitObj.setLblHeight, siz: 12,
             borderStyle: `solid`,
         },
+        lblDisplayPreview: {
+            x: g_sWidth / 2 - 100, y: 0, w: 200, h: 20, siz: 24,
+        },
+        btnDisplayPreview: {
+            x: g_btnX() + Math.floor((g_btnWidth() - 80) / 2), y: 3, w: 80, h: 18, siz: 11,
+            title: g_msgObj.displayPreview,
+        },
+        lblDisplayPreviewMsg: {
+            x: g_btnX(), y: g_sHeight - 40, w: g_btnWidth(), h: 20, siz: 14,
+        },
+        previewCredit: {
+            siz: 13, color: `#cccccc`, align: C_ALIGN_LEFT,
+        },
 
         /** キーコンフィグ画面 */
         scKcMsg: {
             x: g_btnX(), y: g_sHeight - 50, w: g_btnWidth(1 / 4), h: 20,
         },
         kcMsg: {
-            x: g_btnX(), y: g_sHeight - 33, w: g_btnWidth(), h: 20, siz: g_limitObj.mainSiz,
+            x: g_btnX(), y: g_sHeight - 35, w: g_btnWidth(), h: 20, siz: g_limitObj.mainSiz,
+        },
+        kcMsg2: {
+            x: g_btnX(), y: g_sHeight - 20, w: g_btnWidth(), h: 20, siz: g_limitObj.mainSiz,
         },
         kcDesc: {
             x: g_btnX() + 50, y: 68, w: g_btnWidth() - 100, h: 20,
@@ -568,6 +584,10 @@ const updateWindowSiz = () => {
         lnkKeySwitch: {
             x: g_sWidth - 60, w: 50, h: 20, siz: 14,
         },
+        btnKbPreview: {
+            x: g_btnX() + Math.floor((g_btnWidth() - 80) / 2), y: 3, w: 80, h: 18, siz: 11,
+            title: g_msgObj.displayPreview,
+        },
 
         btnKcBack: {
             x: g_btnX(1 / 3), y: g_sHeight - 75,
@@ -1179,7 +1199,6 @@ const g_stateObj = {
 
     d_stepzone: C_FLG_ON,
     d_judgment: C_FLG_ON,
-    d_fastslow: C_FLG_ON,
     d_lifegauge: C_FLG_ON,
     d_musicinfo: C_FLG_ON,
     d_score: C_FLG_ON,
@@ -1188,7 +1207,6 @@ const g_stateObj = {
     d_color: C_FLG_ON,
     d_velocity: C_FLG_ON,
     d_arroweffect: C_FLG_ON,
-    d_lyrics: C_FLG_ON,
     d_background: C_FLG_ON,
     d_special: C_FLG_ON,
     appearance: `Visible`,
@@ -1348,18 +1366,18 @@ const g_settings = {
 
     // Display設定の拡張リスト
     d_stepZones: [`FlatBar`],
+    d_judgments: [`FastSlow`],
     d_velocitys: [`Extreme`, `Soft`],
+    d_backgrounds: [`Lyrics`],
 
     displayNum: {
         stepZone: 0,
         judgment: 0,
-        fastSlow: 0,
         lifeGauge: 0,
         score: 0,
         musicInfo: 0,
         velocity: 0,
         color: 0,
-        lyrics: 0,
         background: 0,
         arrowEffect: 0,
         special: 0,
@@ -2198,8 +2216,8 @@ const g_keycons = {
     colorCursorNum: 0,
 };
 
-let g_displays = [`stepZone`, `judgment`, `fastSlow`, `lifeGauge`, `score`, `musicInfo`, `filterLine`,
-    `velocity`, `color`, `lyrics`, `background`, `arrowEffect`, `special`];
+let g_displays = [`stepZone`, `judgment`, `lifeGauge`, `score`, `musicInfo`, `filterLine`,
+    `velocity`, `color`, `background`, `arrowEffect`, `special`];
 
 // ローカルストレージ保存対象
 let g_storeSettings = [`adjustment`, `volume`, `appearance`, `opacity`, `hitPosition`];
@@ -2274,6 +2292,8 @@ const g_posObj = {
 };
 
 const g_diffObj = {
+    arrowJdgX: 0,
+    frzJdgX: 0,
     arrowJdgY: 0,
     frzJdgY: 0,
 };
@@ -2829,6 +2849,7 @@ const g_shortcutObj = {
         KeyU: { id: `btnSettingSummary` },
     },
     settingsDisplay: {
+        KeyP: { id: `btnDisplayPreview` },
         ShiftLeft_KeyA: { id: `lnkAppearanceL` },
         ShiftRight_KeyA: { id: `lnkAppearanceL` },
         KeyA: { id: `lnkAppearanceR` },
@@ -2848,83 +2869,71 @@ const g_shortcutObj = {
         ShiftRight_Digit1: { id: `lnkstepZoneR` },
         ShiftLeft_Digit2: { id: `lnkjudgmentR` },
         ShiftRight_Digit2: { id: `lnkjudgmentR` },
-        ShiftLeft_Digit3: { id: `lnkfastSlowR` },
-        ShiftRight_Digit3: { id: `lnkfastSlowR` },
-        ShiftLeft_Digit4: { id: `lnklifeGaugeR` },
-        ShiftRight_Digit4: { id: `lnklifeGaugeR` },
-        ShiftLeft_Digit5: { id: `lnkscoreR` },
-        ShiftRight_Digit5: { id: `lnkscoreR` },
-        ShiftLeft_Digit6: { id: `lnkmusicInfoR` },
-        ShiftRight_Digit6: { id: `lnkmusicInfoR` },
-        ShiftLeft_Digit7: { id: `lnkfilterLineR` },
-        ShiftRight_Digit7: { id: `lnkfilterLineR` },
-        ShiftLeft_Digit8: { id: `lnkvelocityR` },
-        ShiftRight_Digit8: { id: `lnkvelocityR` },
-        ShiftLeft_Digit9: { id: `lnkcolorR` },
-        ShiftRight_Digit9: { id: `lnkcolorR` },
-        ShiftLeft_Digit0: { id: `lnklyricsR` },
-        ShiftRight_Digit0: { id: `lnklyricsR` },
-        ShiftLeft_Semicolon: { id: `lnkbackgroundR` },
-        ShiftRight_Semicolon: { id: `lnkbackgroundR` },
-        ShiftLeft_Minus: { id: `lnkarrowEffectR` },
-        ShiftRight_Minus: { id: `lnkarrowEffectR` },
-        ShiftLeft_Slash: { id: `lnkspecialR` },
-        ShiftRight_Slash: { id: `lnkspecialR` },
+        ShiftLeft_Digit3: { id: `lnklifeGaugeR` },
+        ShiftRight_Digit3: { id: `lnklifeGaugeR` },
+        ShiftLeft_Digit4: { id: `lnkscoreR` },
+        ShiftRight_Digit4: { id: `lnkscoreR` },
+        ShiftLeft_Digit5: { id: `lnkmusicInfoR` },
+        ShiftRight_Digit5: { id: `lnkmusicInfoR` },
+        ShiftLeft_Digit6: { id: `lnkfilterLineR` },
+        ShiftRight_Digit6: { id: `lnkfilterLineR` },
+        ShiftLeft_Digit7: { id: `lnkvelocityR` },
+        ShiftRight_Digit7: { id: `lnkvelocityR` },
+        ShiftLeft_Digit8: { id: `lnkcolorR` },
+        ShiftRight_Digit8: { id: `lnkcolorR` },
+        ShiftLeft_Digit9: { id: `lnkbackgroundR` },
+        ShiftRight_Digit9: { id: `lnkbackgroundR` },
+        ShiftLeft_Digit0: { id: `lnkarrowEffectR` },
+        ShiftRight_Digit0: { id: `lnkarrowEffectR` },
+        ShiftLeft_Semicolon: { id: `lnkspecialR` },
+        ShiftRight_Semicolon: { id: `lnkspecialR` },
 
         Digit1: { id: `lnkstepZone` },
         Digit2: { id: `lnkjudgment` },
-        Digit3: { id: `lnkfastSlow` },
-        Digit4: { id: `lnklifeGauge` },
-        Digit5: { id: `lnkscore` },
-        Digit6: { id: `lnkmusicInfo` },
-        Digit7: { id: `lnkfilterLine` },
-        Digit8: { id: `lnkvelocity` },
-        Digit9: { id: `lnkcolor` },
-        Digit0: { id: `lnklyrics` },
-        Semicolon: { id: `lnkbackground` },
-        Minus: { id: `lnkarrowEffect` },
-        Slash: { id: `lnkspecial` },
+        Digit3: { id: `lnklifeGauge` },
+        Digit4: { id: `lnkscore` },
+        Digit5: { id: `lnkmusicInfo` },
+        Digit6: { id: `lnkfilterLine` },
+        Digit7: { id: `lnkvelocity` },
+        Digit8: { id: `lnkcolor` },
+        Digit9: { id: `lnkbackground` },
+        Digit0: { id: `lnkarrowEffect` },
+        Semicolon: { id: `lnkspecial` },
 
         ShiftLeft_Numpad1: { id: `lnkstepZoneR` },
         ShiftRight_Numpad1: { id: `lnkstepZoneR` },
         ShiftLeft_Numpad2: { id: `lnkjudgmentR` },
         ShiftRight_Numpad2: { id: `lnkjudgmentR` },
-        ShiftLeft_Numpad3: { id: `lnkfastSlowR` },
-        ShiftRight_Numpad3: { id: `lnkfastSlowR` },
-        ShiftLeft_Numpad4: { id: `lnklifeGaugeR` },
-        ShiftRight_Numpad4: { id: `lnklifeGaugeR` },
-        ShiftLeft_Numpad5: { id: `lnkscoreR` },
-        ShiftRight_Numpad5: { id: `lnkscoreR` },
-        ShiftLeft_Numpad6: { id: `lnkmusicInfoR` },
-        ShiftRight_Numpad6: { id: `lnkmusicInfoR` },
-        ShiftLeft_Numpad7: { id: `lnkfilterLineR` },
-        ShiftRight_Numpad7: { id: `lnkfilterLineR` },
-        ShiftLeft_Numpad8: { id: `lnkvelocityR` },
-        ShiftRight_Numpad8: { id: `lnkvelocityR` },
-        ShiftLeft_Numpad9: { id: `lnkcolorR` },
-        ShiftRight_Numpad9: { id: `lnkcolorR` },
-        ShiftLeft_Numpad0: { id: `lnklyricsR` },
-        ShiftRight_Numpad0: { id: `lnklyricsR` },
-        ShiftLeft_NumpadAdd: { id: `lnkbackgroundR` },
-        ShiftRight_NumpadAdd: { id: `lnkbackgroundR` },
-        ShiftLeft_NumpadSubtract: { id: `lnkarrowEffectR` },
-        ShiftRight_NumpadSubtract: { id: `lnkarrowEffectR` },
-        ShiftLeft_NumpadDivide: { id: `lnkspecialR` },
-        ShiftRight_NumpadDivide: { id: `lnkspecialR` },
+        ShiftLeft_Numpad3: { id: `lnklifeGaugeR` },
+        ShiftRight_Numpad3: { id: `lnklifeGaugeR` },
+        ShiftLeft_Numpad4: { id: `lnkscoreR` },
+        ShiftRight_Numpad4: { id: `lnkscoreR` },
+        ShiftLeft_Numpad5: { id: `lnkmusicInfoR` },
+        ShiftRight_Numpad5: { id: `lnkmusicInfoR` },
+        ShiftLeft_Numpad6: { id: `lnkfilterLineR` },
+        ShiftRight_Numpad6: { id: `lnkfilterLineR` },
+        ShiftLeft_Numpad7: { id: `lnkvelocityR` },
+        ShiftRight_Numpad7: { id: `lnkvelocityR` },
+        ShiftLeft_Numpad8: { id: `lnkcolorR` },
+        ShiftRight_Numpad8: { id: `lnkcolorR` },
+        ShiftLeft_Numpad9: { id: `lnkbackgroundR` },
+        ShiftRight_Numpad9: { id: `lnkbackgroundR` },
+        ShiftLeft_Numpad0: { id: `lnkarrowEffectR` },
+        ShiftRight_Numpad0: { id: `lnkarrowEffectR` },
+        ShiftLeft_NumpadAdd: { id: `lnkspecialR` },
+        ShiftRight_NumpadAdd: { id: `lnkspecialR` },
 
         Numpad1: { id: `lnkstepZone` },
         Numpad2: { id: `lnkjudgment` },
-        Numpad3: { id: `lnkfastSlow` },
-        Numpad4: { id: `lnklifeGauge` },
-        Numpad5: { id: `lnkscore` },
-        Numpad6: { id: `lnkmusicInfo` },
-        Numpad7: { id: `lnkfilterLine` },
-        Numpad8: { id: `lnkvelocity` },
-        Numpad9: { id: `lnkcolor` },
-        Numpad0: { id: `lnklyrics` },
-        NumpadAdd: { id: `lnkbackground` },
-        NumpadSubtract: { id: `lnkarrowEffect` },
-        NumpadDivide: { id: `lnkspecial` },
+        Numpad3: { id: `lnklifeGauge` },
+        Numpad4: { id: `lnkscore` },
+        Numpad5: { id: `lnkmusicInfo` },
+        Numpad6: { id: `lnkfilterLine` },
+        Numpad7: { id: `lnkvelocity` },
+        Numpad8: { id: `lnkcolor` },
+        Numpad9: { id: `lnkbackground` },
+        Numpad0: { id: `lnkarrowEffect` },
+        NumpadAdd: { id: `lnkspecial` },
 
         KeyZ: { id: `btnSave` },
         Escape: { id: `btnBack` },
@@ -2936,6 +2945,16 @@ const g_shortcutObj = {
         Tab: { id: `btnSettings` },
         KeyU: { id: `btnSettingSummary` },
     },
+    displayPreview: {
+        KeyP: { id: `btnDisplayPreview2` },
+        Escape: { id: `btnBack` },
+        Space: { id: `btnKeyConfig` },
+        Enter: { id: `btnPlay` },
+        NumpadEnter: { id: `btnPlay` },
+        ShiftLeft_Tab: { id: `btnBack` },
+        ShiftRight_Tab: { id: `btnBack` },
+        Tab: { id: `btnSettings` },
+    },
     exSetting: {
         ShiftLeft_KeyP: { id: `lnkPlayWindowL` },
         ShiftRight_KeyP: { id: `lnkPlayWindowL` },
@@ -3062,6 +3081,7 @@ const g_mainRepeatObj = {
 // CSS名称
 const g_cssObj = {
     title_base: `title_base`,
+    settings_Display: `settings_Display`,
 
     settings_DifSelector: `settings_DifSelector`,
     settings_Disabled: `settings_Disabled`,
@@ -3097,6 +3117,8 @@ const g_cssObj = {
     life_Background: `life_Background`,
     life_Border: `life_Border`,
     life_BorderColor: `life_BorderColor`,
+    life_frzNormal: `life_frzNormal`,
+    life_frzActive: `life_frzActive`,
 
     result_lbl: `result_lbl`,
     result_style: `result_style`,
@@ -3118,6 +3140,11 @@ const g_cssObj = {
     common_excessive: `common_excessive`,
     common_estAdj: `common_estAdj`,
 
+    common_auto: `common_auto`,
+    common_shuffle: `common_shuffle`,
+    common_assist: `common_assist`,
+    common_another: `common_another`,
+
     result_score: `result_score`,
     result_scoreHiBlanket: `result_scoreHiBlanket`,
     result_scoreHi: `result_scoreHi`,
@@ -3835,6 +3862,8 @@ Object.keys(g_keyObj)
     .filter(key => key.startsWith(g_keyObj.defaultProp) && key.endsWith(`_0`))
     .forEach(key => g_keyObj.defaultKeyList.push(key.split(`_`)[0].slice(g_keyObj.defaultProp.length)));
 
+let g_baseColorGrs = {};
+
 // キーパターンのコピーリスト
 // ・コピー先：コピー元の順に指定する
 // ・上から順に処理する
@@ -4682,14 +4711,12 @@ const g_lblNameObj = {
 
     rd_StepZone: `Step`,
     rd_Judgment: `Judge`,
-    rd_FastSlow: `FS`,
     rd_LifeGauge: `Life`,
     rd_Score: `Score`,
     rd_MusicInfo: `MusicInfo`,
     rd_FilterLine: `Filter`,
     rd_Velocity: `Velocity`,
     rd_Color: `Color`,
-    rd_Lyrics: `Lyrics`,
     rd_Background: `Back`,
     rd_ArrowEffect: `Effect`,
     rd_Special: `SP`,
@@ -4719,7 +4746,11 @@ const g_lang_lblNameObj = {
         kcShortcutDesc1: `タイトルバック: {0}`,
         kcShortcutDesc2: `リトライ: {1}`,
         transKeyDesc: `別キーモードではキーコンフィグ、ColorType等は保存されません`,
+        colorTypeDesc: `現在のColorTypeの設定では、色変化(Display:Color)は自動的にOFFになります`,
         sdShortcutDesc: `Hid+/Sud+時ショートカット：「pageUp」カバーを上へ / 「pageDown」下へ`,
+        displayPreviewDesc: `判定キャラクタ部分をドラッグで移動するとその位置に補正されます`,
+        arrowJdgUpdate: `矢印判定の座標を更新`,
+        frzJdgUpdate: `フリーズアロー判定の座標を更新`,
         resultImageDesc: `画像を右クリックしてコピーできます`,
 
         s_level: `Level`,
@@ -4775,7 +4806,11 @@ const g_lang_lblNameObj = {
         kcShortcutDesc1: `Return to title: {0}`,
         kcShortcutDesc2: `Retry the game: {1}`,
         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.`,
+        arrowJdgUpdate: `Update the coordinates (arrow)`,
+        frzJdgUpdate: `Update the coordinates (freeze)`,
         resultImageDesc: `You can copy the image by right-clicking on it.`,
 
         s_level: `Level`,
@@ -4917,8 +4952,9 @@ const g_lang_msgObj = {
         lnkHighScore: `譜面のハイスコアをクリップボードへコピー`,
 
         appearance: `流れる矢印の見え方を制御します。`,
-        opacity: `判定キャラクタ、コンボ数、Fast/Slow、Hidden+/Sudden+の\n境界線表示の透明度を設定します。`,
+        opacity: `判定キャラクタ、コンボ数、Fast/Slowの透明度を設定します。`,
         hitPosition: `判定位置にズレを感じる場合、\n数値を変えることで判定の中央位置を1px単位(プラス:手前, マイナス:奥側)で調整することができます。\n早押し・遅押し傾向にある場合に使用します。`,
+        displayPreview: `プレイ画面上のオブジェクトの表示状態をプレビューします。\n判定キャラクタ部分をドラッグで移動するとその位置に補正されます。`,
 
         colorType: `矢印・フリーズアローの配色セットをあらかじめ定義されたリストから選択できます。\nType1～4選択時は色変化が自動でOFFになり、カラーピッカーから好きな色に変更できます。\n[Type0] グラデーション切替, [Type1～4] デフォルトパターン`,
         imgType: `矢印・フリーズアローなどのオブジェクトの見た目を変更します。`,
@@ -5023,6 +5059,7 @@ const g_lang_msgObj = {
         appearance: `Controls how the flowing sequences look.`,
         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.`,
 
         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.`,

package/package.json

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

package/skin/danoni_skin_default.css

@@ -5,7 +5,7 @@
   スキンcssファイル (default)
 
   Created : 2019/11/04
-  Revised : 2025/02/01 (v39.0.0)
+  Revised : 2026/05/17 (v48.0.0)
 
   https://github.com/cwtickle/danoniplus
 ------------------------------------------ */
@@ -70,6 +70,10 @@
 	--settings-slice-gaugeTable-x: 1;
 	--settings-border-gaugeTable-x: 1px;
 
+	/* 譜面明細子画面: ハイスコア表示 */
+	/* --settings-assist-x: var(--common-kita); */
+	/* --settings-another-x: var(--common-ii); */
+
 	/* キーコンフィグ関連 */
 	--keyconfig-warning-x: #ffff99;
 	--keyconfig-imgType-x: #99ddff;
@@ -96,6 +100,7 @@
 	/* --common-diffSlow: var(--common-shobon); */
 	/* --common-estAdj: var(--common-shakin); */
 	/* --common-excessive: var(--common-kita); */
+	/* --common-auto: var(--common-kita); */
 
 	/* ステップゾーン */
 	--main-stepKeyDown: #66ffff;
@@ -115,6 +120,10 @@
 	--life-cleared: #004444;
 	--life-failed: #444444;
 
+	/* ライフゲージ: FrzReturn用 */
+	/* --life-frz-normal: var(--main-stepShobon); */
+	/* --life-frz-active: var(--main-stepMatari); */
+
 	/* ライフゲージ本体 */
 	--life-background: #222222;
 	--life-bg-border: #555555;

package/skin/danoni_skin_light.css

@@ -5,7 +5,7 @@
   スキンcssファイル (light)
 
   Created : 2019/11/04
-  Revised : 2025/02/01 (v39.0.0)
+  Revised : 2026/05/17 (v48.0.0)
 
   https://github.com/cwtickle/danoniplus
 ------------------------------------------ */
@@ -70,6 +70,10 @@
 	--settings-slice-gaugeTable-x: 1;
 	--settings-border-gaugeTable-x: 1px;
 
+	/* 譜面明細子画面: ハイスコア表示 */
+	/* --settings-assist-x: var(--common-kita); */
+	/* --settings-another-x: var(--common-ii); */
+
 	/* キーコンフィグ関連 */
 	--keyconfig-warning-x: #999900;
 	--keyconfig-imgType-x: #003377;
@@ -96,6 +100,7 @@
 	/* --common-diffSlow: var(--common-shobon); */
 	/* --common-estAdj: var(--common-shakin); */
 	/* --common-excessive: var(--common-kita); */
+	/* --common-auto: var(--common-kita); */
 
 	/* ステップゾーン */
 	--main-stepKeyDown: #009999;
@@ -115,6 +120,10 @@
 	--life-cleared: #66cccc;
 	--life-failed: #999999;
 
+	/* ライフゲージ: FrzReturn用 */
+	/* --life-frz-normal: var(--main-stepShobon); */
+	/* --life-frz-active: var(--main-stepMatari); */
+
 	/* ライフゲージ本体 */
 	--life-background: #cccccc;
 	--life-bg-border: #555555;

package/skin/danoni_skin_skyblue.css

@@ -5,7 +5,7 @@
   スキンcssファイル (skyblue)
 
   Created : 2019/11/04
-  Revised : 2025/02/01 (v39.0.0)
+  Revised : 2026/05/17 (v48.0.0)
 
   https://github.com/cwtickle/danoniplus
 ------------------------------------------ */
@@ -70,6 +70,10 @@
 	--settings-slice-gaugeTable-x: 1;
 	--settings-border-gaugeTable-x: 1px;
 
+	/* 譜面明細子画面: ハイスコア表示 */
+	/* --settings-assist-x: var(--common-kita); */
+	/* --settings-another-x: var(--common-ii); */
+
 	/* キーコンフィグ関連 */
 	--keyconfig-warning-x: #999900;
 	--keyconfig-imgType-x: #003377;
@@ -96,6 +100,7 @@
 	/* --common-diffSlow: var(--common-shobon); */
 	/* --common-estAdj: var(--common-shakin); */
 	/* --common-excessive: var(--common-kita); */
+	/* --common-auto: var(--common-kita); */
 
 	/* ステップゾーン */
 	--main-stepKeyDown: #009999;
@@ -115,6 +120,10 @@
 	--life-cleared: #66cccc;
 	--life-failed: #999999;
 
+	/* ライフゲージ: FrzReturn用 */
+	/* --life-frz-normal: var(--main-stepShobon); */
+	/* --life-frz-active: var(--main-stepMatari); */
+
 	/* ライフゲージ本体 */
 	--life-background: #cccccc;
 	--life-bg-border: #555555;