danoniplus 39.3.0 → 39.4.1

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2025/02/09
+ * Revised : 2025/02/11
  * 
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 39.3.0`;
-const g_revisedDate = `2025/02/09`;
+const g_version = `Ver 39.4.1`;
+const g_revisedDate = `2025/02/11`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -89,6 +89,7 @@ const C_FLG_ON = `ON`;
 const C_FLG_OFF = `OFF`;
 const C_FLG_ALL = `ALL`;
 const C_DIS_NONE = `none`;
+const C_DIS_AUTO = `auto`;
 const C_DIS_INHERIT = `inherit`;
 
 // 初期化フラグ（ボタンアニメーション制御）
@@ -663,7 +664,7 @@ const createScText = (_obj, _settingLabel, { displayName = `option`, dfLabel = `
 		multiAppend(_obj,
 			createDivCss2Label(`sc${_settingLabel}`,
 				g_scViewObj.format.split(`{0}`).join(dfLabel || (`${g_kCd[g_kCdN.findIndex(kCd => kCd === scKey[0])] ?? ''}`)), {
-				x, y, w, siz, fontWeight: `bold`, opacity: 0.75, pointerEvents: C_DIS_NONE,
+				x, y, w, siz, fontWeight: `bold`, opacity: 0.75,
 			})
 		);
 	}
