danoniplus 31.2.0 → 31.4.0

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2023/03/25 (v31.1.0)
+ * Revised : 2023/04/08 (v31.4.0)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -21,10 +21,12 @@ const C_VALIGN_TOP = `top`;
 const C_VALIGN_MIDDLE = `middle`;
 const C_VALIGN_BOTTOM = `bottom`;
 
+const C_LBL_BASICFONT = `"Meiryo UI", sans-serif`;
+
+/** 廃止予定の定数群 */
 const C_LBL_TITLESIZE = 32;
 const C_LBL_BTNSIZE = 28;
 const C_LBL_LNKSIZE = 16;
-const C_LBL_BASICFONT = `"Meiryo UI", sans-serif`;
 
 const C_BTN_HEIGHT = 50;
 const C_LNK_HEIGHT = 30;
@@ -42,6 +44,98 @@ const C_SIZ_DIFSELECTOR = 14;
 const C_SIZ_MAIN = 14;
 const C_SIZ_MUSIC_TITLE = 13;
 
+const C_LEN_JDGCHARA_WIDTH = 200;
+const C_LEN_JDGCHARA_HEIGHT = 20;
+const C_SIZ_JDGCHARA = 20;
+
+const C_LEN_JDGCNTS_WIDTH = 100;
+const C_LEN_JDGCNTS_HEIGHT = 20;
+const C_SIZ_JDGCNTS = 16;
+
+const C_LEN_GRAPH_WIDTH = 286;
+const C_LEN_GRAPH_HEIGHT = 226;
+const C_CLR_SPEEDGRAPH_SPEED = `#cc3333`;
+const C_CLR_SPEEDGRAPH_BOOST = `#999900`;
+const C_CLR_DENSITY_MAX = `#990000cc`;
+const C_CLR_DENSITY_DEFAULT = `#999999cc`;
+const C_LEN_DENSITY_DIVISION = 16;
+
+const C_MAX_ADJUSTMENT = 30;
+
+/** 設定幅、位置などを管理するプロパティ */
+const g_limitObj = {
+
+    // Adjustment, HitPositionの設定幅
+    adjustment: 30,
+    hitPosition: 50,
+
+    // 譜面密度グラフの分割数、上位色付け数
+    densityDivision: 16,
+    densityMaxVals: 3,
+
+    // ボタン・リンクの高さ、フォントサイズ
+    btnHeight: 50,
+    btnSiz: 28,
+    lnkHeight: 30,
+    lnkSiz: 16,
+
+    // 設定画面用のボタンの位置、幅、高さ、フォントサイズ
+    setLblLeft: 160,
+    setLblWidth: 210,
+    setLblHeight: 22,
+    setLblSiz: 17,
+
+    // 設定画面の左右移動ボタンの幅、フォントサイズ
+    setMiniWidth: 40,
+    setMiniSiz: 18,
+
+    // 譜面選択エリアの幅、フォントサイズ
+    difSelectorWidth: 250,
+    difSelectorSiz: 14,
+    difCoverWidth: 110,
+
+    // 判定キャラクタの幅、高さ、フォントサイズ
+    jdgCharaWidth: 200,
+    jdgCharaHeight: 20,
+    jdgCharaSiz: 20,
+
+    // 判定数の幅、高さ、フォントサイズ
+    jdgCntsWidth: 100,
+    jdgCntsHeight: 20,
+    jdgCntsSiz: 16,
+
+    // グラフ表示部分の幅、高さ
+    graphWidth: 286,
+    graphHeight: 226,
+
+    // その他のフォントサイズ
+    titleSiz: 32,
+    mainSiz: 14,
+    musicTitleSiz: 13,
+};
+
+/** 設定項目の位置 */
+const g_settingPos = {
+    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 },
+    },
+    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 },
+    },
+};
+
 // スプライト（ムービークリップ相当）のルート
 const C_SPRITE_ROOT = `divRoot`;
 
@@ -98,7 +192,7 @@ const g_lblPosObj = {};
 const updateWindowSiz = _ => {
     Object.assign(g_windowObj, {
         optionSprite: { x: (g_sWidth - 450) / 2, y: 65 + (g_sHeight - 500) / 2, w: 450, h: 325 },
-        displaySprite: { x: 25, y: 30, w: (g_sWidth - 450) / 2, h: C_LEN_SETLBL_HEIGHT * 5 },
+        displaySprite: { x: 25, y: 30, w: (g_sWidth - 450) / 2, h: g_limitObj.setLblHeight * 5 },
         keyconSprite: { y: 88 + (g_sHeight - 500) / 2, h: g_sHeight, overflow: `auto` },
         loader: { y: g_sHeight - 10, h: 10, backgroundColor: `#333333` },
         playDataWindow: { x: g_sWidth / 2 - 225, y: 70 + (g_sHeight - 500) / 2, w: 450, h: 110 },
@@ -118,11 +212,11 @@ const updateWindowSiz = _ => {
             x: 0, y: g_sHeight - 150, w: 40, h: 40, siz: 30, title: g_msgObj.howto,
         },
         lnkMaker: {
-            x: 0, y: g_sHeight - 50, w: g_sWidth / 2, h: C_LNK_HEIGHT,
+            x: 0, y: g_sHeight - 50, w: g_sWidth / 2, h: g_limitObj.lnkHeight,
             align: C_ALIGN_LEFT, title: g_headerObj.creatorUrl,
         },
         lnkArtist: {
-            x: g_sWidth / 2, y: g_sHeight - 50, w: g_sWidth / 2, h: C_LNK_HEIGHT,
+            x: g_sWidth / 2, y: g_sHeight - 50, w: g_sWidth / 2, h: g_limitObj.lnkHeight,
             align: C_ALIGN_LEFT, title: g_headerObj.artistUrl,
         },
         lnkVersion: {
@@ -133,7 +227,7 @@ const updateWindowSiz = _ => {
             x: g_sWidth - 20, y: g_sHeight - 20, w: 20, h: 16, siz: 12, title: g_msgObj.security,
         },
         lblComment: {
-            x: 0, y: 70, w: g_sWidth, h: g_sHeight - 180, siz: C_SIZ_DIFSELECTOR, align: C_ALIGN_LEFT,
+            x: 0, y: 70, w: g_sWidth, h: g_sHeight - 180, siz: g_limitObj.difSelectorSiz, align: C_ALIGN_LEFT,
             overflow: `auto`, background: `#222222`, color: `#cccccc`, display: C_DIS_NONE,
             whiteSpace: `normal`,
         },
@@ -150,7 +244,7 @@ const updateWindowSiz = _ => {
             x: g_sWidth * 2 / 3,
         },
         btnSwitchSetting: {
-            x: g_sWidth / 2 + 175 - C_LEN_SETMINI_WIDTH / 2, y: 25, w: C_LEN_SETMINI_WIDTH, h: 40,
+            x: g_sWidth / 2 + 175 - g_limitObj.setMiniWidth / 2, y: 25, w: g_limitObj.setMiniWidth, h: 40,
         },
         btnSave: {
             x: 0, y: 5, w: g_sWidth / 5, h: 16, siz: 12,
@@ -158,22 +252,22 @@ const updateWindowSiz = _ => {
         },
 
         btnReverse: {
-            x: 160, y: 0, w: 90, h: 21, siz: C_SIZ_DIFSELECTOR, borderStyle: `solid`,
+            x: 160, y: 0, w: 90, h: 21, siz: g_limitObj.difSelectorSiz, borderStyle: `solid`,
         },
         lblGauge2: {
-            x: C_LEN_SETLBL_LEFT - 35, y: C_LEN_SETLBL_HEIGHT,
-            w: C_LEN_SETLBL_WIDTH + 60, h: C_LEN_SETLBL_HEIGHT * 2, siz: 11,
+            x: g_limitObj.setLblLeft - 35, y: g_limitObj.setLblHeight,
+            w: g_limitObj.setLblWidth + 60, h: g_limitObj.setLblHeight * 2, siz: 11,
         },
         lnkFadein: {
-            x: C_LEN_SETLBL_LEFT, y: 0,
+            x: g_limitObj.setLblLeft, y: 0,
         },
         lblFadeinBar: {
-            x: C_LEN_SETLBL_LEFT, y: 0,
+            x: g_limitObj.setLblLeft, y: 0,
         },
 
         /** 設定: 譜面明細子画面 */
         lblTooldif: {
-            y: 5, w: 250, siz: C_SIZ_JDGCNTS,
+            y: 5, w: 250, siz: g_limitObj.jdgCntsSiz,
         },
         dataTooldif: {
             x: 270, y: 3, w: 160, siz: 18,
@@ -189,10 +283,10 @@ const updateWindowSiz = _ => {
             x: 345, w: 160,
         },
         lblArrowInfo: {
-            x: 130, y: 45, w: 290, siz: C_SIZ_JDGCNTS,
+            x: 130, y: 45, w: 290, siz: g_limitObj.jdgCntsSiz,
         },
         dataArrowInfo: {
-            x: 270, y: 45, w: 160, siz: C_SIZ_JDGCNTS,
+            x: 270, y: 45, w: 160, siz: g_limitObj.jdgCntsSiz,
         },
         lblArrowInfo2: {
             x: 130, y: 70, w: 200, h: 90,
@@ -201,7 +295,7 @@ const updateWindowSiz = _ => {
             x: 140, y: 70, w: 275, h: 150, overflow: `auto`,
         },
         lnkDifInfo: {
-            w: C_LEN_DIFCOVER_WIDTH, borderStyle: `solid`,
+            w: g_limitObj.difCoverWidth, borderStyle: `solid`,
         },
 
         /** ディスプレイ画面 */
@@ -209,16 +303,16 @@ const updateWindowSiz = _ => {
             x: 0, y: g_sHeight - 45, w: g_sWidth, h: 20,
         },
         sdDesc: {
-            x: 0, y: 65, w: g_sWidth, h: 20, siz: C_SIZ_MAIN,
+            x: 0, y: 65, w: g_sWidth, h: 20, siz: g_limitObj.mainSiz,
         },
         lblAppearancePos: {
-            x: C_LEN_SETLBL_LEFT, y: 20, siz: 12, align: C_ALIGN_CENTER,
+            x: g_limitObj.setLblLeft, y: 20, siz: 12, align: C_ALIGN_CENTER,
         },
         lblAppearanceBar: {
-            x: C_LEN_SETLBL_LEFT, y: 15,
+            x: g_limitObj.setLblLeft, y: 15,
         },
         lnkLockBtn: {
-            x: C_LEN_SETLBL_LEFT + C_LEN_SETLBL_WIDTH - 40, y: 0, w: 40, h: C_LEN_SETLBL_HEIGHT, siz: 12,
+            x: g_limitObj.setLblLeft + g_limitObj.setLblWidth - 40, y: 0, w: 40, h: g_limitObj.setLblHeight, siz: 12,
             borderStyle: `solid`,
         },
 
@@ -227,7 +321,7 @@ const updateWindowSiz = _ => {
             x: 0, y: g_sHeight - 45, w: g_sWidth, h: 20,
         },
         kcMsg: {
-            x: 0, y: g_sHeight - 25, w: g_sWidth, h: 20, siz: C_SIZ_MAIN,
+            x: 0, y: g_sHeight - 25, w: g_sWidth, h: 20, siz: g_limitObj.mainSiz,
         },
         kcDesc: {
             x: 0, y: 68, w: g_sWidth, h: 20,
@@ -244,30 +338,30 @@ const updateWindowSiz = _ => {
 
         btnKcBack: {
             x: g_sWidth / 3, y: g_sHeight - 75,
-            w: g_sWidth / 3, h: C_BTN_HEIGHT / 2, siz: C_LBL_BTNSIZE * 2 / 3,
+            w: g_sWidth / 3, h: g_limitObj.btnHeight / 2, siz: g_limitObj.btnSiz * 2 / 3,
         },
         lblPattern: {
-            x: g_sWidth / 6, y: g_sHeight - 100, w: g_sWidth / 3, h: C_BTN_HEIGHT / 2,
+            x: g_sWidth / 6, y: g_sHeight - 100, w: g_sWidth / 3, h: g_limitObj.btnHeight / 2,
         },
         btnPtnChangeR: {
             x: g_sWidth / 2, y: g_sHeight - 100,
-            w: g_sWidth / 9, h: C_BTN_HEIGHT / 2, siz: C_LBL_BTNSIZE * 2 / 3,
+            w: g_sWidth / 9, h: g_limitObj.btnHeight / 2, siz: g_limitObj.btnSiz * 2 / 3,
         },
         btnPtnChangeL: {
             x: g_sWidth / 18, y: g_sHeight - 100,
-            w: g_sWidth / 9, h: C_BTN_HEIGHT / 2, siz: C_LBL_BTNSIZE * 2 / 3,
+            w: g_sWidth / 9, h: g_limitObj.btnHeight / 2, siz: g_limitObj.btnSiz * 2 / 3,
         },
         btnPtnChangeRR: {
             x: g_sWidth * 11 / 18, y: g_sHeight - 100,
-            w: g_sWidth / 18, h: C_BTN_HEIGHT / 2, siz: C_LBL_BTNSIZE * 2 / 3,
+            w: g_sWidth / 18, h: g_limitObj.btnHeight / 2, siz: g_limitObj.btnSiz * 2 / 3,
         },
         btnPtnChangeLL: {
             x: 0, y: g_sHeight - 100,
-            w: g_sWidth / 18, h: C_BTN_HEIGHT / 2, siz: C_LBL_BTNSIZE * 2 / 3,
+            w: g_sWidth / 18, h: g_limitObj.btnHeight / 2, siz: g_limitObj.btnSiz * 2 / 3,
         },
         btnKcReset: {
             x: 0, y: g_sHeight - 75,
-            w: g_sWidth / 3, h: C_BTN_HEIGHT / 2, siz: C_LBL_BTNSIZE * 2 / 3,
+            w: g_sWidth / 3, h: g_limitObj.btnHeight / 2, siz: g_limitObj.btnSiz * 2 / 3,
         },
 
         /** メイン画面 */
@@ -290,14 +384,14 @@ const updateWindowSiz = _ => {
             x: 125, y: g_sHeight - 16, w: g_headerObj.playingWidth, h: 20, align: C_ALIGN_LEFT,
         },
         lblTime1: {
-            x: 18, y: g_sHeight - 30, w: 40, h: 20, siz: C_SIZ_MAIN, align: C_ALIGN_RIGHT,
+            x: 18, y: g_sHeight - 30, w: 40, h: 20, siz: g_limitObj.mainSiz, align: C_ALIGN_RIGHT,
         },
         lblTime2: {
-            x: 60, y: g_sHeight - 30, w: 60, h: 20, siz: C_SIZ_MAIN,
+            x: 60, y: g_sHeight - 30, w: 60, h: 20, siz: g_limitObj.mainSiz,
         },
         lblWord: {
             x: 100, w: g_headerObj.playingWidth - 200, h: 50,
-            siz: C_SIZ_MAIN, align: C_ALIGN_LEFT, display: `block`, margin: `auto`,
+            siz: g_limitObj.mainSiz, align: C_ALIGN_LEFT, display: `block`, margin: `auto`,
         },
         finishView: {
             x: g_headerObj.playingWidth / 2 - 150, y: g_sHeight / 2 - 50, w: 300, h: 20, siz: 50,
@@ -317,21 +411,21 @@ const updateWindowSiz = _ => {
             x: g_sWidth / 2 + 50, y: 40, w: 200, h: 30, siz: 20,
         },
         btnRsBack: {
-            w: g_sWidth / 4, h: C_BTN_HEIGHT * 5 / 4, animationName: `smallToNormalY`,
+            w: g_sWidth / 4, h: g_limitObj.btnHeight * 5 / 4, animationName: `smallToNormalY`,
         },
         btnRsCopy: {
-            x: g_sWidth / 4, w: g_sWidth / 2, h: C_BTN_HEIGHT * 5 / 8, siz: 24, animationName: `smallToNormalY`,
+            x: g_sWidth / 4, w: g_sWidth / 2, h: g_limitObj.btnHeight * 5 / 8, siz: 24, animationName: `smallToNormalY`,
         },
         btnRsTweet: {
-            x: g_sWidth / 4, y: g_sHeight - 100 + C_BTN_HEIGHT * 5 / 8,
-            w: g_sWidth / 4, h: C_BTN_HEIGHT * 5 / 8, siz: 24, animationName: `smallToNormalY`,
+            x: g_sWidth / 4, y: g_sHeight - 100 + g_limitObj.btnHeight * 5 / 8,
+            w: g_sWidth / 4, h: g_limitObj.btnHeight * 5 / 8, siz: 24, animationName: `smallToNormalY`,
         },
         btnRsGitter: {
-            x: g_sWidth / 2, y: g_sHeight - 100 + C_BTN_HEIGHT * 5 / 8,
-            w: g_sWidth / 4, h: C_BTN_HEIGHT * 5 / 8, siz: 24, animationName: `smallToNormalY`,
+            x: g_sWidth / 2, y: g_sHeight - 100 + g_limitObj.btnHeight * 5 / 8,
+            w: g_sWidth / 4, h: g_limitObj.btnHeight * 5 / 8, siz: 24, animationName: `smallToNormalY`,
         },
         btnRsRetry: {
-            x: g_sWidth / 4 * 3, w: g_sWidth / 4, h: C_BTN_HEIGHT * 5 / 4, animationName: `smallToNormalY`,
+            x: g_sWidth / 4 * 3, w: g_sWidth / 4, h: g_limitObj.btnHeight * 5 / 4, animationName: `smallToNormalY`,
         },
     });
 };
@@ -506,24 +600,50 @@ const g_typeLists = {
 // Motionオプション配列の基準位置
 const C_MOTION_STD_POS = 15;
 
-// キーブロック対象(キーコードを指定)
+// キーブロック対象(KeyBoardEvent.codeを指定)
 const C_BLOCK_KEYS = [
-    8, 9, 13, 17, 18, 32, /* BackSpace, Tab, Enter, Ctrl, Alt, Space */
-    33, 34, 35, 36,       /* PageUp, PageDown, End, Home */
-    37, 38, 39, 40, 46,   /* Left, Down, Up, Right, Delete */
-    112, 113, 114, 115, 0, 117, 118, 119, 120, 121, 122, 123, 124, 125, 126, /* F1～F15 (F5は除く) */
-    27 /* Esc */
+    `Backspace`, `Tab`, `Enter`, `ControlLeft`, `ControlRight`, `AltLeft`, `AltRight`, `Space`,
+    `PageUp`, `PageDown`, `End`, `Home`,
+    `ArrowLeft`, `ArrowDown`, `ArrowUp`, `ArrowRight`, `Delete`,
+    `F1`, `F2`, `F3`, `F4`, `F6`, `F7`, `F8`, `F9`, `F10`, `F11`, `F12`, `F13`, `F14`, `F15`, `Escape`
 ];
 
-/** 設定・オプション画面用共通 */
-const C_LEN_GRAPH_WIDTH = 286;
-const C_LEN_GRAPH_HEIGHT = 226;
-const C_CLR_SPEEDGRAPH_SPEED = `#cc3333`;
-const C_CLR_SPEEDGRAPH_BOOST = `#999900`;
-const C_CLR_DENSITY_MAX = `#990000cc`;
-const C_CLR_DENSITY_DEFAULT = `#999999cc`;
-const C_LEN_DENSITY_DIVISION = 16;
+/**
+ * 特殊文字列の置き換えリスト
+ * (置き換え元、置き換え先の組で二次元配列として定義。主にreplaceStr関数で使用)
+ */
+const g_escapeStr = {
+    escape: [[`&`, `&amp;`], [`<`, `&lt;`], [`>`, `&gt;`], [`"`, `&quot;`]],
+    escapeTag: [
+        [`*amp*`, `&amp;`], [`*pipe*`, `|`], [`*dollar*`, `$`], [`*rsquo*`, `&rsquo;`],
+        [`*quot*`, `&quot;`], [`*comma*`, `&sbquo;`], [`*squo*`, `&#39;`], [`*bkquo*`, `&#96;`],
+        [`*lt*`, `&lt;`], [`*gt*`, `&gt;`], [`*lbrace*`, `{`], [`*rbrace*`, `}`],
+    ],
+    unEscapeTag: [
+        [`&amp;`, `&`], [`&rsquo;`, `’`], [`&quot;`, `"`], [`&sbquo;`, `,`],
+        [`&lt;`, `<`], [`&gt;`, `>`], [`&#39;`, `'`], [`&#96;`, `\``],
+    ],
+    escapeCode: [
+        [`<script>`, ``], [`</script>`, ``],
+    ],
+    musicNameSimple: [
+        [`<br>`, ` `], [`<nbr>`, ``], [`<dbr>`, `　`],
+    ],
+    musicNameMultiLine: [
+        [`<nbr>`, `<br>`], [`<dbr>`, `<br>`],
+    ],
+    frzName: [
+        [`leftdia`, `frzLdia`], [`rightdia`, `frzRdia`],
+        [`left`, `frzLeft`], [`down`, `frzDown`], [`up`, `frzUp`], [`right`, `frzRight`],
+        [`space`, `frzSpace`], [`iyo`, `frzIyo`], [`gor`, `frzGor`], [`oni`, `foni`],
+    ],
+    keyCtrlName: [
+        [`Left`, ``], [`Digit`, `D`], [`Numpad`, `N`], [`Semicolon`, `;`],
+        [`Multiply`, `*`], [`Add`, `+`], [`Subtract`, `-`], [`Decimal`, `.`], [`Divide`, `Div`],
+    ],
+};
 
+/** 設定・オプション画面用共通 */
 const g_graphColorObj = {
     max: `#993333cc`,
     default: `#999999cc`,
@@ -531,6 +651,9 @@ const g_graphColorObj = {
     default2Push: `#777777cc`,
     max3Push: `#003399cc`,
     default3Push: `#555555cc`,
+
+    speed: `#cc3333`,
+    boost: `#999900`,
 };
 
 const g_settingBtnObj = {
@@ -547,25 +670,17 @@ const g_settingBtnObj = {
         U: `↑`,
     },
     pos: {
-        L: C_LEN_SETLBL_LEFT - C_LEN_SETMINI_WIDTH,
-        LL: C_LEN_SETLBL_LEFT,
-        LLL: C_LEN_SETLBL_LEFT + C_LEN_SETMINI_WIDTH + 1,
-        HL: C_LEN_SETLBL_LEFT,
-        R: C_LEN_SETLBL_LEFT + C_LEN_SETLBL_WIDTH,
-        RR: C_LEN_SETLBL_LEFT + C_LEN_SETLBL_WIDTH - C_LEN_SETMINI_WIDTH,
-        RRR: C_LEN_SETLBL_LEFT + C_LEN_SETLBL_WIDTH - C_LEN_SETMINI_WIDTH * 3 / 2 - 1,
-        HR: C_LEN_SETLBL_LEFT + C_LEN_SETLBL_WIDTH - C_LEN_SETMINI_WIDTH,
+        L: g_limitObj.setLblLeft - g_limitObj.setMiniWidth,
+        LL: g_limitObj.setLblLeft,
+        LLL: g_limitObj.setLblLeft + g_limitObj.setMiniWidth + 1,
+        HL: g_limitObj.setLblLeft,
+        R: g_limitObj.setLblLeft + g_limitObj.setLblWidth,
+        RR: g_limitObj.setLblLeft + g_limitObj.setLblWidth - g_limitObj.setMiniWidth,
+        RRR: g_limitObj.setLblLeft + g_limitObj.setLblWidth - g_limitObj.setMiniWidth * 3 / 2 - 1,
+        HR: g_limitObj.setLblLeft + g_limitObj.setLblWidth - g_limitObj.setMiniWidth,
     }
 };
 
-const g_limitObj = {
-    adjustment: 30,
-    hitPosition: 50,
-
-    densityDivision: 16,
-    densityMaxVals: 3,
-};
-const C_MAX_ADJUSTMENT = 30;
 const C_MAX_SPEED = 10;
 const C_MIN_SPEED = 1;
 
@@ -591,14 +706,6 @@ const g_judgPosObj = {
 
 const C_CLR_DUMMY = `#777777`;
 
-const C_LEN_JDGCHARA_WIDTH = 200;
-const C_LEN_JDGCHARA_HEIGHT = 20;
-const C_SIZ_JDGCHARA = 20;
-
-const C_LEN_JDGCNTS_WIDTH = 100;
-const C_LEN_JDGCNTS_HEIGHT = 20;
-const C_SIZ_JDGCNTS = 16;
-
 let C_FRM_HITMOTION = 4;
 let C_FRM_JDGMOTION = 60;
 
@@ -1481,6 +1588,7 @@ const g_keyObj = {
     // - 原則、キー×パターンの数だけ設定が必要
     currentKey: 7,
     currentPtn: 0,
+    defaultProp: `keyCtrl`,
 
     prevKey: `Dummy`,
     dfPtnNum: 0,
@@ -1697,52 +1805,52 @@ const g_keyObj = {
 
     // 基本パターン (キーコンフィグ)
     // - 順番はchara, stepRtnと対応している。
-    // - 多次元配列内はステップに対応するキーコードを示す。カンマ区切りで複数指定できる。
-    keyCtrl5_0: [[37], [40], [38], [39], [32]],
-    keyCtrl7_0: [[83], [68], [70], [32], [74], [75], [76]],
-    keyCtrl7i_0: [[90], [88], [67], [37], [40], [38], [39]],
-    keyCtrl8_0: [[83], [68], [70], [32], [74], [75], [76], [13]],
-    keyCtrl9A_0: [[83], [68], [69, 82], [70], [32], [74], [75], [73], [76]],
-    keyCtrl9B_0: [[65], [83], [68], [70], [32], [74], [75], [76], [187]],
-    keyCtrl9i_0: [[37], [40], [38], [39], [65], [83], [68], [70], [32]],
-    keyCtrl11_0: [[37], [40], [38], [39], [83], [68], [70], [32], [74], [75], [76]],
-    keyCtrl11L_0: [[87], [69], [51, 52], [82], [83], [68], [70], [32], [74], [75], [76]],
-    keyCtrl11W_0: [[49, 50], [84], [89], [48, 189], [83], [68], [70], [32], [74], [75], [76]],
-    keyCtrl11i_0: [[83], [88, 67], [68], [69, 82], [70], [32], [74], [77, 188], [75], [73, 79], [76]],
-    keyCtrl12_0: [[85], [73], [56, 57], [79], [32], [78], [74], [77], [75], [188], [76], [190]],
-    keyCtrl13_0: [[37], [40], [38], [39], [83], [68], [69, 82], [70], [32], [74], [75], [73], [76]],
-    keyCtrl14_0: [[84, 89], [85], [73], [56, 55, 57, 48], [79], [192, 80], [32], [78], [74], [77], [75], [188], [76], [190]],
-    keyCtrl14i_0: [[90, 87], [88, 69], [67, 82], [37], [40], [38], [39], [83], [68], [70], [32], [74], [75], [76]],
-    keyCtrl15A_0: [[87], [69], [51, 52], [82], [37], [40], [38], [39], [83], [68], [70], [32], [74], [75], [76]],
-    keyCtrl15B_0: [[87], [69], [51, 52], [82], [85], [73], [56, 57], [79], [83], [68], [70], [32], [74], [75], [76]],
-    keyCtrl16i_0: [[90, 87], [88, 69], [67, 82], [37], [40], [38], [39], [65], [83], [68], [70], [32], [74], [75], [76], [187]],
-    keyCtrl17_0: [[65], [90], [83], [88], [68], [67], [70], [86], [32], [78], [74], [77], [75], [188], [76], [190], [187]],
-    keyCtrl23_0: [[87], [69], [51, 52], [82], [85], [73], [56, 57], [79],
-    [90], [83], [88], [68], [67], [70], [86], [32], [78], [74], [77], [75], [188], [76], [190]],
+    // - 多次元配列内はステップに対応するキーコードもしくはコード名を示す。カンマ区切りで複数指定できる。
+    keyCtrl5_0: [[`Left`], [`Down`], [`Up`], [`Right`], [`Space`]],
+    keyCtrl7_0: [[`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`]],
+    keyCtrl7i_0: [[`Z`], [`X`], [`C`], [`Left`], [`Down`], [`Up`], [`Right`]],
+    keyCtrl8_0: [[`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`], [`Enter`]],
+    keyCtrl9A_0: [[`S`], [`D`], [`E`, `R`], [`F`], [`Space`], [`J`], [`K`], [`I`], [`L`]],
+    keyCtrl9B_0: [[`A`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`], [`;`]],
+    keyCtrl9i_0: [[`Left`], [`Down`], [`Up`], [`Right`], [`A`], [`S`], [`D`], [`F`], [`Space`]],
+    keyCtrl11_0: [[`Left`], [`Down`], [`Up`], [`Right`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`]],
+    keyCtrl11L_0: [[`W`], [`E`], [`D3`, `D4`], [`R`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`]],
+    keyCtrl11W_0: [[`D1`, `D2`], [`T`], [`Y`], [`D0`, `Minus`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`]],
+    keyCtrl11i_0: [[`S`], [`X`, `C`], [`D`], [`E`, `R`], [`F`], [`Space`], [`J`], [`M`, `Comma`], [`K`], [`I`, `O`], [`L`]],
+    keyCtrl12_0: [[`U`], [`I`], [`D8`, `D9`], [`O`], [`Space`], [`N`], [`J`], [`M`], [`K`], [`Comma`], [`L`], [`Period`]],
+    keyCtrl13_0: [[`Left`], [`Down`], [`Up`], [`Right`], [`S`], [`D`], [`E`, `R`], [`F`], [`Space`], [`J`], [`K`], [`I`], [`L`]],
+    keyCtrl14_0: [[`T`, `Y`], [`U`], [`I`], [`D8`, `D7`, `D9`, `D0`], [`O`], [`BracketLeft`, `P`], [`Space`], [`N`], [`J`], [`M`], [`K`], [`Comma`], [`L`], [`Period`]],
+    keyCtrl14i_0: [[`Z`, `W`], [`X`, `E`], [`C`, `R`], [`Left`], [`Down`], [`Up`], [`Right`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`]],
+    keyCtrl15A_0: [[`W`], [`E`], [`D3`, `D4`], [`R`], [`Left`], [`Down`], [`Up`], [`Right`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`]],
+    keyCtrl15B_0: [[`W`], [`E`], [`D3`, `D4`], [`R`], [`U`], [`I`], [`D8`, `D9`], [`O`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`]],
+    keyCtrl16i_0: [[`Z`, `W`], [`X`, `E`], [`C`, `R`], [`Left`], [`Down`], [`Up`], [`Right`], [`A`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`], [`;`]],
+    keyCtrl17_0: [[`A`], [`Z`], [`S`], [`X`], [`D`], [`C`], [`F`], [`V`], [`Space`], [`N`], [`J`], [`M`], [`K`], [`Comma`], [`L`], [`Period`], [`;`]],
+    keyCtrl23_0: [[`W`], [`E`], [`D3`, `D4`], [`R`], [`U`], [`I`], [`D8`, `D9`], [`O`],
+    [`Z`], [`S`], [`X`], [`D`], [`C`], [`F`], [`V`], [`Space`], [`N`], [`J`], [`M`], [`K`], [`Comma`], [`L`], [`Period`]],
 
     // 変則パターン (キーコンフィグ)
     // - _0 の数字部分をカウントアップすることで実現できる。
-    keyCtrl5_1: [[32], [37], [40], [38], [39]],
-    keyCtrl7_1: [[83], [69], [70], [32, 71, 72], [74], [73], [76]],
-    keyCtrl8_1: [[13], [83], [68], [70], [32], [74], [75], [76]],
-    keyCtrl9A_1: [[83], [68], [69, 82], [70], [32], [37], [40], [38], [39]],
-    keyCtrl9i_1: [[65], [83], [68], [70], [32], [37], [40], [38], [39]],
-    keyCtrl12_1: [[89], [85, 73], [56, 55, 57], [79], [32], [66], [72], [78, 77], [74, 75], [188], [76], [190]],
-    keyCtrl14_1: [[82, 84], [89], [85, 73], [56, 54, 55, 57, 48], [79], [192, 80], [32], [66], [72], [78, 77], [74, 75], [188], [76], [190]],
-    keyCtrl17_1: [[65], [83], [68], [70], [32], [74], [75], [76], [187], [90], [88], [67], [86], [78], [77], [188], [190]],
+    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`]],
+    keyCtrl9A_1: [[`S`], [`D`], [`E`, `R`], [`F`], [`Space`], [`Left`], [`Down`], [`Up`], [`Right`]],
+    keyCtrl9i_1: [[`A`], [`S`], [`D`], [`F`], [`Space`], [`Left`], [`Down`], [`Up`], [`Right`]],
+    keyCtrl12_1: [[`Y`], [`U`, `I`], [`D8`, `D7`, `D9`], [`O`], [`Space`], [`B`], [`H`], [`N`, `M`], [`J`, `K`], [`Comma`], [`L`], [`Period`]],
+    keyCtrl14_1: [[`R`, `T`], [`Y`], [`U`, `I`], [`D8`, `D6`, `D7`, `D9`, `D0`], [`O`], [`BracketLeft`, `P`], [`Space`], [`B`], [`H`], [`N`, `M`], [`J`, `K`], [`Comma`], [`L`], [`Period`]],
+    keyCtrl17_1: [[`A`], [`S`], [`D`], [`F`], [`Space`], [`J`], [`K`], [`L`], [`;`], [`Z`], [`X`], [`C`], [`V`], [`N`], [`M`], [`Comma`], [`Period`]],
 
-    keyCtrl5_2: [[68], [70], [32], [74], [75]],
-    keyCtrl8_2: [[32], [78], [74], [77], [75], [188], [76], [190]],
-    keyCtrl12_2: [[87], [69], [51, 52], [82], [16], [90], [83], [88], [68], [67], [70], [86]],
-    keyCtrl14_2: [[9, 81], [87], [69], [51, 50, 52, 53], [82], [89, 84], [16], [90], [83], [88], [68], [67], [70], [86]],
+    keyCtrl5_2: [[`D`], [`F`], [`Space`], [`J`], [`K`]],
+    keyCtrl8_2: [[`Space`], [`N`], [`J`], [`M`], [`K`], [`Comma`], [`L`], [`Period`]],
+    keyCtrl12_2: [[`W`], [`E`], [`D3`, `D4`], [`R`], [`Shift`], [`Z`], [`S`], [`X`], [`D`], [`C`], [`F`], [`V`]],
+    keyCtrl14_2: [[`Tab`, `Q`], [`W`], [`E`], [`D3`, `D2`, `D4`, `D5`], [`R`], [`Y`, `T`], [`Shift`], [`Z`], [`S`], [`X`], [`D`], [`C`], [`F`], [`V`]],
 
-    keyCtrl8_3: [[32], [66], [72], [78, 77], [74, 75], [188], [76], [190]],
-    keyCtrl12_3: [[87], [69, 82], [51, 52, 53], [84], [16], [90], [83], [88, 67], [68, 70], [86], [71], [66]],
-    keyCtrl14_3: [[9, 81], [87], [69, 82], [51, 50, 52, 53, 54], [84], [85, 89], [16], [90], [83], [88, 67], [68, 70], [86], [71], [66]],
+    keyCtrl8_3: [[`Space`], [`B`], [`H`], [`N`, `M`], [`J`, `K`], [`Comma`], [`L`], [`Period`]],
+    keyCtrl12_3: [[`W`], [`E`, `R`], [`D3`, `D4`, `D5`], [`T`], [`Shift`], [`Z`], [`S`], [`X`, `C`], [`D`, `F`], [`V`], [`G`], [`B`]],
+    keyCtrl14_3: [[`Tab`, `Q`], [`W`], [`E`, `R`], [`D3`, `D2`, `D4`, `D5`, `D6`], [`T`], [`U`, `Y`], [`Shift`], [`Z`], [`S`], [`X`, `C`], [`D`, `F`], [`V`], [`G`], [`B`]],
 
-    keyCtrl8_4: [[16], [90], [83], [88], [68], [67], [70], [86]],
+    keyCtrl8_4: [[`Shift`], [`Z`], [`S`], [`X`], [`D`], [`C`], [`F`], [`V`]],
 
-    keyCtrl8_5: [[16], [90], [83], [88, 67], [68, 70], [86], [71], [66]],
+    keyCtrl8_5: [[`Shift`], [`Z`], [`S`], [`X`, `C`], [`D`, `F`], [`V`], [`G`], [`B`]],
 
     // 矢印間隔補正
     blank: 55,
@@ -1988,10 +2096,8 @@ const g_keyObj = {
 
 };
 
-// posX_Y, divX_Y, divMaxX_Yが未定義のときに0からの連番で補完する処理 (charaX_Yが定義されていることが前提)
-Object.keys(g_keyObj).filter(val => val.startsWith(`chara`)).forEach(charaPtn => {
-    setKeyDfVal(charaPtn.slice(`chara`.length));
-});
+// g_keyObj.defaultProp の上書きを禁止
+Object.defineProperty(g_keyObj, `defaultProp`, { writable: false });
 
 // キーパターンのコピーリスト
 // ・コピー先：コピー元の順に指定する
@@ -2040,6 +2146,17 @@ const g_copyKeyPtn = {
     '15B_1': `15A_0`,
 };
 
+// charaX_Y, posX_Y, keyGroupX_Y, divX_Y, divMaxX_Yが未定義のときに0からの連番で補完する処理 (charaX_Yが定義されていることが前提)
+// この後g_copyKeyPtnにてデータコピーするため、ここのみcharaX_Yがあるものだけについて処理
+Object.keys(g_keyObj).filter(val => val.startsWith(`chara`) &&
+    !Object.keys(g_copyKeyPtn).includes(val.slice(`chara`.length))).forEach(charaPtn => {
+        setKeyDfVal(charaPtn.slice(`chara`.length));
+    });
+
+// キー名をキーコードに変換
+Object.keys(g_keyObj).filter(val => val.startsWith(`keyCtrl`)).forEach(property =>
+    g_keyObj[property].forEach((list, j) => g_keyObj[property][j] = list.map(valN => getKeyCtrlVal(valN))));
+
 // キーパターンのコピー処理
 // ただし、すでに定義済みの場合は定義済みのものを優先する
 Object.keys(g_copyKeyPtn).forEach(keyPtnTo => {
@@ -2068,9 +2185,9 @@ Object.keys(g_copyKeyPtn).forEach(keyPtnTo => {
         copyKeyPtn(`stepRtn`, `${keyPtnFrom}_${stepRtnGr}`, `${keyPtnTo}_${stepRtnGr}`);
         stepRtnGr++;
     }
+    copyKeyPtn(`keyCtrl`);
     copyKeyPtn(`chara`);
     copyKeyPtn(`pos`);
-    copyKeyPtn(`keyCtrl`);
     copyKeyPtn(`scrollDir`);
     copyKeyPtn(`assistPos`);
 
@@ -2258,37 +2375,6 @@ const g_dfColorBaseObj = {
     },
 };
 
-/**
- * 特殊文字列の置き換えリスト
- * (置き換え元、置き換え先の組で二次元配列として定義。主にreplaceStr関数で使用)
- */
-const g_escapeStr = {
-    escape: [[`&`, `&amp;`], [`<`, `&lt;`], [`>`, `&gt;`], [`"`, `&quot;`]],
-    escapeTag: [
-        [`*amp*`, `&amp;`], [`*pipe*`, `|`], [`*dollar*`, `$`], [`*rsquo*`, `&rsquo;`],
-        [`*quot*`, `&quot;`], [`*comma*`, `&sbquo;`], [`*squo*`, `&#39;`], [`*bkquo*`, `&#96;`],
-        [`*lt*`, `&lt;`], [`*gt*`, `&gt;`], [`*lbrace*`, `{`], [`*rbrace*`, `}`],
-    ],
-    unEscapeTag: [
-        [`&amp;`, `&`], [`&rsquo;`, `’`], [`&quot;`, `"`], [`&sbquo;`, `,`],
-        [`&lt;`, `<`], [`&gt;`, `>`], [`&#39;`, `'`], [`&#96;`, `\``],
-    ],
-    escapeCode: [
-        [`<script>`, ``], [`</script>`, ``],
-    ],
-    musicNameSimple: [
-        [`<br>`, ` `], [`<nbr>`, ``], [`<dbr>`, `　`],
-    ],
-    musicNameMultiLine: [
-        [`<nbr>`, `<br>`], [`<dbr>`, `<br>`],
-    ],
-    frzName: [
-        [`leftdia`, `frzLdia`], [`rightdia`, `frzRdia`],
-        [`left`, `frzLeft`], [`down`, `frzDown`], [`up`, `frzUp`], [`right`, `frzRight`],
-        [`space`, `frzSpace`], [`iyo`, `frzIyo`], [`gor`, `frzGor`], [`oni`, `foni`],
-    ],
-};
-
 /**
  * 文字列部分一致用リスト
  */

package/package.json

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