@@ -1106,7 +1107,6 @@ const getFontSize = (_str, _maxWidth, _font = getBasicFont(), _maxFontsize = 64,
 const createDescDiv = (_id, _str, { altId = _id, siz = g_limitObj.mainSiz } = {}) =>
 	createDivCss2Label(_id, _str, Object.assign(g_lblPosObj[altId], {
 		siz: getFontSize(_str, g_lblPosObj[altId]?.w || g_sWidth, getBasicFont(), siz),
-		pointerEvents: C_DIS_NONE,
 	}));
 
 /*-----------------------------------------------------------*/
@@ -1173,6 +1173,7 @@ const createDivCss2Label = (_id, _text, { x = 0, y = 0, w = g_limitObj.setLblWid
 	style.fontSize = wUnit(siz);
 	style.fontFamily = getBasicFont();
 	style.textAlign = `${align}`;
+	style.pointerEvents = C_DIS_NONE;
 	div.innerHTML = _text;
 	Object.keys(rest).forEach(property => style[property] = rest[property]);
 
@@ -1212,6 +1213,7 @@ const createColorPicker = (_parentObj, _id, _func, { x = 0, y = 0 } = {}) => {
 	picker.style.left = wUnit(x);
 	picker.style.top = wUnit(y);
 	picker.style.position = `absolute`;
+	picker.style.pointerEvents = C_DIS_AUTO;
 	picker.addEventListener(`change`, _func);
 	_parentObj.appendChild(picker);
 	return picker;
@@ -1252,6 +1254,7 @@ const createColorObject2 = (_id,
 	style.maskSize = `contain`;
 	style.webkitMaskImage = `url("${g_imgObj[charaStyle]}")`;
 	style.webkitMaskSize = `contain`;
+	style.pointerEvents = C_DIS_NONE;
 	Object.keys(rest).forEach(property => style[property] = rest[property]);
 	setAttrs(div, { color: rest.background ?? ``, type: charaStyle, cnt: 0, });
 
@@ -1281,6 +1284,7 @@ const createEmptySprite = (_parentObj, _newObjId, { x = 0, y = 0, w = g_sWidth,
 	div.title = title;
 
 	const style = div.style;
+	style.pointerEvents = title === `` ? C_DIS_NONE : C_DIS_AUTO;
 	Object.keys(rest).forEach(property => style[property] = rest[property]);
 	_parentObj.appendChild(div);
 
@@ -1297,8 +1301,9 @@ const createEmptySprite = (_parentObj, _newObjId, { x = 0, y = 0, w = g_sWidth,
 const createMultipleSprite = (_baseName, _num, { x = 0 } = {}) => {
 	const sprite = createEmptySprite(divRoot, _baseName);
 	for (let j = 0; j <= _num; j++) {
-		createEmptySprite(sprite, `${_baseName}${j}`, { x });
+		createEmptySprite(sprite, `${_baseName}${j}`);
 	}
+	addX(_baseName, `root`, x);
 	return sprite;
 };
 
@@ -1403,6 +1408,7 @@ const createCss2Button = (_id, _text, _func = () => true, {
 	style.textAlign = align;
 	style.fontSize = wUnit(siz);
 	style.fontFamily = getBasicFont();
+	style.pointerEvents = C_DIS_AUTO;
 	if (rest.animationName !== undefined) {
 		style.animationDuration = `1s`;
 	}
@@ -1413,7 +1419,7 @@ const createCss2Button = (_id, _text, _func = () => true, {
 		if (g_initialFlg && g_btnWaitFrame[groupName].initial) {
 		} else {
 			style.pointerEvents = C_DIS_NONE;
-			setTimeout(() => style.pointerEvents = rest.pointerEvents ?? `auto`,
+			setTimeout(() => style.pointerEvents = rest.pointerEvents ?? C_DIS_AUTO,
 				g_btnWaitFrame[groupName].b_frame * 1000 / g_fps);
 		}
 	}
@@ -3101,7 +3107,7 @@ const headerConvert = _dosObj => {
 	g_settings.speedNum = roundZero(g_settings.speeds.findIndex(speed => speed === g_stateObj.speed));
 
 	// グラデーションのデフォルト中間色を設定
-	divRoot.appendChild(createDivCss2Label(`dummyLabel`, ``, { pointerEvents: C_DIS_NONE }));
+	divRoot.appendChild(createDivCss2Label(`dummyLabel`, ``));
 	obj.baseBrightFlg = setBoolVal(_dosObj.baseBright, checkLightOrDark(colorNameToCode(window.getComputedStyle(dummyLabel, ``).color)));
 	const intermediateColor = obj.baseBrightFlg ? `#111111` : `#eeeeee`;
 
@@ -3469,7 +3475,7 @@ const headerConvert = _dosObj => {
 	obj.commentExternal = setBoolVal(_dosObj.commentExternal);
 
 	// Reverse時の歌詞の自動反転制御
-	obj.wordAutoReverse = _dosObj.wordAutoReverse ?? g_presetObj.wordAutoReverse ?? `auto`;
+	obj.wordAutoReverse = _dosObj.wordAutoReverse ?? g_presetObj.wordAutoReverse ?? C_DIS_AUTO;
 
 	// プレイ中クレジットを表示しないエリアのサイズ(X方向)
 	obj.customViewWidth = setVal(_dosObj.customViewWidth ?? _dosObj.customCreditWidth, 0, C_TYP_FLOAT);
@@ -4567,9 +4573,7 @@ const titleInit = () => {
 
 	// マスクスプライトを作成
 	const maskTitleSprite = createMultipleSprite(`maskTitleSprite`, g_headerObj.maskTitleMaxDepth);
-	if (!g_headerObj.masktitleButton) {
-		maskTitleSprite.style.pointerEvents = C_DIS_NONE;
-	}
+	maskTitleSprite.style.pointerEvents = g_headerObj.masktitleButton ? C_DIS_AUTO : C_DIS_NONE;
 
 	/**
 	 * タイトルのモーション設定
@@ -4677,10 +4681,10 @@ const setWindowStyle = (_text, _bkColor, _textColor, _align = C_ALIGN_LEFT, { _x
 	const lbl = createDivCss2Label(`lblWarning`, _text, {
 		x: _x, y: 70 + _y, w: _w, h: warnHeight, siz: g_limitObj.mainSiz, backgroundColor: _bkColor,
 		opacity: 0.9, lineHeight: wUnit(15), color: _textColor, align: _align, fontFamily: getBasicFont(),
-		whiteSpace: `normal`,
+		whiteSpace: `normal`, pointerEvents: C_DIS_AUTO,
 	});
 	if (warnHeight === 150) {
-		lbl.style.overflow = `auto`;
+		lbl.style.overflow = C_DIS_AUTO;
 	}
 
 	// 一時的な枠を削除
@@ -5386,7 +5390,7 @@ const makeHighScore = _scoreId => {
 			`${g_localStorage.highscores?.[scoreName]?.fullCombo ?? '' ? '<span class="result_FullCombo">◆</span>' : ''}` +
 			`${g_localStorage.highscores?.[scoreName]?.perfect ?? '' ? '<span class="result_Perfect">◆</span>' : ''}` +
 			`${g_localStorage.highscores?.[scoreName]?.allPerfect ?? '' ? '<span class="result_AllPerfect">◆</span>' : ''}`, { xPos: 1, dx: 20, yPos: 12, w: 100, align: C_ALIGN_CENTER }),
-		createScoreLabel(`lblHClearLamps`, `Cleared: ` + (g_localStorage.highscores?.[scoreName]?.clearLamps?.join(', ') ?? `---`), { yPos: 13, overflow: `auto`, w: g_sWidth / 2 + 40, h: 37 }),
+		createScoreLabel(`lblHClearLamps`, `Cleared: ` + (g_localStorage.highscores?.[scoreName]?.clearLamps?.join(', ') ?? `---`), { yPos: 13, overflow: C_DIS_AUTO, w: g_sWidth / 2 + 40, h: 37 }),
 
 		createScoreLabel(`lblHShuffle`, g_stateObj.shuffle.indexOf(`Mirror`) < 0 ? `` : `Shuffle: <span class="common_iknai">${g_stateObj.shuffle}</span>`, { yPos: 11.5, dx: -130 }),
 		createScoreLabel(`lblHAssist`, g_autoPlaysBase.includes(g_stateObj.autoPlay) ? `` : `Assist: <span class="common_kita">${g_stateObj.autoPlay}</span>`, { yPos: 12.5, dx: -130 }),
@@ -6027,7 +6031,7 @@ const createGeneralSetting = (_obj, _settingName, { unitName = ``,
  */
 const createLblSetting = (_settingName, _adjY = 0, _settingLabel = _settingName) => {
 	const lbl = createDivCss2Label(`lbl${_settingName}`, g_lblNameObj[_settingLabel], {
-		x: -5, y: _adjY, w: 110,
+		x: -5, y: _adjY, w: 110, pointerEvents: C_DIS_AUTO,
 	}, `settings_${_settingName}`);
 	lbl.title = g_msgObj[`${_settingName.charAt(0).toLowerCase()}${_settingName.slice(1)}`];
 	return lbl;
@@ -6920,18 +6924,18 @@ const keyConfigInit = (_kcType = g_kcType) => {
 			// 矢印の塗り部分
 			createColorObject2(`arrowShadow${j}`, {
 				x: keyconX, y: keyconY, background: hasVal(g_headerObj[`setShadowColor${g_colorType}`][colorPos]) ? getShadowColor(colorPos, arrowColor) : ``,
-				rotate: g_keyObj[`stepRtn${keyCtrlPtn}_${g_keycons.stepRtnGroupNum}`][j], styleName: `Shadow`, pointerEvents: `none`,
+				rotate: g_keyObj[`stepRtn${keyCtrlPtn}_${g_keycons.stepRtnGroupNum}`][j], styleName: `Shadow`,
 			}),
 			// 矢印本体
 			createColorObject2(`arrow${j}`, {
-				x: keyconX, y: keyconY, background: arrowColor, rotate: g_keyObj[`stepRtn${keyCtrlPtn}_${g_keycons.stepRtnGroupNum}`][j], pointerEvents: `none`,
+				x: keyconX, y: keyconY, background: arrowColor, rotate: g_keyObj[`stepRtn${keyCtrlPtn}_${g_keycons.stepRtnGroupNum}`][j],
 			}),
 		);
 		if (g_headerObj.shuffleUse && g_keyObj[`shuffle${keyCtrlPtn}`] !== undefined) {
 			keyconSprite.appendChild(
 				createCss2Button(`sArrow${j}`, ``, () => changeTmpShuffleNum(j), {
 					x: keyconX, y: keyconY - 12, w: C_ARW_WIDTH, h: 15, siz: 12, fontWeight: `bold`,
-					pointerEvents: (g_settings.shuffles.filter(val => val.endsWith(`+`)).length > 0 ? `auto` : `none`),
+					pointerEvents: (g_settings.shuffles.filter(val => val.endsWith(`+`)).length > 0 ? C_DIS_AUTO : C_DIS_NONE),
 					cxtFunc: () => changeTmpShuffleNum(j, -1),
 				}, g_cssObj.button_Default_NoColor, g_cssObj.title_base)
 			);
@@ -7986,7 +7990,7 @@ const loadingScoreInit = async () => {
 		g_workObj.shuffleGroupMap[_val]?.push(_i) || (g_workObj.shuffleGroupMap[_val] = [_i]));
 
 	// Mirror,Random,S-Randomの適用
-	g_shuffleFunc[g_stateObj.shuffle](keyNum, Object.values(g_workObj.shuffleGroupMap));
+	g_shuffleFunc.get(g_stateObj.shuffle)(keyNum, Object.values(g_workObj.shuffleGroupMap));
 
 	// アシスト用の配列があれば、ダミーデータで上書き
 	if (typeof g_keyObj[`assistPos${keyCtrlPtn}`] === C_TYP_OBJECT &&
@@ -8608,7 +8612,7 @@ const scoreConvert = (_dosObj, _scoreId, _preblankFrame, _dummyNo = ``,
 			// word_dataのみ指定されている場合、下記ルールに従って設定
 			if (!wordTarget.includes(`Rev`) && g_stateObj.scroll === `---`) {
 				// Reverse時の歌詞の自動反転制御設定
-				if (g_headerObj.wordAutoReverse !== `auto`) {
+				if (g_headerObj.wordAutoReverse !== C_DIS_AUTO) {
 					wordReverseFlg = g_headerObj.wordAutoReverse === C_FLG_ON;
 				} else if (keyNum === divideCnt + 1) {
 					wordReverseFlg = true;
@@ -8632,7 +8636,7 @@ const scoreConvert = (_dosObj, _scoreId, _preblankFrame, _dummyNo = ``,
 		let wordReverseFlg = _reverseFlg;
 		const tmpArrayData = splitLF(_data);
 
-		if (g_headerObj.wordAutoReverse === `auto`) {
+		if (g_headerObj.wordAutoReverse === C_DIS_AUTO) {
 			tmpArrayData.filter(data => hasVal(data) && data?.indexOf(`<br>`) !== -1).forEach(() => wordReverseFlg = false);
 		}
 
@@ -8921,7 +8925,7 @@ const setSpeedOnFrame = (_speedData, _lastFrame) => {
  * Motionオプション適用時の矢印別の速度設定
  * - 矢印が表示される最大フレーム数を 縦ピクセル数×20 と定義。
  */
-const setMotionOnFrame = () => g_motionFunc[g_stateObj.motion](fillArray(g_headerObj.playingHeight * 20 + 1));
+const setMotionOnFrame = () => g_motionFunc.get(g_stateObj.motion)(fillArray(g_headerObj.playingHeight * 20 + 1));
 
 /**
  * Boost用の適用関数
@@ -9948,21 +9952,23 @@ const mainInit = () => {
 	g_workObj.fadeOutNo = fillArray(wordMaxLen);
 	g_workObj.lastFadeFrame = fillArray(wordMaxLen);
 	g_workObj.wordFadeFrame = fillArray(wordMaxLen);
+	const mainCommonPos = { w: g_headerObj.playingWidth, h: g_posObj.arrowHeight };
 
 	// 背景スプライトを作成
 	createMultipleSprite(`backSprite`, g_scoreObj.backMaxDepth, { x: g_workObj.backX });
 
 	// ステップゾーン、矢印のメインスプライトを作成
-	const mainSprite = createEmptySprite(divRoot, `mainSprite`, {
-		x: g_workObj.playingX, y: g_posObj.stepY - C_STEP_Y + g_headerObj.playingY, w: g_headerObj.playingWidth, h: g_headerObj.playingHeight,
-	});
+	const mainSprite = createEmptySprite(divRoot, `mainSprite`, mainCommonPos);
 	addTransform(`mainSprite`, `root`, `scale(${g_keyObj.scale})`);
+	addXY(`mainSprite`, `root`, g_workObj.playingX, g_posObj.stepY - C_STEP_Y + g_headerObj.playingY);
 
 	// 曲情報・判定カウント用スプライトを作成（メインスプライトより上位）
-	const infoSprite = createEmptySprite(divRoot, `infoSprite`, { x: g_workObj.playingX, y: g_headerObj.playingY, w: g_headerObj.playingWidth, h: g_headerObj.playingHeight });
+	const infoSprite = createEmptySprite(divRoot, `infoSprite`, mainCommonPos);
+	addXY(`infoSprite`, `root`, g_workObj.playingX, g_headerObj.playingY);
 
 	// 判定系スプライトを作成（メインスプライトより上位）
-	const judgeSprite = createEmptySprite(divRoot, `judgeSprite`, { x: g_workObj.playingX, y: g_headerObj.playingY, w: g_headerObj.playingWidth, h: g_headerObj.playingHeight });
+	const judgeSprite = createEmptySprite(divRoot, `judgeSprite`, mainCommonPos);
+	addXY(`judgeSprite`, `root`, g_workObj.playingX, g_headerObj.playingY);
 
 	const tkObj = getKeyInfo();
 	const [keyCtrlPtn, keyNum] = [tkObj.keyCtrlPtn, tkObj.keyNum];
@@ -9999,7 +10005,6 @@ const mainInit = () => {
 
 	// mainSprite配下に層別のスプライトを作成し、ステップゾーン・矢印本体・フリーズアローヒット部分に分ける
 	const mainSpriteN = [], stepSprite = [], arrowSprite = [], frzHitSprite = [];
-	const mainCommonPos = { w: g_headerObj.playingWidth, h: g_posObj.arrowHeight };
 
 	// Hidden+, Sudden+用のライン、パーセント表示
 	const filterCss = g_stateObj.filterLock === C_FLG_OFF ? g_cssObj.life_Failed : g_cssObj.life_Cleared;
@@ -10062,12 +10067,23 @@ const mainInit = () => {
 	}
 
 	// StepArea処理
-	g_stepAreaFunc[g_stateObj.stepArea]();
+	g_stepAreaFunc.get(g_stateObj.stepArea)();
+
+	// mainSpriteのtransform追加処理
+	addTransform(`mainSprite`, `playWindow`, g_playWindowFunc.get(g_stateObj.playWindow)());
+
+	// EffectのArrowEffect追加処理
+	g_effectFunc.get(g_stateObj.effect)();
 
 	// Appearanceのオプション適用時は一部描画を隠す
 	changeAppearanceFilter(g_appearanceRanges.includes(g_stateObj.appearance) ?
 		g_hidSudObj.filterPos : g_hidSudObj.filterPosDefault[g_stateObj.appearance], true);
 
+	// Shaking初期化
+	if (g_stateObj.shaking !== C_FLG_OFF) {
+		addXY(`mainSprite`, `shaking`, 0, 0);
+	}
+
 	// 現在の矢印・フリーズアローの速度、個別加算速度の初期化 (速度変化時に直す)
 	g_workObj.currentSpeed = 2;
 	g_workObj.boostSpd = 1;
@@ -10326,12 +10342,6 @@ const mainInit = () => {
 	// ユーザカスタムイベント(初期)
 	g_customJsObj.main.forEach(func => func());
 
-	// mainSpriteのtransform追加処理
-	addTransform(`mainSprite`, `playWindow`, g_playWindowFunc[g_stateObj.playWindow]());
-
-	// EffectのArrowEffect追加処理
-	g_effectFunc[g_stateObj.effect]();
-
 	/**
 	 * キーを押したときの処理
 	 */
@@ -11055,7 +11065,7 @@ const mainInit = () => {
 		}
 
 		// 画面揺れの設定
-		g_shakingFunc[g_stateObj.shaking]();
+		g_shakingFunc.get(g_stateObj.shaking)();
 
 		// ユーザカスタムイベント(フレーム毎)
 		g_customJsObj.mainEnterFrame.forEach(func => func());
@@ -11356,30 +11366,36 @@ const changeAppearanceFilter = (_num = 10, _shiftFlg = keyIsShift()) => {
 		_num = MAX_FILTER_POS / 2;
 	}
 
+	// アルファマスクの位置設定
 	const numPlus = (g_stateObj.appearance === `Hid&Sud+` ? _num : 0);
 	const topShape = `inset(${_num}% 0% ${numPlus}% 0%)`;
 	const bottomShape = `inset(${numPlus}% 0% ${_num}% 0%)`;
+
+	// フィルターバーの位置設定
 	const appearPers = [_num, MAX_FILTER_POS - _num];
+	const topDist = g_posObj.arrowHeight * appearPers[topNum] / MAX_FILTER_POS;
+	const bottomDist = g_posObj.arrowHeight * appearPers[bottomNum] / MAX_FILTER_POS;
 
 	for (let j = 0; j < g_stateObj.layerNum; j += 2) {
 		$id(`arrowSprite${topNum + j}`).clipPath = topShape;
 		$id(`arrowSprite${bottomNum + j}`).clipPath = bottomShape;
 
-		$id(`filterBar${topNum + j}`).top = wUnit(parseFloat($id(`arrowSprite${j}`).top) + g_posObj.arrowHeight * appearPers[topNum] / MAX_FILTER_POS);
-		$id(`filterBar${bottomNum + j}`).top = wUnit(parseFloat($id(`arrowSprite${j + 1}`).top) + g_posObj.arrowHeight * appearPers[bottomNum] / MAX_FILTER_POS);
+		$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);
 
 		if (![`Default`, `Halfway`].includes(g_stateObj.stepArea)) {
-			$id(`filterBar${bottomNum + j}_HS`).top = wUnit(parseFloat($id(`arrowSprite${j}`).top) + g_posObj.arrowHeight * appearPers[bottomNum] / MAX_FILTER_POS);
-			$id(`filterBar${topNum + j}_HS`).top = wUnit(parseFloat($id(`arrowSprite${j + 1}`).top) + g_posObj.arrowHeight * appearPers[topNum] / MAX_FILTER_POS);
+			$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);
 		}
 
 		// 階層が多い場合はShift+pgUp/pgDownで表示する階層グループを切り替え
 		if (_shiftFlg && g_stateObj.d_filterline === C_FLG_ON) {
 			[`${topNum + j}`, `${bottomNum + j}`].forEach(type => {
-				$id(`filterBar${type}`).display = (j === g_workObj.aprFilterCnt ? C_DIS_INHERIT : C_DIS_NONE);
+				const displayState = (j === g_workObj.aprFilterCnt ? C_DIS_INHERIT : C_DIS_NONE);
+				$id(`filterBar${type}`).display = displayState;
 
 				if (![`Default`, `Halfway`].includes(g_stateObj.stepArea)) {
-					$id(`filterBar${type}_HS`).display = (j === g_workObj.aprFilterCnt ? C_DIS_INHERIT : C_DIS_NONE);
+					$id(`filterBar${type}_HS`).display = displayState;
 				}
 			});
 		}
@@ -11394,6 +11410,7 @@ const changeAppearanceFilter = (_num = 10, _shiftFlg = keyIsShift()) => {
 			$id(`filterBar${(g_hidSudObj.std[g_stateObj.appearance][g_stateObj.reverse]) % 2}`).top;
 		filterView.textContent = `${_num}%`;
 
+		// スクロールが1種類でHidden+/Sudden+の場合、対面のフィルターバーは不要なため非表示にする
 		if (g_stateObj.appearance !== `Hid&Sud+` && g_workObj.dividePos.every(v => v === g_workObj.dividePos[0])) {
 			$id(`filterBar${(g_hidSudObj.std[g_stateObj.appearance][g_stateObj.reverse] + 1) % 2}`).display = C_DIS_NONE;
 		}
@@ -11470,10 +11487,14 @@ const changeReturn = (_rad, _axis) => {
 
 /**
  * AutoRetryの設定
- * @param {number} _retryNum AutoRetryの設定位置（g_settings.autoRetryNum）
+ * @param {string} _retryCondition リトライ基準となるAutoRetry名
  */
-const quickRetry = (_retryNum) => {
-	if (g_settings.autoRetryNum >= _retryNum && !g_workObj.autoRetryFlg) {
+const quickRetry = (_retryCondition) => {
+	const retryNum = g_settings.autoRetrys.findIndex(val => val === _retryCondition);
+	if (retryNum < 0) {
+		return;
+	}
+	if (g_settings.autoRetryNum >= retryNum && !g_workObj.autoRetryFlg) {
 		g_workObj.autoRetryFlg = true;
 		setTimeout(() => {
 			g_audio.pause();
@@ -11578,7 +11599,6 @@ const changeHitFrz = (_j, _k, _name, _difFrame = 0) => {
 	const styfrzBtmRoot = $id(`${_name}BtmRoot${frzNo}`);
 	const styfrzBtm = $id(`${_name}Btm${frzNo}`);
 	const styfrzTopRoot = $id(`${_name}TopRoot${frzNo}`);
-	const styfrzTop = $id(`${_name}Top${frzNo}`);
 	const styfrzBtmShadow = $id(`${_name}BtmShadow${frzNo}`);
 
 	// フリーズアロー位置の修正（ステップゾーン上に来るように）
@@ -11629,7 +11649,7 @@ const changeHitFrz = (_j, _k, _name, _difFrame = 0) => {
 	// FrzReturnの設定
 	if (g_stateObj.frzReturn !== C_FLG_OFF) {
 		if (!g_workObj.frzReturnFlg) {
-			changeReturn(4, g_frzReturnFunc[g_stateObj.frzReturn]());
+			changeReturn(4, g_frzReturnFunc.get(g_stateObj.frzReturn)());
 		}
 	}
 	g_customJsObj[`judg_${_name}Hit`].forEach(func => func(_difFrame));
@@ -11654,7 +11674,7 @@ const changeFailedFrz = (_j, _k) => {
 	// FrzReturnの設定
 	if (g_stateObj.frzReturn !== C_FLG_OFF) {
 		if (!g_workObj.frzReturnFlg) {
-			changeReturn(4, g_frzReturnFunc[g_stateObj.frzReturn]());
+			changeReturn(4, g_frzReturnFunc.get(g_stateObj.frzReturn)());
 		}
 	}
 };
@@ -11776,11 +11796,11 @@ const displayDiff = (_difFrame, _fjdg = ``, _justFrames = g_headerObj.justFrames
 	} else if (_difFrame > _justFrames) {
 		diffJDisp = `<span class="common_diffFast">Fast ${difCnt} Frames</span>`;
 		g_resultObj.fast++;
-		quickRetry(4);
+		quickRetry(`Fast/Slow`);
 	} else if (_difFrame < _justFrames * (-1)) {
 		diffJDisp = `<span class="common_diffSlow">Slow ${difCnt} Frames</span>`;
 		g_resultObj.slow++;
-		quickRetry(4);
+		quickRetry(`Fast/Slow`);
 	}
 	document.getElementById(`diff${_fjdg}J`).innerHTML = diffJDisp;
 };
@@ -11826,7 +11846,7 @@ const lifeRecovery = () => {
  */
 const lifeDamage = (_excessive = false) => {
 	g_workObj.lifeVal -= g_workObj.lifeDmg * (_excessive ? 0.25 : 1);
-	quickRetry(1);
+	quickRetry(`Miss`);
 
 	if (g_workObj.lifeVal <= 0) {
 		g_workObj.lifeVal = 0;
@@ -11874,11 +11894,11 @@ const judgeRecovery = (_name, _difFrame) => {
 
 	if (g_stateObj.freezeReturn !== C_FLG_OFF) {
 		if ((g_resultObj.ii + g_resultObj.shakin) % 100 === 0 && !g_workObj.frzReturnFlg) {
-			changeReturn(1, g_frzReturnFunc[g_stateObj.frzReturn]());
+			changeReturn(1, g_frzReturnFunc.get(g_stateObj.frzReturn)());
 		}
 	}
 	if (_name === `shakin`) {
-		quickRetry(3);
+		quickRetry(`Shakin(Great)`);
 	}
 	g_customJsObj[`judg_${_name}`].forEach(func => func(_difFrame));
 };
@@ -11917,7 +11937,7 @@ const judgeMatari = _difFrame => {
 	changeJudgeCharacter(`matari`, g_lblNameObj.j_matari);
 	comboJ.textContent = ``;
 	finishViewing();
-	quickRetry(2);
+	quickRetry(`Matari(Good)`);
 
 	g_customJsObj.judg_matari.forEach(func => func(_difFrame));
 };
@@ -12470,7 +12490,7 @@ const resultInit = () => {
 	 * @param {string} _msg 
 	 */
 	const copyResultImageData = _msg => {
-		const tmpDiv = createEmptySprite(divRoot, `tmpDiv`, { x: 0, y: 0, w: g_sWidth, h: g_sHeight });
+		const tmpDiv = createEmptySprite(divRoot, `tmpDiv`, { x: 0, y: 0, w: g_sWidth, h: g_sHeight, pointerEvents: C_DIS_AUTO });
 		tmpDiv.style.background = `#000000cc`;
 		const canvas = document.createElement(`canvas`);
 		const artistName = g_headerObj.artistNames[g_headerObj.musicNos[g_stateObj.scoreId]] || g_headerObj.artistName;
@@ -12645,10 +12665,8 @@ const resultInit = () => {
 	);
 
 	// マスクスプライトを作成
-	const maskResultSprite = createMultipleSprite(`maskResultSprite`, g_headerObj.maskResultMaxDepth);
-	if (!g_headerObj.maskresultButton) {
-		maskResultSprite.style.pointerEvents = C_DIS_NONE;
-	}
+	const makeResultSprite = createMultipleSprite(`maskResultSprite`, g_headerObj.maskResultMaxDepth);
+	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)

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2025/02/09 (v39.3.0)
+ * Revised : 2025/02/11 (v39.4.1)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -156,14 +156,14 @@ let [g_sWidth, g_sHeight] = [
 ];
 $id(`canvas-frame`).width = `${Math.max(g_sWidth, 500)}px`;
 $id(`canvas-frame`).height = `${Math.max(g_sHeight, 500)}px`;
-$id(`canvas-frame`).margin = `auto`;
+$id(`canvas-frame`).margin = C_DIS_AUTO;
 
 const g_btnWidth = (_multi = 1) => Math.min(g_sWidth, g_limitObj.btnBaseWidth) * _multi;
 const g_btnX = (_multi = 0) => g_btnWidth(_multi) + Math.max((g_sWidth - g_limitObj.btnBaseWidth) / 2, 0);
 
 // 固定ウィンドウサイズ
 const g_windowObj = {
-    divRoot: { margin: `auto`, letterSpacing: `normal` },
+    divRoot: { margin: C_DIS_AUTO, letterSpacing: `normal`, pointerEvents: C_DIS_AUTO },
     divBack: { background: `linear-gradient(#000000, #222222)` },
 
     colorPickSprite: { x: 0, y: 90, w: 50, h: 280 },
@@ -191,13 +191,13 @@ const getScMsg = {
 const updateWindowSiz = () => {
     Object.assign(g_windowObj, {
         optionSprite: { x: (g_sWidth - 450) / 2, y: 65, w: 450, h: 325 },
-        difList: { x: 165, y: 60, w: 280, h: 270 + g_sHeight - 500, overflow: `auto` },
-        difCover: { x: 20, y: 60, w: 145, h: 270 + g_sHeight - 500, opacity: 0.95 },
-        difFilter: { x: 0, y: 66, w: 140, h: 204 + g_sHeight - 500, overflow: `auto` },
+        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 },
-        scoreDetail: { x: 20, y: 85, w: (g_sWidth - 500) / 2 + 420, h: 245, visibility: `hidden` },
+        scoreDetail: { x: 20, y: 85, w: (g_sWidth - 500) / 2 + 420, h: 245, visibility: `hidden`, pointerEvents: C_DIS_AUTO },
         detailObj: { w: (g_sWidth - 500) / 2 + 420, h: 230, visibility: `hidden` },
-        keyconSprite: { y: 105, h: g_sHeight - 105, overflow: `auto` },
+        keyconSprite: { y: 105, h: g_sHeight - 105, overflow: C_DIS_AUTO },
         loader: { y: g_sHeight - 10, h: 10, backgroundColor: `#333333` },
         playDataWindow: { x: g_sWidth / 2 - 225, y: 70, w: 450, h: 110 },
         resultWindow: { x: g_sWidth / 2 - 200, y: 185, w: 400, h: 210 },
@@ -232,7 +232,7 @@ const updateWindowSiz = () => {
         },
         lblComment: {
             x: g_btnX(), y: 70, w: g_btnWidth(), h: g_sHeight - 180, siz: g_limitObj.difSelectorSiz, align: C_ALIGN_LEFT,
-            overflow: `auto`, background: `#222222`, color: `#cccccc`, display: C_DIS_NONE,
+            overflow: C_DIS_AUTO, background: `#222222`, color: `#cccccc`, display: C_DIS_NONE,
             whiteSpace: `normal`,
         },
         btnComment: {
@@ -304,7 +304,7 @@ const updateWindowSiz = () => {
             x: 130, y: 70, w: 200, h: 90,
         },
         dataArrowInfo2: {
-            x: 140, y: 70, w: (g_sWidth - 500) / 2 + 275, h: 150, overflow: `auto`,
+            x: 140, y: 70, w: (g_sWidth - 500) / 2 + 275, h: 150, overflow: C_DIS_AUTO,
         },
         lnkDifInfo: {
             w: g_limitObj.difCoverWidth, h: 20, borderStyle: `solid`,
@@ -340,7 +340,6 @@ const updateWindowSiz = () => {
         },
         kcMsg: {
             x: g_btnX(), y: g_sHeight - 33, w: g_btnWidth(), h: 20, siz: g_limitObj.mainSiz,
-            pointerEvents: `none`,
         },
         kcDesc: {
             x: g_btnX() + 50, y: 68, w: g_btnWidth() - 100, h: 20,
@@ -434,7 +433,7 @@ const updateWindowSiz = () => {
         },
         lblWord: {
             x: 100, w: g_headerObj.playingWidth - 200, h: 50,
-            siz: g_limitObj.mainSiz, align: C_ALIGN_LEFT, display: `block`, margin: `auto`,
+            siz: g_limitObj.mainSiz, align: C_ALIGN_LEFT, display: `block`, margin: C_DIS_AUTO,
         },
         finishView: {
             x: g_headerObj.playingWidth / 2 - 150, y: g_headerObj.playingHeight / 2 - 50, w: 300, h: 20, siz: 50,
@@ -492,13 +491,13 @@ const updateWindowSiz = () => {
 const g_windowAlign = {
     left: () => {
         $id(`canvas-frame`).marginLeft = `0px`;
-        $id(`canvas-frame`).marginRight = `auto`;
+        $id(`canvas-frame`).marginRight = C_DIS_AUTO;
     },
     center: () => {
-        $id(`canvas-frame`).margin = `auto`;
+        $id(`canvas-frame`).margin = C_DIS_AUTO;
     },
     right: () => {
-        $id(`canvas-frame`).marginLeft = `auto`;
+        $id(`canvas-frame`).marginLeft = C_DIS_AUTO;
         $id(`canvas-frame`).marginRight = `0px`;
     },
 };
@@ -1113,7 +1112,8 @@ const g_moveSettingWindow = (_changePageFlg = true, _direction = 1) => {
  * transform, 座標管理
  */
 const g_transforms = {};
-const g_posXYs = {};
+const g_posXs = {};
+const g_posYs = {};
 
 /**
  * idごとのtransformを追加・変更
@@ -1124,12 +1124,10 @@ const g_posXYs = {};
  */
 const addTransform = (_id, _transformId, _transform) => {
     if (g_transforms[_id] === undefined) {
-        g_transforms[_id] = {};
+        g_transforms[_id] = new Map();
     }
-    g_transforms[_id][_transformId] = _transform;
-    const _transforms = [];
-    Object.keys(g_transforms[_id]).forEach(transformId => _transforms.push(g_transforms[_id][transformId]));
-    $id(_id).transform = _transforms.join(` `);
+    g_transforms[_id].set(_transformId, _transform);
+    $id(_id).transform = Array.from(g_transforms[_id].values()).join(` `);
 };
 
 /**
@@ -1145,22 +1143,77 @@ const addTempTransform = (_id, _transform) => {
  * transformの初期化
  */
 const resetTransform = () => {
-    Object.keys(g_transforms).forEach(_id => g_transforms[_id] = {});
+    Object.keys(g_transforms).forEach(_id => delete g_transforms[_id]);
 };
 
 /**
- * 座標計算
+ * id, transformIdに合致するtransform情報の取得
+ * @param {string} _id 
+ * @param {string} _transformId 
+ * @returns {string}
+ */
+const getTransform = (_id, _transformId) => {
+    return g_transforms[_id]?.[_transformId] || ``;
+};
+
+/**
+ * 座標加算処理 (X座標)
  * @param {string} _id 
  * @param {string} _typeId 
+ * @param {number} [_x=0] 
+ * @param {boolean} [_overwrite=false] 
  */
-const calcXY = (_id, _typeId) => {
-    const _posXs = [], _posYs = [];
-    Object.keys(g_posXYs[_id]).forEach(typeId => {
-        _posXs.push(g_posXYs[_id][typeId][0]);
-        _posYs.push(g_posXYs[_id][typeId][1]);
-    });
-    $id(_id).left = `${sumData(_posXs)}px`;
-    $id(_id).top = `${sumData(_posYs)}px`;
+const addX = (_id, _typeId, _x = 0, _overwrite = false) => {
+    if (_overwrite) {
+        delete g_posXs?.[_id];
+    }
+    if (g_posXs[_id] === undefined) {
+        g_posXs[_id] = new Map();
+    }
+    if (g_posXs[_id].get(_typeId) !== _x) {
+        g_posXs[_id].set(_typeId, _x);
+        $id(_id).left = `${sumData(Array.from(g_posXs[_id].values()))}px`;
+    }
+};
+
+/**
+ * 座標加算処理 (Y座標)
+ * @param {string} _id 
+ * @param {string} _typeId 
+ * @param {number} [_y=0] 
+ * @param {boolean} [_overwrite=false] 
+ */
+const addY = (_id, _typeId, _y = 0, _overwrite = false) => {
+    if (_overwrite) {
+        delete g_posYs?.[_id];
+    }
+    if (g_posYs[_id] === undefined) {
+        g_posYs[_id] = new Map();
+    }
+    if (g_posYs[_id].get(_typeId) !== _y) {
+        g_posYs[_id].set(_typeId, _y);
+        $id(_id).top = `${sumData(Array.from(g_posYs[_id].values()))}px`;
+    }
+};
+
+/**
+ * 座標リセット処理（X座標）
+ * @param {string} _id 
+ * @param {string} _typeId 
+ */
+const delX = (_id, _typeId) => {
+    g_posXs[_id]?.delete(_typeId);
+    $id(_id).left = `${sumData(Array.from(g_posXs[_id].values()))}px`;
+};
+
+/**
+ * 座標リセット処理（Y座標）
+ * @param {string} _id 
+ * @param {string} _typeId 
+ */
+const delY = (_id, _typeId) => {
+    g_posYs[_id]?.delete(_typeId);
+    $id(_id).top = `${sumData(Array.from(g_posYs[_id].values()))}px`;
 };
 
 /**
@@ -1172,14 +1225,8 @@ const calcXY = (_id, _typeId) => {
  * @param {boolean} [_overwrite=false]
  */
 const addXY = (_id, _typeId, _x = 0, _y = 0, _overwrite = false) => {
-    if (_overwrite) {
-        delete g_posXYs?.[_id];
-    }
-    if (g_posXYs[_id] === undefined) {
-        g_posXYs[_id] = {};
-    }
-    g_posXYs[_id][_typeId] = [_x, _y];
-    calcXY(_id, _typeId);
+    addX(_id, _typeId, _x, _overwrite);
+    addY(_id, _typeId, _y, _overwrite);
 };
 
 /**
@@ -1188,25 +1235,16 @@ const addXY = (_id, _typeId, _x = 0, _y = 0, _overwrite = false) => {
  * @param {string} _typeId 
  */
 const delXY = (_id, _typeId) => {
-    delete g_posXYs[_id][_typeId];
-    calcXY(_id, _typeId);
+    delX(_id, _typeId);
+    delY(_id, _typeId);
 };
 
 /**
  * 座標位置情報の初期化
  */
 const resetXY = () => {
-    Object.keys(g_posXYs).forEach(_id => delete g_posXYs[_id]);
-};
-
-/**
- * id, transformIdに合致するtransform情報の取得
- * @param {string} _id 
- * @param {string} _transformId 
- * @returns 
- */
-const getTransform = (_id, _transformId) => {
-    return g_transforms[_id]?.[_transformId] || ``;
+    Object.keys(g_posXs).forEach(_id => delete g_posXs[_id]);
+    Object.keys(g_posYs).forEach(_id => delete g_posYs[_id]);
 };
 
 /**
@@ -1214,43 +1252,43 @@ const getTransform = (_id, _transformId) => {
  * @param {number} keyNum
  * @param {array} shuffleGroup
  */
-const g_shuffleFunc = {
-    'OFF': () => true,
-    'Mirror': (keyNum, shuffleGroup) => applyMirror(keyNum, shuffleGroup),
-    'X-Mirror': (keyNum, shuffleGroup) => applyMirror(keyNum, shuffleGroup, true),
-    'Turning': (keyNum, shuffleGroup) => applyTurning(keyNum, shuffleGroup),
-    'Random': (keyNum, shuffleGroup) => applyRandom(keyNum, shuffleGroup),
-    'Random+': keyNum => applyRandom(keyNum, [[...Array(keyNum).keys()]]),
-    'S-Random': (keyNum, shuffleGroup) => {
+const g_shuffleFunc = new Map([
+    ['OFF', () => true],
+    ['Mirror', (keyNum, shuffleGroup) => applyMirror(keyNum, shuffleGroup)],
+    ['X-Mirror', (keyNum, shuffleGroup) => applyMirror(keyNum, shuffleGroup, true)],
+    ['Turning', (keyNum, shuffleGroup) => applyTurning(keyNum, shuffleGroup)],
+    ['Random', (keyNum, shuffleGroup) => applyRandom(keyNum, shuffleGroup)],
+    ['Random+', keyNum => applyRandom(keyNum, [[...Array(keyNum).keys()]])],
+    ['S-Random', (keyNum, shuffleGroup) => {
         applySRandom(keyNum, shuffleGroup, `arrow`, `frz`);
         applySRandom(keyNum, shuffleGroup, `dummyArrow`, `dummyFrz`);
-    },
-    'S-Random+': keyNum => {
+    }],
+    ['S-Random+', keyNum => {
         applySRandom(keyNum, [[...Array(keyNum).keys()]], `arrow`, `frz`);
         applySRandom(keyNum, [[...Array(keyNum).keys()]], `dummyArrow`, `dummyFrz`);
-    },
-    'Scatter': (keyNum, shuffleGroup) => {
+    }],
+    ['Scatter', (keyNum, shuffleGroup) => {
         applySRandom(keyNum, shuffleGroup, `arrow`, `frz`);
         applySRandom(keyNum, shuffleGroup, `dummyArrow`, `dummyFrz`);
-    },
-    'Scatter+': keyNum => {
+    }],
+    ['Scatter+', keyNum => {
         applySRandom(keyNum, [[...Array(keyNum).keys()]], `arrow`, `frz`);
         applySRandom(keyNum, [[...Array(keyNum).keys()]], `dummyArrow`, `dummyFrz`);
-    },
-};
+    }],
+]);
 
 /**
  * モーション適用関数
  * @param {array} frms フレーム別の速度設定用配列。配列の15がステップゾーン上、0～14は矢印の枠外管理用
  */
-const g_motionFunc = {
-    'OFF': _frms => _frms,
-    'Boost': _frms => getBoostTrace(_frms, 3),
-    'Hi-Boost': _frms => getBoostTrace(_frms, g_stateObj.speed * 2),
-    'Brake': _frms => getBrakeTrace(_frms),
-    'Compress': _frms => getBoostTrace(_frms, g_stateObj.speed * 5 / 8, -1),
-    'Fountain': _frms => getFountainTrace(_frms, g_stateObj.speed * 2),
-};
+const g_motionFunc = new Map([
+    ['OFF', _frms => _frms],
+    ['Boost', _frms => getBoostTrace(_frms, 3)],
+    ['Hi-Boost', _frms => getBoostTrace(_frms, g_stateObj.speed * 2)],
+    ['Brake', _frms => getBrakeTrace(_frms)],
+    ['Compress', _frms => getBoostTrace(_frms, g_stateObj.speed * 5 / 8, -1)],
+    ['Fountain', _frms => getFountainTrace(_frms, g_stateObj.speed * 2)],
+]);
 
 /**
  * PlayWindow適用関数
@@ -1258,109 +1296,131 @@ const g_motionFunc = {
 const g_changeStairs = (_rad) => `rotate(${_rad}deg)`;
 const g_changeSkew = (_rad) => `Skew(${_rad}deg, ${_rad}deg) scaleY(0.9)`;
 
-const g_playWindowFunc = {
-    'Default': () => ``,
-    'Stairs': () => g_changeStairs(-8),
-    'R-Stairs': () => g_changeStairs(8),
-    'Slope': () => g_changeStairs(-45),
-    'R-Slope': () => g_changeStairs(45),
-    'Distorted': () => g_changeSkew(-15),
-    'R-Distorted': () => g_changeSkew(15),
-    'SideScroll': () => g_changeStairs(-90),
-    'R-SideScroll': () => g_changeStairs(90),
-};
+const g_playWindowFunc = new Map([
+    ['Default', () => ``],
+    ['Stairs', () => g_changeStairs(-8)],
+    ['R-Stairs', () => g_changeStairs(8)],
+    ['Slope', () => g_changeStairs(-45)],
+    ['R-Slope', () => g_changeStairs(45)],
+    ['Distorted', () => g_changeSkew(-15)],
+    ['R-Distorted', () => g_changeSkew(15)],
+    ['SideScroll', () => g_changeStairs(-90)],
+    ['R-SideScroll', () => g_changeStairs(90)],
+]);
 
 const g_arrowGroupSprite = [`stepSprite`, `arrowSprite`, `frzHitSprite`];
-const g_stepAreaFunc = {
-    'Default': () => ``,
-    'Halfway': () => {
+const halfwayOffset = _j => (_j % 2 === 0 ? 1 : -1) * (g_headerObj.playingHeight / 2 - g_posObj.stepY + (g_posObj.stepYR - C_ARW_WIDTH) / 2);
+const g_stepAreaFunc = new Map([
+    ['Default', () => ``],
+    ['Halfway', () => {
         g_arrowGroupSprite.forEach(sprite => {
             for (let j = 0; j < g_stateObj.layerNum; j++) {
-                addXY(`${sprite}${j}`, `stepArea`, 0, (j % 2 === 0 ? 1 : -1) * (g_headerObj.playingHeight / 2 - g_posObj.stepY + (g_posObj.stepYR - C_ARW_WIDTH) / 2));
+                addY(`${sprite}${j}`, `stepArea`, halfwayOffset(j));
             }
         });
-    },
-    'Mismatched': () => {
+    }],
+    ['Mismatched', () => {
         for (let j = 0; j < g_stateObj.layerNum; j++) {
             addTransform(`mainSprite${j}`, `stepArea`, `rotate(${(j % 2 === 0 ? 1 : -1) * -15}deg)`);
         }
         if (g_workObj.orgFlatFlg) {
             g_arrowGroupSprite.forEach(sprite => {
                 for (let j = 2; j < Math.min(g_stateObj.layerNum, 4); j++) {
-                    addXY(`${sprite}${j}`, `stepArea`, 0, (j % 2 === 0 ? 1 : -1) * (g_headerObj.playingHeight / 2 - g_posObj.stepY + (g_posObj.stepYR - C_ARW_WIDTH) / 2));
+                    addY(`${sprite}${j}`, `stepArea`, halfwayOffset(j));
                 }
             });
         }
-    },
-    'R-Mismatched': () => {
+    }],
+    ['R-Mismatched', () => {
         for (let j = 0; j < g_stateObj.layerNum; j++) {
             addTransform(`mainSprite${j}`, `stepArea`, `rotate(${(j % 2 === 0 ? 1 : -1) * 15}deg)`);
         }
         if (g_workObj.orgFlatFlg) {
             g_arrowGroupSprite.forEach(sprite => {
                 for (let j = 0; j < Math.min(g_stateObj.layerNum, 2); j++) {
-                    addXY(`${sprite}${j}`, `stepArea`, 0, (j % 2 === 0 ? 1 : -1) * (g_headerObj.playingHeight / 2 - g_posObj.stepY + (g_posObj.stepYR - C_ARW_WIDTH) / 2));
+                    addY(`${sprite}${j}`, `stepArea`, halfwayOffset(j));
                 }
             });
         }
-    },
-    '2Step': () => {
+    }],
+    ['2Step', () => {
         g_arrowGroupSprite.forEach(sprite => {
             for (let j = Math.min(g_stateObj.layerNum, 4) / 2; j < Math.min(g_stateObj.layerNum, 4); j++) {
-                addXY(`${sprite}${j}`, `stepArea`, 0, (j % 2 === 0 ? 1 : -1) * (g_headerObj.playingHeight / 2 - g_posObj.stepY + (g_posObj.stepYR - C_ARW_WIDTH) / 2));
+                addY(`${sprite}${j}`, `stepArea`, halfwayOffset(j));
             }
         });
-    },
-    'X-Flower': () => {
+    }],
+    ['X-Flower', () => {
         for (let j = 0; j < Math.min(g_stateObj.layerNum, 4); j++) {
             addTransform(`mainSprite${j}`, `stepArea`, `rotate(${(j % 2 === 0 ? 1 : -1) * (j % 4 < 2 ? 1 : -1) * -15}deg)`);
         }
-    },
-};
+    }],
+]);
 
 /**
  * Shaking適用関数
  */
-const g_shakingFunc = {
-    'OFF': () => true,
-    'Horizontal': () => $id(`mainSprite`).left = `${(Math.abs((g_scoreObj.baseFrame / 2) % 100 - 50) - 25) / 1}px`,
-    'Vertical': () => $id(`mainSprite`).top = `${(Math.abs((g_scoreObj.baseFrame / 2) % 100 - 50) - 25) / 2}px`,
-    'Drunk': () => {
-        if (parseFloat($id(`mainSprite`).left) === 0 && parseFloat($id(`mainSprite`).top) === 0) {
-            g_workObj.drunkXFlg = [true, false][Math.floor(Math.random() * 2)];
-            g_workObj.drunkYFlg = [true, false][Math.floor(Math.random() * 2)];
+const g_shakingFunc = new Map([
+    ['OFF', () => true],
+    ['Horizontal', () => addX(`mainSprite`, `shaking`, (Math.abs((g_scoreObj.baseFrame / 2) % 100 - 50) - 25) / 1)],
+    ['Vertical', () => addY(`mainSprite`, `shaking`, (Math.abs((g_scoreObj.baseFrame / 2) % 100 - 50) - 25) / 2)],
+    ['Drunk', () => {
+        if (g_posXs.mainSprite.get(`shaking`) === 0 && g_posYs.mainSprite.get(`shaking`) === 0) {
+            g_workObj.drunkXFlg = Math.random() < 0.5;
+            g_workObj.drunkYFlg = Math.random() < 0.5;
         }
         if (g_workObj.drunkXFlg) {
-            $id(`mainSprite`).left = `${(Math.abs((g_scoreObj.baseFrame / 2) % 100 - 50) - 25) / 1}px`;
-            $id(`infoSprite`).left = $id(`mainSprite`).left;
-            $id(`judgeSprite`).left = $id(`mainSprite`).left;
+            const deltaX = (Math.abs((g_scoreObj.baseFrame / 2) % 100 - 50) - 25) / 1;
+            addX(`mainSprite`, `shaking`, deltaX);
+            addX(`infoSprite`, `shaking`, deltaX);
+            addX(`judgeSprite`, `shaking`, deltaX);
         }
         if (g_workObj.drunkYFlg) {
-            $id(`mainSprite`).top = `${(Math.abs((g_scoreObj.baseFrame / 2) % 100 - 50) - 25) / 2}px`;
-            $id(`infoSprite`).top = $id(`mainSprite`).top;
-            $id(`judgeSprite`).top = $id(`mainSprite`).top;
+            const deltaY = (Math.abs((g_scoreObj.baseFrame / 2) % 100 - 50) - 25) / 2;
+            addY(`mainSprite`, `shaking`, deltaY);
+            addY(`infoSprite`, `shaking`, deltaY);
+            addY(`judgeSprite`, `shaking`, deltaY);
         }
-    },
+    }],
+]);
+
+/**
+ * ランダムな軸を返す補助関数
+ * @returns {string} 軸
+ */
+const g_getRandomAxis = () => {
+    const axes = [`X`, `Y`, `Z`];
+    return axes[Math.floor(Math.random() * axes.length)];
+};
+
+/**
+ * 最初に選んだ軸を除く、次の軸を返す補助関数
+ * @param {string} _primaryAxis 
+ * @returns {string} 軸
+ */
+const g_getSecondaryAxis = (_primaryAxis) => {
+    const remainingAxes = [`X`, `Y`, `Z`, undefined].filter(val => val !== _primaryAxis);
+    return remainingAxes[Math.floor(Math.random() * remainingAxes.length)];
 };
 
 /**
  * FrzReturn適用関数
  */
-const g_frzReturnFunc = {
-    'OFF': () => true,
-    'X-Axis': () => [`X`],
-    'Y-Axis': () => [`Y`],
-    'Z-Axis': () => [`Z`],
-    'Random': () => [`X`, `Y`, `Z`][Math.floor(Math.random() * 3)],
-    'XY-Axis': () => [`X`, `Y`],
-    'XZ-Axis': () => [`X`, `Z`],
-    'YZ-Axis': () => [`Y`, `Z`],
-    'Random+': () => {
-        const axis1 = [`X`, `Y`, `Z`][Math.floor(Math.random() * 3)];
-        const axis2 = [`X`, `Y`, `Z`, undefined].filter(val => val !== axis1)[Math.floor(Math.random() * 3)];
+const g_frzReturnFunc = new Map([
+    ['OFF', () => true],
+    ['X-Axis', () => [`X`]],
+    ['Y-Axis', () => [`Y`]],
+    ['Z-Axis', () => [`Z`]],
+    ['Random', () => g_getRandomAxis()],
+    ['XY-Axis', () => [`X`, `Y`]],
+    ['XZ-Axis', () => [`X`, `Z`]],
+    ['YZ-Axis', () => [`Y`, `Z`]],
+    ['Random+', () => {
+        const axis1 = g_getRandomAxis();
+        const axis2 = g_getSecondaryAxis(axis1);
         return [axis1, axis2];
-    },
-};
+    }],
+]);
 
 /**
  * Effect適用関数
@@ -1380,15 +1440,15 @@ const g_setEffect = (_arrowEffect, _frzEffect = ``, _frzArrowEffect = _arrowEffe
         }
     }
 };
-const g_effectFunc = {
-    'OFF': () => true,
-    'Dizzy': () => g_setEffect(`effects-dizzy`),
-    'Spin': () => g_setEffect(`effects-spin`),
-    'Wave': () => g_setEffect(`effects-wave`, `effects-wave`),
-    'Storm': () => g_setEffect(`effects-storm`, `effects-storm`, ``),
-    'Blinking': () => g_setEffect(`effects-blinking`, `effects-blinking`, ``),
-    'Squids': () => g_setEffect(`effects-squids-arrow`, `effects-squids-frz`),
-};
+const g_effectFunc = new Map([
+    ['OFF', () => true],
+    ['Dizzy', () => g_setEffect(`effects-dizzy`)],
+    ['Spin', () => g_setEffect(`effects-spin`)],
+    ['Wave', () => g_setEffect(`effects-wave`, `effects-wave`)],
+    ['Storm', () => g_setEffect(`effects-storm`, `effects-storm`, ``)],
+    ['Blinking', () => g_setEffect(`effects-blinking`, `effects-blinking`, ``)],
+    ['Squids', () => g_setEffect(`effects-squids-arrow`, `effects-squids-frz`)],
+]);
 
 const g_keycons = {
     configTypes: [`Main`, `Replaced`, `ALL`],
@@ -1435,12 +1495,12 @@ let g_canDisabledSettings = [`motion`, `scroll`, `reverse`, `shuffle`, `autoPlay
     `excessive`, `appearance`, `playWindow`, `stepArea`, `frzReturn`, `shaking`, `effect`, `camoufrage`,
     `swapping`, `judgRange`, `autoRetry`];
 
-const g_hidSudFunc = {
-    filterPos: _filterPos => `${_filterPos}${g_lblNameObj.percent}`,
-    range: () => `${Math.round(g_posObj.arrowHeight - g_posObj.stepY)}px`,
-    hidden: _filterPos => `${Math.min(Math.round(g_posObj.arrowHeight * (100 - _filterPos) / 100), g_posObj.arrowHeight - g_posObj.stepY)}`,
-    sudden: _filterPos => `${Math.max(Math.round(g_posObj.arrowHeight * (100 - _filterPos) / 100) - g_posObj.stepY, 0)}`,
-};
+const g_hidSudFunc = new Map([
+    ['filterPos', _filterPos => `${_filterPos}${g_lblNameObj.percent}`],
+    ['range', () => `${Math.round(g_posObj.arrowHeight - g_posObj.stepY)}px`],
+    ['hidden', _filterPos => `${Math.min(Math.round(g_posObj.arrowHeight * (100 - _filterPos) / 100), g_posObj.arrowHeight - g_posObj.stepY)}`],
+    ['sudden', _filterPos => `${Math.max(Math.round(g_posObj.arrowHeight * (100 - _filterPos) / 100) - g_posObj.stepY, 0)}`],
+]);
 
 const g_hidSudObj = {
     filterPos: 10,
@@ -1474,12 +1534,12 @@ const g_hidSudObj = {
     },
     distH: {
         'Visible': () => ``,
-        'Hidden': () => `${g_hidSudFunc.filterPos(50)} (${g_hidSudFunc.hidden(50)} / ${g_hidSudFunc.range()})`,
-        'Hidden+': (_filterPos) => `${g_hidSudFunc.filterPos(_filterPos)} (${g_hidSudFunc.hidden(_filterPos)} / ${g_hidSudFunc.range()})`,
-        'Sudden': () => `${g_hidSudFunc.filterPos(40)} (${g_hidSudFunc.sudden(40)} / ${g_hidSudFunc.range()})`,
-        'Sudden+': (_filterPos) => `${g_hidSudFunc.filterPos(_filterPos)} (${g_hidSudFunc.sudden(_filterPos)} / ${g_hidSudFunc.range()})`,
-        'Hid&Sud+': (_filterPos) => `${g_hidSudFunc.filterPos(_filterPos)} (${Math.max(g_hidSudFunc.sudden(_filterPos)
-            - (g_posObj.arrowHeight - g_posObj.stepY - g_hidSudFunc.hidden(_filterPos)), 0)} / ${g_hidSudFunc.range()})`,
+        'Hidden': () => `${g_hidSudFunc.get(`filterPos`)(50)} (${g_hidSudFunc.get(`hidden`)(50)} / ${g_hidSudFunc.get(`range`)()})`,
+        'Hidden+': (_filterPos) => `${g_hidSudFunc.get(`filterPos`)(_filterPos)} (${g_hidSudFunc.get(`hidden`)(_filterPos)} / ${g_hidSudFunc.get(`range`)()})`,
+        'Sudden': () => `${g_hidSudFunc.get(`filterPos`)(40)} (${g_hidSudFunc.get(`sudden`)(40)} / ${g_hidSudFunc.get(`range`)()})`,
+        'Sudden+': (_filterPos) => `${g_hidSudFunc.get(`filterPos`)(_filterPos)} (${g_hidSudFunc.get(`sudden`)(_filterPos)} / ${g_hidSudFunc.get(`range`)()})`,
+        'Hid&Sud+': (_filterPos) => `${g_hidSudFunc.get(`filterPos`)(_filterPos)} (${Math.max(g_hidSudFunc.get(`sudden`)(_filterPos)
+            - (g_posObj.arrowHeight - g_posObj.stepY - g_hidSudFunc.get(`hidden`)(_filterPos)), 0)} / ${g_hidSudFunc.get(`range`)()})`,
     },
 };
 

package/package.json

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