`)), siz, font)) {\r\n\t\t\treturn siz;\r\n\t\t}\r\n\t}\r\n\treturn minSiz;\r\n};\r\n\r\n/**\r\n * 配列中から最も長い文字列を抽出\r\n * @param {string[]} _array \r\n * @returns {string}\r\n */\r\nconst getLongestStr = _array => {\r\n\tif (_array === undefined) {\r\n\t\treturn ``;\r\n\t}\r\n\treturn _array.reduce((longest, current) => {\r\n\t\treturn current.length > longest.length ? current : longest;\r\n\t}, ``);\r\n}\r\n\r\n/**\r\n * 補足説明部分のラベル作成\r\n * @param {string} _id \r\n * @param {string} _str \r\n * @param {string} [object.altId=_id]\r\n * @param {number} [object.siz=g_limitObj.mainSiz] \r\n * @returns {HTMLDivElement}\r\n */\r\nconst createDescDiv = (_id, _str, { altId = _id, siz = g_limitObj.mainSiz } = {}) =>\r\n\tcreateDivCss2Label(_id, _str, Object.assign(g_lblPosObj[altId], {\r\n\t\tsiz: getFontSize2(_str, g_lblPosObj[altId]?.w || g_sWidth, { maxSiz: siz }),\r\n\t}));\r\n\r\n/*-----------------------------------------------------------*/\r\n/* ラベル・ボタン・オブジェクトの作成 */\r\n/*-----------------------------------------------------------*/\r\n\r\n/**\r\n * 図形の描画 (div要素)\r\n * - 親divに対してこの関数の返却値に対してappendすることで描画される\r\n * @param {string} _id\r\n * @param {number} _x \r\n * @param {number} _y \r\n * @param {number} _width \r\n * @param {number} _height \r\n * @param {string[]} _classes\r\n * @returns {HTMLDivElement}\r\n */\r\nconst createDiv = (_id, _x, _y, _width, _height, _classes = []) => {\r\n\tconst div = document.createElement(`div`);\r\n\r\n\tdiv.id = _id;\r\n\tconst style = div.style;\r\n\tstyle.left = wUnit(_x);\r\n\tstyle.top = wUnit(_y);\r\n\tstyle.width = wUnit(_width);\r\n\tstyle.height = wUnit(_height);\r\n\tstyle.position = `absolute`;\r\n\tdiv.classList.add(..._classes);\r\n\tsetUserSelect(style);\r\n\r\n\treturn div;\r\n};\r\n\r\n/**\r\n * user-select属性の値変更\r\n * @param {object} _style \r\n * @param {string} _value \r\n */\r\nconst setUserSelect = (_style, _value = C_DIS_NONE) => {\r\n\t_style.userSelect = _value;\r\n\t_style.webkitUserSelect = _value;\r\n\t_style.webkitTouchCallout = _value;\r\n};\r\n\r\n/**\r\n * 子div要素のラベル文字作成 (CSS版・拡張属性対応)\r\n * @param {string} _id \r\n * @param {string} _text \r\n * @param {number} [object.x=0]\r\n * @param {number} [object.y=0]\r\n * @param {number} [object.w=g_limitObj.setLblWidth]\r\n * @param {number} [object.h=g_limitObj.setLblHeight]\r\n * @param {number} [object.siz=g_limitObj.setLblSiz]\r\n * @param {number} [object.align='center']\r\n * @param {...any} [object.rest]\r\n * @param {...any} _classes \r\n * @returns {HTMLDivElement}\r\n */\r\nconst createDivCss2Label = (_id, _text, { x = 0, y = 0, w = g_limitObj.setLblWidth, h = g_limitObj.setLblHeight,\r\n\tsiz = g_limitObj.setLblSiz, align = C_ALIGN_CENTER, type = `text`, ...rest } = {}, ..._classes) => {\r\n\tconst div = createDiv(_id, x, y, w, h, [g_cssObj.title_base, ..._classes]);\r\n\r\n\tconst style = div.style;\r\n\tstyle.fontSize = wUnit(siz);\r\n\tstyle.fontFamily = getBasicFont();\r\n\tstyle.textAlign = `${align}`;\r\n\tstyle.pointerEvents = C_DIS_NONE;\r\n\tif (rest?.overflow === C_DIS_AUTO || type !== `text`) {\r\n\t\tstyle.pointerEvents = C_DIS_AUTO;\r\n\t}\r\n\tdiv.innerHTML = _text;\r\n\tObject.keys(rest).forEach(property => style[property] = rest[property]);\r\n\r\n\treturn div;\r\n};\r\n\r\n/**\r\n * 画像表示\r\n * @param {string} _id \r\n * @param {string} _imgPath \r\n * @param {number} _x \r\n * @param {number} _y \r\n * @param {number} _width \r\n * @param {number} _height \r\n * @returns {HTMLDivElement}\r\n */\r\nconst createImg = (_id, _imgPath, _x, _y, _width, _height) => {\r\n\tconst div = createDiv(_id, _x, _y, _width, _height);\r\n\tdiv.innerHTML = `
`;\r\n\t\t\t\t\tprevMirrorList = mirrorList.concat();\r\n\t\t\t\t\tn++;\r\n\t\t\t\t}\r\n\t\t\t\tk++;\r\n\t\t\t}\r\n\r\n\t\t\t// 矢印・フリーズアローのヘッダー情報を定義\r\n\t\t\tconst noteTxt = g_editorTmp[keyN].noteNames.map((val, r) =>\r\n\t\t\t\t`|${val.slice(0, -(`_data`.length))}[i]_data=[a${String(r).padStart(2, `0`)}]|[E]
`).join(``);\r\n\r\n\t\t\tconst freezeTxt = g_editorTmp[keyN].freezeNames.map((val, r) =>\r\n\t\t\t\t`|${val.slice(0, -(`_data`.length))}[i]_data=[f${String(r).padStart(2, `0`)}]|[E]
`).join(``);\r\n\r\n\t\t\tg_editorTmp2 += g_editorTmp2Template\r\n\t\t\t\t.replace(`[__KEY__]`, keyN)\r\n\t\t\t\t.replace(`[__MAP__]`, colorList.map(val => val < 3 ? (val + 1) % 3 : val % 7).join(','))\r\n\t\t\t\t.replace(`[__POS__]`, fillArray(keyNum).map((val, r) =>\r\n\t\t\t\t\tisNaN(parseFloat(stepRtnList[r])) ? 28 : 24).join(`,`))\r\n\t\t\t\t.replace(`[__TXT__]`, g_editorTmp[keyN].chars.map(val => val.replace(`, `, ``)).join(`,`))\r\n\t\t\t\t.replace(`[__CONV__]`, convTxt)\r\n\t\t\t\t.replace(`[__NOTE__]`, noteTxt)\r\n\t\t\t\t.replace(`[__FREEZE__]`, freezeTxt)\r\n\t\t\t\t.replaceAll(`\\n`, ``);\r\n\t\t});\r\n\t});\r\n};\r\n\r\n/**\r\n * 作品別ローカルストレージの読み込み・初期設定\r\n * @param {string} _musicId 楽曲ID\r\n */\r\nconst loadLocalStorage = (_musicId = ``) => {\r\n\r\n\t// 作品別ローカルストレージのキー(URL)取得のため、\r\n\t// scoreId, h, debug, musicIdを削除\r\n\t// 選択中の楽曲ID(_musicId)がある場合は、キーとして区別するため追加\r\n\tconst url = new URL(location.href);\r\n\turl.searchParams.delete(`scoreId`);\r\n\turl.searchParams.delete(`h`);\r\n\turl.searchParams.delete(`debug`);\r\n\turl.searchParams.delete(`musicId`);\r\n\tg_localStorageUrl = url.toString();\r\n\r\n\t// リザルト表示用のURL組み立てのため、_musicIdのないURLを保存\r\n\tg_localStorageUrlOrg = g_localStorageUrl;\r\n\r\n\tif (_musicId !== ``) {\r\n\t\turl.searchParams.append(`musicId`, _musicId);\r\n\t\tg_localStorageUrl = url.toString();\r\n\t\tif (g_langStorage.safeMode === C_FLG_ON) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * ローカルストレージの初期値設定\r\n\t * @param {string} _name \r\n\t * @param {string} _type \r\n\t * @param {number} _defaultPos \r\n\t */\r\n\tconst checkLocalParam = (_name, _type = C_TYP_STRING, _defaultPos = 0) => {\r\n\t\tconst defaultVal = g_settings[`${_name}s`][_defaultPos];\r\n\t\tif (g_localStorage[_name] !== undefined) {\r\n\t\t\tg_stateObj[_name] = setVal(g_localStorage[_name], defaultVal, _type);\r\n\t\t\tg_settings[`${_name}Num`] = roundZero(g_settings[`${_name}s`].findIndex(val => val === g_stateObj[_name]), defaultVal);\r\n\t\t} else {\r\n\t\t\tg_localStorage[_name] = defaultVal;\r\n\t\t}\r\n\t};\r\n\r\n\t// ロケールの読込、警告メッセージの入替\r\n\tg_langStorage = parseStorageData(`danoni-locale`);\r\n\tif (g_langStorage.locale !== undefined) {\r\n\t\tg_localeObj.val = g_langStorage.locale;\r\n\t\tg_localeObj.num = g_localeObj.list.findIndex(val => val === g_localeObj.val);\r\n\t}\r\n\tif (g_langStorage.safeMode === undefined) {\r\n\t\tg_langStorage.safeMode = C_FLG_OFF;\r\n\t}\r\n\tif (g_langStorage.bgmVolume === undefined) {\r\n\t\tg_langStorage.bgmVolume = 50;\r\n\t}\r\n\tg_stateObj.bgmVolume = g_langStorage.bgmVolume;\r\n\tg_settings.bgmVolumeNum = g_settings.volumes.findIndex(val => val === g_stateObj.bgmVolume);\r\n\tObject.assign(g_msgInfoObj, g_lang_msgInfoObj[g_localeObj.val]);\r\n\tObject.assign(g_kCd, g_lang_kCd[g_localeObj.val]);\r\n\r\n\t// 作品別ローカルストレージの読込\r\n\tif (g_langStorage.safeMode === C_FLG_OFF) {\r\n\t\tg_localStorage = parseStorageData(g_localStorageUrl, {\r\n\t\t\tadjustment: 0, hitPosition: 0, volume: 100, highscores: {},\r\n\t\t});\r\n\t} else {\r\n\t\tg_localStorage = {};\r\n\t\tg_stateObj.dataSaveFlg = false;\r\n\t\tmakeWarningWindow(g_msgInfoObj.W_0031);\r\n\t}\r\n\r\n\t// Adjustment, Volume, Appearance, Opacity, HitPosition初期値設定\r\n\tcheckLocalParam(`adjustment`, C_TYP_FLOAT, g_settings.adjustmentNum);\r\n\tcheckLocalParam(`volume`, C_TYP_NUMBER, g_settings.volumes.length - 1);\r\n\tcheckLocalParam(`appearance`);\r\n\tcheckLocalParam(`opacity`, C_TYP_NUMBER, g_settings.opacitys.length - 1);\r\n\tcheckLocalParam(`hitPosition`, C_TYP_FLOAT, g_settings.hitPositionNum);\r\n\r\n\t// ハイスコア取得準備\r\n\tif (g_localStorage.highscores === undefined) {\r\n\t\tg_localStorage.highscores = {};\r\n\t}\r\n\r\n\t// 廃棄済みリストからデータを消去\r\n\tg_storeSettingsEx.filter(val => g_localStorage[val] !== undefined)\r\n\t\t.forEach(val => delete g_localStorage[val]);\r\n};\r\n\r\n/**\r\n * 譜面データを分割して値を取得\r\n * @param {string} _dos 譜面データ\r\n * @returns \r\n */\r\nconst dosConvert = (_dos = ``) => {\r\n\r\n\tconst obj = {};\r\n\tconst paramsTmp = g_enableAmpersandSplit ? _dos.split(`&`).join(`|`) : _dos;\r\n\tparamsTmp.split(`|`).filter(param => param.indexOf(`=`) > 0).forEach(param => {\r\n\t\tconst pos = param.indexOf(`=`);\r\n\t\tconst pKey = param.substring(0, pos);\r\n\t\tconst pValue = param.substring(pos + 1);\r\n\r\n\t\tif (pKey !== undefined) {\r\n\t\t\tobj[pKey] = g_enableDecodeURI ? decodeURIComponent(pValue) : pValue;\r\n\t\t}\r\n\t});\r\n\treturn obj;\r\n};\r\n\r\n/**\r\n * 譜面読込\r\n * @param {number} _scoreId 譜面番号\r\n */\r\nconst loadChartFile = async (_scoreId = g_stateObj.scoreId) => {\r\n\r\n\tconst dosInput = document.getElementById(`dos`);\r\n\tconst divRoot = document.getElementById(`divRoot`);\r\n\tconst queryDos = getQueryParamVal(`dos`) !== null ?\r\n\t\t`dos/${getQueryParamVal('dos')}.txt` : encodeURI(document.getElementById(`externalDos`)?.value ?? ``);\r\n\r\n\tif (dosInput === null && queryDos === ``) {\r\n\t\tmakeWarningWindow(g_msgInfoObj.E_0023);\r\n\t\tg_loadObj.main = false;\r\n\t\treturn;\r\n\t}\r\n\r\n\t// 譜面分割あり、譜面番号固定時のみ譜面データを一時クリア\r\n\tif (queryDos !== `` && g_stateObj.dosDivideFlg && g_stateObj.scoreLockFlg) {\r\n\t\tObject.keys(g_rootObj).filter(data => fuzzyListMatching(data, g_checkStr.resetDosHeader, g_checkStr.resetDosFooter))\r\n\t\t\t.forEach(scoredata => g_rootObj[scoredata] = ``);\r\n\t}\r\n\r\n\t// HTML埋め込みdos\r\n\tif (dosInput !== null && _scoreId === 0) {\r\n\t\tObject.assign(g_rootObj, dosConvert(dosInput.value));\r\n\t}\r\n\r\n\t// 外部dos読み込み\r\n\tif (queryDos !== ``) {\r\n\t\tconst charset = document.getElementById(`externalDosCharset`)?.value ?? document.characterSet;\r\n\t\tconst fileBase = queryDos.match(/.+\\..*/)[0];\r\n\t\tconst fileExtension = fileBase.split(`.`).pop();\r\n\t\tconst fileCommon = fileBase.split(`.${fileExtension}`)[0];\r\n\t\tconst filename = `${fileCommon}${g_stateObj.dosDivideFlg ?\r\n\t\t\tsetDosIdHeader(_scoreId, g_stateObj.scoreLockFlg) : ''}.${fileExtension}`;\r\n\r\n\t\tawait loadScript2(`${filename}?${Date.now()}`, false, charset);\r\n\t\tif (typeof externalDosInit === C_TYP_FUNCTION) {\r\n\t\t\tdeleteDiv(divRoot, `lblLoading`);\r\n\r\n\t\t\t// 外部データを読込（ファイルが見つからなかった場合は譜面追記をスキップ）\r\n\t\t\texternalDosInit();\r\n\t\t\tif (g_loadObj[filename]) {\r\n\t\t\t\tObject.assign(g_rootObj, dosConvert(g_externalDos));\r\n\t\t\t}\r\n\r\n\t\t} else {\r\n\t\t\tmakeWarningWindow(g_msgInfoObj.E_0022);\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * 譜面をファイルで分割している場合に初期色を追加取得\r\n * @param {string} _scoreId \r\n */\r\nconst resetColorSetting = _scoreId => {\r\n\t// 初期矢印・フリーズアロー色の再定義\r\n\tif (g_stateObj.scoreLockFlg) {\r\n\t\tObject.assign(g_rootObj, copySetColor(g_rootObj, _scoreId));\r\n\r\n\t\t// 分割先のファイルで初期色が未定義の場合はデフォルト値を適用\r\n\t\t[``, `Shadow`].forEach(pattern =>\r\n\t\t\t[`set`, `frz`].forEach(arrow => {\r\n\t\t\t\t// frzShadowColorStrのみ、空で構成された初期配列があるためその条件を追加して除外条件とする\r\n\t\t\t\tif (!hasVal(g_rootObj[`${arrow}${pattern}Color${_scoreId + 1}`])\r\n\t\t\t\t\t&& g_headerObj[`${arrow}${pattern}ColorStr`]?.flat()?.some(val => hasVal(val))) {\r\n\t\t\t\t\tg_rootObj[`${arrow}${pattern}Color`] = g_headerObj[`${arrow}${pattern}ColorStr`].join(`,`);\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t);\r\n\t}\r\n\tObject.assign(g_headerObj, resetBaseColorList(g_headerObj, g_rootObj, { scoreId: _scoreId, scoreLockFlg: false }));\r\n};\r\n\r\n/**\r\n * 譜面をファイルで分割している場合にゲージ情報を追加取得\r\n * @param {string} _scoreId \r\n */\r\nconst resetGaugeSetting = _scoreId => {\r\n\t// ライフ設定のカスタム部分再取得（譜面ヘッダー加味）\r\n\tObject.assign(g_gaugeOptionObj, resetCustomGauge(g_rootObj, { scoreId: _scoreId }));\r\n\tObject.keys(g_gaugeOptionObj.customFulls).forEach(gaugePtn => getGaugeSetting(g_rootObj, gaugePtn, g_headerObj.difLabels.length, { scoreId: _scoreId }));\r\n};\r\n\r\n/**\r\n * 譜面番号固定かつ譜面ファイル分割時に初期色情報を他譜面へコピー\r\n * @param {object} _baseObj \r\n * @param {number} _scoreId\r\n * @returns \r\n */\r\nconst copySetColor = (_baseObj, _scoreId) => {\r\n\tconst obj = {};\r\n\t// Todo: dosIdを引数にして、dosIdと一致するscoreIdを算出\r\n\t// 算出したscoreIdすべてに対して下記処理を実行\r\n\tconst srcIdHeader = setScoreIdHeader(_scoreId, g_stateObj.scoreLockFlg, true);\r\n\tconst targetIdHeader = setScoreIdHeader(_scoreId, false, true);\r\n\t[``, `Shadow`].forEach(pattern =>\r\n\t\t[`set`, `frz`].filter(arrow => hasVal(_baseObj[`${arrow}${pattern}Color${srcIdHeader}`] || _baseObj[`${arrow}${pattern}Color`]))\r\n\t\t\t.forEach(arrow => obj[`${arrow}${pattern}Color${targetIdHeader}`] =\r\n\t\t\t\t_baseObj[`${arrow}${pattern}Color${srcIdHeader}`] || _baseObj[`${arrow}${pattern}Color`]));\r\n\treturn obj;\r\n};\r\n\r\n/**\r\n * MusicUrlの基本情報を取得\r\n * @param {number} _scoreId\r\n * @returns {string}\r\n */\r\nconst getMusicUrl = _scoreId =>\r\n\tg_headerObj.musicUrls?.[g_headerObj.musicNos[_scoreId]] ?? g_headerObj.musicUrls?.[0] ?? `nosound.mp3`;\r\n\r\n/**\r\n * 音源データの実際のパスを取得\r\n * @param {string} _musicUrl \r\n * @returns {string}\r\n */\r\nconst getFullMusicUrl = (_musicUrl = ``) => {\r\n\tlet baseMusicUrl = _musicUrl;\r\n\tlet baseDir = `../${g_headerObj.musicFolder}/`;\r\n\r\n\tif (_musicUrl.includes(C_MRK_CURRENT_DIRECTORY)) {\r\n\t\t// musicUrl, musicFolder両方にカレントパス指定がある場合は、musicUrlの値を優先\r\n\r\n\t} else if (g_headerObj.musicFolder.includes(C_MRK_CURRENT_DIRECTORY)) {\r\n\t\t// musicFolderにカレントパス指定がある場合は、ファイル名にmusicFolderの値も含める\r\n\t\tbaseMusicUrl = `${g_headerObj.musicFolder}/${_musicUrl}`;\r\n\t}\r\n\tif (g_headerObj.musicFolder.includes(C_MRK_CURRENT_DIRECTORY)) {\r\n\t\t// musicFolderにカレントパス指定がある場合は、ディレクトリは指定しない\r\n\t\tbaseDir = ``;\r\n\t}\r\n\tconst [musicFile, musicPath] = getFilePath(baseMusicUrl, baseDir);\r\n\treturn `${musicPath}${musicFile}`;\r\n}\r\n\r\n/**\r\n * 譜面ファイル読込後処理（譜面詳細情報取得用）\r\n * @param {number} _scoreId \r\n */\r\nconst getScoreDetailData = _scoreId => {\r\n\tconst keyCtrlPtn = `${g_headerObj.keyLabels[_scoreId]}_0`;\r\n\tstoreBaseData(_scoreId, scoreConvert(g_rootObj, _scoreId, 0, ``, keyCtrlPtn, true), keyCtrlPtn);\r\n};\r\n\r\n/**\r\n * 譜面詳細データの格納\r\n * @param {number} _scoreId \r\n * @param {object} _scoreObj \r\n * @param {number} _keyCtrlPtn \r\n */\r\nconst storeBaseData = (_scoreId, _scoreObj, _keyCtrlPtn) => {\r\n\tconst lastFrame = getLastFrame(_scoreObj, _keyCtrlPtn) + 1;\r\n\tconst startFrame = getStartFrame(lastFrame, 0, _scoreId);\r\n\tconst firstArrowFrame = getFirstArrowFrame(_scoreObj, _keyCtrlPtn);\r\n\tconst playingFrame = lastFrame - firstArrowFrame;\r\n\tconst keyNum = g_keyObj[`${g_keyObj.defaultProp}${_keyCtrlPtn}`].length;\r\n\r\n\t// 譜面密度グラフ用のデータ作成\r\n\tconst noteCnt = { arrow: [], frz: [] };\r\n\tconst densityData = fillArray(g_limitObj.densityDivision);\r\n\tlet allData = 0;\r\n\r\n\tconst types = [`arrow`, `frz`];\r\n\tlet fullData = [];\r\n\tfor (let j = 0; j < keyNum; j++) {\r\n\t\tnoteCnt.arrow[j] = 0;\r\n\t\tnoteCnt.frz[j] = 0;\r\n\r\n\t\tconst tmpFrzData = _scoreObj.frzData[j].filter((data, k) => k % 2 === 0);\r\n\t\t[_scoreObj.arrowData[j], tmpFrzData].forEach((typeData, m) =>\r\n\t\t\ttypeData.forEach(note => {\r\n\t\t\t\tif (isNaN(parseFloat(note))) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst point = Math.floor((note - firstArrowFrame) / playingFrame * g_limitObj.densityDivision);\r\n\t\t\t\tif (point >= 0) {\r\n\t\t\t\t\tdensityData[point]++;\r\n\t\t\t\t\tnoteCnt[types[m]][j]++;\r\n\t\t\t\t\tallData++;\r\n\t\t\t\t}\r\n\t\t\t}));\r\n\t\tfullData = fullData.concat(..._scoreObj.arrowData[j], ...tmpFrzData);\r\n\t}\r\n\r\n\tfullData = fullData.filter(val => !isNaN(parseFloat(val))).sort((a, b) => a - b);\r\n\tlet pushCnt = 1;\r\n\tconst density2PushData = fillArray(g_limitObj.densityDivision);\r\n\tconst density3PushData = fillArray(g_limitObj.densityDivision);\r\n\tfullData.forEach((note, j) => {\r\n\t\tif (fullData[j] === fullData[j + 1]) {\r\n\t\t\tpushCnt++;\r\n\t\t} else {\r\n\t\t\tconst point = Math.floor((note - firstArrowFrame) / playingFrame * g_limitObj.densityDivision);\r\n\t\t\tif (point >= 0) {\r\n\t\t\t\tif (pushCnt >= 2) {\r\n\t\t\t\t\tdensity2PushData[point] += pushCnt;\r\n\t\t\t\t\tif (pushCnt >= 3) {\r\n\t\t\t\t\t\tdensity3PushData[point] += pushCnt;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tpushCnt = 1;\r\n\t\t}\r\n\t});\r\n\r\n\tg_detailObj.toolDif[_scoreId] = calcLevel(_scoreObj);\r\n\tg_detailObj.speedData[_scoreId] = _scoreObj.speedData.concat();\r\n\tg_detailObj.boostData[_scoreId] = _scoreObj.boostData.concat();\r\n\r\n\tconst storeDensity = _densityData => {\r\n\t\tconst dataList = [];\r\n\t\tfor (let j = 0; j < g_limitObj.densityDivision; j++) {\r\n\t\t\tdataList.push(allData === 0 ? 0 : Math.round(_densityData[j] / allData * g_limitObj.densityDivision * 10000) / 100);\r\n\t\t}\r\n\t\treturn dataList;\r\n\t};\r\n\tconst diffArray = (_array1, _array2) => {\r\n\t\tconst list = [];\r\n\t\t_array1.forEach((val, j) => list.push(_array1[j] - _array2[j]));\r\n\t\treturn list;\r\n\t};\r\n\tg_detailObj.densityData[_scoreId] = storeDensity(densityData);\r\n\tg_detailObj.density2PushData[_scoreId] = storeDensity(density2PushData);\r\n\tg_detailObj.density3PushData[_scoreId] = storeDensity(density3PushData);\r\n\r\n\tg_detailObj.densityDiff[_scoreId] = diffArray(g_detailObj.densityData[_scoreId], g_detailObj.density2PushData[_scoreId]);\r\n\tg_detailObj.density2PushDiff[_scoreId] = diffArray(g_detailObj.density2PushData[_scoreId], g_detailObj.density3PushData[_scoreId]);\r\n\tg_detailObj.density3PushDiff[_scoreId] = g_detailObj.density3PushData[_scoreId].concat();\r\n\r\n\tg_detailObj.maxDensity[_scoreId] = getMaxValIdxs(densityData, g_limitObj.densityMaxVals).flat();\r\n\r\n\tg_detailObj.arrowCnt[_scoreId] = noteCnt.arrow.concat();\r\n\tg_detailObj.frzCnt[_scoreId] = noteCnt.frz.map((val, k) => _scoreObj.frzData[k].length % 2 === 0 ? val : val - 0.5);\r\n\tg_detailObj.startFrame[_scoreId] = startFrame;\r\n\tg_detailObj.playingFrame[_scoreId] = playingFrame;\r\n\tg_detailObj.playingFrameWithBlank[_scoreId] = lastFrame - startFrame;\r\n};\r\n\r\n/**\r\n * ツール計算\r\n * @param {object} _scoreObj \r\n * @param {number[][]} _scoreObj.arrowData 矢印データ\r\n * @param {number[][]} _scoreObj.frzData フリーズデータ\r\n * @returns {{tool: string, tate: number, douji: number, push3Cnt: number, push3: number[]}}\r\n */\r\nconst calcLevel = _scoreObj => {\r\n\t//--------------------------------------------------------------\r\n\t//＜フリーズデータ分解＞\r\n\t// フリーズデータを分解し、矢印データに組み込む\r\n\t//\r\n\t// (イメージ)\r\n\t// &left_data=400,500,700&\r\n\t// &frzLeft_data=550,650&\r\n\t// ⇒\r\n\t// left_data=[400,500,550,700]; // フリーズの始点を組込\r\n\t// frzStartData=[550];\t// フリーズ始点\r\n\t// frzEndData =[650];\t// フリーズ終点\r\n\t//--------------------------------------------------------------\r\n\tconst frzStartData = [];\r\n\tconst frzEndData = [];\r\n\r\n\t_scoreObj.frzData.forEach((frzs, j) => {\r\n\t\tif (frzs.length > 1) {\r\n\t\t\tfor (let k = 0; k < frzs.length; k += 2) {\r\n\t\t\t\t_scoreObj.arrowData[j].push(frzs[k]);\r\n\t\t\t\tfrzStartData.push(frzs[k]);\r\n\t\t\t\tfrzEndData.push(frzs[k + 1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\t_scoreObj.arrowData[j] = _scoreObj.arrowData[j].sort((a, b) => a - b)\r\n\t\t\t.filter((x, i, self) => self.indexOf(x) === i && !isNaN(parseFloat(x)));\r\n\t})\r\n\r\n\tfrzStartData.sort((a, b) => a - b);\r\n\tfrzEndData.sort((a, b) => a - b);\r\n\r\n\t//--------------------------------------------------------------\r\n\t//＜データ結合･整理＞\r\n\t// 矢印データを連結してソートする。\r\n\t//\r\n\t// 重複は後の同時押し補正で使用する。\r\n\t// 後の同時押し補正の都合上、firstFrame-100, lastFrame+100 のデータを末尾に追加。\r\n\t//\r\n\t// (イメージ)\r\n\t// |left_data=300,400,550|\t// フリーズデータ(始点)を含む\r\n\t// |down_data=500|\r\n\t// |up_data=600|\r\n\t// |right_data=700,800|\r\n\t// |space_data=200,300,1000|\r\n\t// frzEndData = [650];\t// フリーズデータ(終点) ※allScorebook対象外\r\n\t// ⇒\r\n\t// allScorebook = [100,200,300,300,400,500,550,600,700,800,1000,1100];\r\n\t//\r\n\t//--------------------------------------------------------------\r\n\tlet allScorebook = [];\r\n\t_scoreObj.arrowData.forEach(data => allScorebook = allScorebook.concat(data));\r\n\r\n\tallScorebook.sort((a, b) => a - b);\r\n\tallScorebook.unshift(allScorebook[0] - 100);\r\n\tallScorebook.push(allScorebook.at(-1) + 100);\r\n\tconst allCnt = allScorebook.length;\r\n\r\n\tfrzEndData.push(allScorebook.at(-1));\r\n\r\n\t//--------------------------------------------------------------\r\n\t//＜間隔フレーム数の調和平均計算+いろいろ補正＞\r\n\t// レベル計算メイン。\r\n\t//\r\n\t// [レベル計算ツール++ ver1.18] 3つ押し以上でも同時押し補正ができるよう調整\r\n\t//--------------------------------------------------------------\r\n\tlet levelcount = 0; // 難易度レベル\r\n\tlet freezenum = 0; // フリーズアロー数\r\n\tlet pushCnt = 1; // 同時押し数カウント\r\n\tlet twoPushCount = 0; // 同時押し補正値\r\n\tconst push3List = []; // 3つ押し判定数\r\n\r\n\tfor (let i = 1; i < allCnt - 2; i++) {\r\n\t\t// フリーズ始点の検索\r\n\t\twhile (frzStartData[0] === allScorebook[i]) {\r\n\t\t\t// 同時押しの場合\r\n\t\t\tif (allScorebook[i] === allScorebook[i + 1]) {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\t// 現フレームに存在するフリーズ数を1増やす\r\n\t\t\t// (フリーズアローの同時チェック開始)\r\n\t\t\tfrzStartData.shift();\r\n\t\t\tfreezenum++;\r\n\t\t}\r\n\r\n\t\t// フリーズ終点の検索\r\n\t\twhile (frzEndData[0] < allScorebook[i + 1]) {\r\n\t\t\t// 現フレームに存在するフリーズ数を1減らす\r\n\t\t\tfrzEndData.shift();\r\n\t\t\tfreezenum--;\r\n\t\t}\r\n\r\n\t\t// 同時押し補正処理(フリーズアローが絡まない場合)\r\n\t\tif (allScorebook[i + 1] === allScorebook[i] && !freezenum) {\r\n\r\n\t\t\tconst chk = (allScorebook[i + 2] - allScorebook[i + 1]) * (allScorebook[i] - allScorebook[i - pushCnt]);\r\n\t\t\tif (chk !== 0) {\r\n\t\t\t\ttwoPushCount += 40 / chk;\r\n\t\t\t} else {\r\n\t\t\t\t// 3つ押しが絡んだ場合は加算しない\r\n\t\t\t\tpush3List.push(allScorebook[i]);\r\n\t\t\t}\r\n\t\t\tpushCnt++;\r\n\r\n\t\t} else {\r\n\t\t\t// 単押し＋フリーズアローの補正処理(フリーズアロー中の矢印)\r\n\t\t\tpushCnt = 1;\r\n\t\t\tconst chk2 = (2 - freezenum) * (allScorebook[i + 1] - allScorebook[i]);\r\n\t\t\tif (chk2 > 0) {\r\n\t\t\t\tlevelcount += 2 / chk2;\r\n\t\t\t} else {\r\n\t\t\t\t// 3つ押しが絡んだ場合は加算しない\r\n\t\t\t\tpush3List.push(allScorebook[i]);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\tlevelcount += twoPushCount;\r\n\tconst leveltmp = levelcount;\r\n\r\n\t//--------------------------------------------------------------\r\n\t//＜同方向連打補正＞\r\n\t// 同方向矢印(フリーズアロー)の隣接間隔が10フレーム未満の場合に加算する。\r\n\t//--------------------------------------------------------------\r\n\t_scoreObj.arrowData.forEach(arrows =>\r\n\t\tarrows.forEach((val, k) => {\r\n\t\t\tif (arrows[k + 1] - arrows[k] < 10) {\r\n\t\t\t\tlevelcount += 10 / Math.pow(arrows[k + 1] - arrows[k], 2) - 1 / 10;\r\n\t\t\t}\r\n\t\t}));\r\n\r\n\t//--------------------------------------------------------------\r\n\t//＜表示＞\r\n\t// 曲長、3つ押し補正を行い、最終的な難易度レベル値を表示する。\r\n\t//--------------------------------------------------------------\r\n\tconst push3Cnt = push3List.length;\r\n\tconst calcArrowCnt = allCnt - push3Cnt - 3;\r\n\tconst toDecimal2 = num => Math.round(num * 100) / 100;\r\n\tconst calcDifLevel = num => calcArrowCnt > 0 ? toDecimal2(num / Math.sqrt(calcArrowCnt) * 4) : 0;\r\n\r\n\tconst baseDifLevel = calcDifLevel(levelcount);\r\n\tconst difLevel = toDecimal2(baseDifLevel * (allCnt - 3) / calcArrowCnt);\r\n\r\n\t//--------------------------------------------------------------\r\n\t//＜計算結果を格納＞\r\n\t//--------------------------------------------------------------\r\n\treturn {\r\n\t\t// 難易度レベル\r\n\t\ttool: (allCnt === 3 ? `0.01` : `${difLevel.toFixed(2)}${(push3Cnt > 0 ? \"*\" : \"\")}`),\r\n\t\t// 縦連打補正\r\n\t\ttate: toDecimal2(baseDifLevel - calcDifLevel(leveltmp)),\r\n\t\t// 同時押し補正\r\n\t\tdouji: calcDifLevel(twoPushCount),\r\n\t\t// 3つ押し数\r\n\t\tpush3cnt: push3Cnt,\r\n\t\t// 3つ押しリスト\r\n\t\tpush3: makeDedupliArray(push3List),\r\n\t};\r\n};\r\n\r\n/**\r\n * ロケールを含んだヘッダーの優先度設定\r\n * @param {object} _obj \r\n * @param {...any} [_params]\r\n * @returns {string}\r\n */\r\nconst getHeader = (_obj, ..._params) => {\r\n\tlet headerLocale, headerDf;\r\n\tObject.keys(_params).forEach(j => {\r\n\t\theaderLocale ??= _obj[`${_params[j]}${g_localeObj.val}`];\r\n\t\theaderDf ??= _obj[_params[j]];\r\n\t});\r\n\treturn headerLocale ?? headerDf;\r\n};\r\n\r\n/**\r\n * ヘッダー名の互換設定\r\n * @param {string} _param \r\n * @returns {string[]}\r\n */\r\nconst getHname = _param => [_param, _param.toLowerCase()];\r\n\r\n/**\r\n * 譜面ヘッダーの分解（スキン、jsファイルなどの設定）\r\n * @param {object} _dosObj\r\n * @returns {object}\r\n */\r\nconst preheaderConvert = _dosObj => {\r\n\r\n\t// ヘッダー群の格納先\r\n\tconst obj = {};\r\n\r\n\t// ウィンドウ位置の設定\r\n\tconst align = _dosObj.windowAlign ?? g_presetObj.windowAlign;\r\n\tif (align !== undefined) {\r\n\t\tg_windowAlign[align]();\r\n\t}\r\n\r\n\tobj.jsData = [];\r\n\tobj.stepRtnUse = true;\r\n\r\n\tconst setJsFiles = (_files, _defaultDir, _type = `custom`) =>\r\n\t\t_files.filter(file => hasVal(file)).forEach(file => {\r\n\t\t\tconst [jsFile, jsDir] = getFilePath(file, _defaultDir);\r\n\t\t\tobj.jsData.push([_type === `skin` ? `danoni_skin_${jsFile}.js` : jsFile, jsDir]);\r\n\t\t});\r\n\r\n\tconst convLocalPath = (_file, _type) =>\r\n\t\tg_remoteFlg && hasVal(_file) && !_file.includes(C_MRK_CURRENT_DIRECTORY) && !hasRemoteDomain(_file)\r\n\t\t\t? `${C_MRK_CURRENT_DIRECTORY}../${_type}/${_file}`\r\n\t\t\t: _file;\r\n\r\n\t// 外部スキンファイルの指定\r\n\tconst tmpSkinType = _dosObj.skinType ?? g_presetObj.skinType ?? `default`;\r\n\tconst tmpSkinTypes = tmpSkinType.split(`,`).map(file => {\r\n\r\n\t\t// スキンタイプを取得（ディレクトリパス、カレント指定(..)を除去）\r\n\t\tconst match = file.match(/.*\\/(.+)|\\(\\.\\.\\)([^/]+)|(.+)/);\r\n\t\tconst skinName = match[1] || match[2] || match[3];\r\n\r\n\t\t// デフォルトセット以外はリモート先のデータを使用しない\r\n\t\treturn g_defaultSets.skinType.findIndex(val => val === skinName) < 0 ?\r\n\t\t\tconvLocalPath(file, `skin`) : file;\r\n\t});\r\n\tobj.defaultSkinFlg = tmpSkinTypes.includes(`default`) && setBoolVal(_dosObj.bgCanvasUse ?? g_presetObj.bgCanvasUse, true);\r\n\tsetJsFiles(tmpSkinTypes, C_DIR_SKIN, `skin`);\r\n\r\n\t// 外部jsファイルの指定\r\n\tconst tmpCustomjs = getHeader(_dosObj, ...getHname(`customJs`)) ?? g_presetObj.customJs ?? C_JSF_CUSTOM;\r\n\tsetJsFiles(tmpCustomjs.replaceAll(`*`, g_presetObj.customJs).split(`,`)\r\n\t\t.map(file => convLocalPath(file, `js`)), C_DIR_JS);\r\n\r\n\t// 外部cssファイルの指定\r\n\tconst tmpCustomcss = getHeader(_dosObj, ...getHname(`customCss`)) ?? g_presetObj.customCss ?? ``;\r\n\tsetJsFiles(tmpCustomcss.replaceAll(`*`, g_presetObj.customCss).split(`,`)\r\n\t\t.map(file => convLocalPath(file, `css`)), C_DIR_CSS);\r\n\r\n\t// デフォルト曲名表示、背景、Ready表示の利用有無\r\n\tg_titleLists.init.forEach(objName => {\r\n\t\tconst objUpper = toCapitalize(objName);\r\n\t\tobj[`custom${objUpper}Use`] =\r\n\t\t\tsetBoolVal(_dosObj[`custom${objUpper}Use`] ?? g_presetObj.customDesignUse?.[objName]);\r\n\t});\r\n\r\n\t// 背景・マスクモーションのパス指定方法を他の設定に合わせる設定\r\n\tobj.syncBackPath = setBoolVal(_dosObj.syncBackPath ?? g_presetObj.syncBackPath);\r\n\r\n\treturn obj;\r\n};\r\n\r\n/**\r\n * 譜面ヘッダーの分解（その他の設定）\r\n * @param {object} _dosObj 譜面データオブジェクト\r\n * @returns {object}\r\n */\r\nconst headerConvert = _dosObj => {\r\n\r\n\t// ヘッダー群の格納先\r\n\tconst obj = {};\r\n\r\n\t// 自動プリロードの設定\r\n\tobj.autoPreload = setBoolVal(_dosObj.autoPreload, true);\r\n\tg_headerObj.autoPreload = obj.autoPreload;\r\n\r\n\t// デフォルトスタイルのバックアップ\r\n\tgetCssCustomProperties();\r\n\r\n\t// 初期で変更するカスタムプロパティを設定\r\n\tObject.keys(_dosObj).filter(val => val.startsWith(`--`) && hasVal(_dosObj[val])).forEach(prop => {\r\n\t\tg_cssBkProperties[prop] = getCssCustomProperty(prop, _dosObj[prop]);\r\n\t\tdocument.documentElement.style.setProperty(prop, g_cssBkProperties[prop]);\r\n\t});\r\n\r\n\t// フォントの設定\r\n\tobj.customFont = _dosObj.customFont ?? ``;\r\n\tg_headerObj.customFont = obj.customFont;\r\n\r\n\t// 画像ルートパス、拡張子の設定 (サーバ上のみ)\r\n\tobj.imgType = [];\r\n\tif (!g_isFile) {\r\n\t\tlet tmpImgTypes = [];\r\n\t\tif (hasVal(_dosObj.imgType)) {\r\n\t\t\ttmpImgTypes = splitLF2(_dosObj.imgType);\r\n\t\t} else if (g_presetObj.imageSets !== undefined) {\r\n\t\t\ttmpImgTypes = g_presetObj.imageSets.concat();\r\n\t\t}\r\n\t\ttmpImgTypes.forEach((tmpImgType, j) => {\r\n\t\t\tconst imgTypes = tmpImgType.split(`,`);\r\n\t\t\tobj.imgType[j] = {\r\n\t\t\t\tname: imgTypes[0],\r\n\t\t\t\textension: imgTypes[1] || `svg`,\r\n\t\t\t\trotateEnabled: setBoolVal(imgTypes[2], true),\r\n\t\t\t\tflatStepHeight: setVal(imgTypes[3], C_ARW_WIDTH, C_TYP_FLOAT),\r\n\t\t\t\tremoteDir: imgTypes[4] || ``,\r\n\t\t\t};\r\n\t\t\tg_keycons.imgTypes[j] = (imgTypes[0] === `` ? `Original` : imgTypes[0]);\r\n\t\t});\r\n\t}\r\n\r\n\t// 末尾にデフォルト画像セットが入るよう追加\r\n\tif (obj.imgType.findIndex(imgSets => imgSets.name === ``) === -1) {\r\n\t\tobj.imgType.push({ name: ``, extension: `svg`, rotateEnabled: true, flatStepHeight: C_ARW_WIDTH, remoteDir: `` });\r\n\t\tg_keycons.imgTypes.push(`Original`);\r\n\t}\r\n\tg_imgType = g_keycons.imgTypes[0];\r\n\tg_stateObj.rotateEnabled = obj.imgType[0].rotateEnabled;\r\n\tg_stateObj.flatStepHeight = obj.imgType[0].flatStepHeight;\r\n\r\n\tconst [titleArrowName, titleArrowRotate] = padArray(_dosObj.titleArrowName?.split(`:`), [`Original`, 180]);\r\n\tobj.titleArrowNo = roundZero(g_keycons.imgTypes.findIndex(imgType => imgType === titleArrowName));\r\n\tobj.titleArrowRotate = titleArrowRotate;\r\n\r\n\t// サーバ上の場合、画像セットを再読込（ローカルファイル時は読込済みのためスキップ）\r\n\tif (!g_isFile) {\r\n\t\tupdateImgType(obj.imgType[obj.titleArrowNo], true);\r\n\t\tupdateImgType(obj.imgType[0]);\r\n\t} else {\r\n\t\tg_imgObj.titleArrow = C_IMG_ARROW;\r\n\t}\r\n\r\n\t// ラベルテキスト、オンマウステキスト、確認メッセージ定義の上書き設定\r\n\tObject.assign(g_lblNameObj, g_lang_lblNameObj[g_localeObj.val], g_presetObj.lblName?.[g_localeObj.val]);\r\n\tObject.assign(g_msgObj, g_lang_msgObj[g_localeObj.val], g_presetObj.msg?.[g_localeObj.val]);\r\n\r\n\t// 自動横幅拡張設定\r\n\tobj.autoSpread = setBoolVal(_dosObj.autoSpread, g_presetObj.autoSpread ?? true);\r\n\r\n\t// 横幅設定\r\n\tif (hasVal(_dosObj.windowWidth)) {\r\n\t\tg_sWidth = Math.max(setIntVal(_dosObj.windowWidth, g_sWidth), g_sWidth);\r\n\t\t$id(`canvas-frame`).width = wUnit(g_sWidth);\r\n\t}\r\n\t// 高さ設定\r\n\tobj.heightVariable = getQueryParamVal(`h`) !== null && (_dosObj.heightVariable || g_presetObj.heightVariable || false);\r\n\tif (hasVal(_dosObj.windowHeight || g_presetObj.autoMinHeight) || obj.heightVariable) {\r\n\t\tg_sHeight = Math.max(setIntVal(_dosObj.windowHeight, g_presetObj.autoMinHeight ?? g_sHeight),\r\n\t\t\tsetIntVal(getQueryParamVal(`h`), g_sHeight), g_sHeight);\r\n\t\t$id(`canvas-frame`).height = wUnit(g_sHeight);\r\n\t}\r\n\tif (!(_dosObj.heightVariable || g_presetObj.heightVariable || false)) {\r\n\t\tobj.heightLockFlg = true;\r\n\t\tg_settings.playWindows = g_settings.playWindows.filter(val => !val.endsWith(`Slope`) && !val.endsWith(`SideScroll`));\r\n\t}\r\n\r\n\t// 曲名\r\n\tobj.musicTitles = [`musicName`];\r\n\tobj.musicTitlesForView = [[`musicName`]];\r\n\tobj.artistNames = [``];\r\n\tobj.artistUrls = [``];\r\n\tobj.bpms = [`----`];\r\n\tobj.musicNos = hasVal(_dosObj.musicNo)\r\n\t\t? splitLF2(_dosObj.musicNo).map(Number).map(val => isNaN(val) ? 0 : val)\r\n\t\t: fillArray(_dosObj.difData?.split(`$`).length ?? 1);\r\n\r\n\tconst dosMusicTitle = getHeader(_dosObj, `musicTitle`);\r\n\tlet alternativeTitle;\r\n\tif (hasVal(dosMusicTitle)) {\r\n\t\tconst musicData = splitLF2(dosMusicTitle);\r\n\r\n\t\tconst lastIdx = Math.max(...obj.musicNos, musicData.length - 1);\r\n\t\tfor (let j = 0; j <= lastIdx; j++) {\r\n\t\t\tconst tmpMusicData = musicData[j] ?? ``;\r\n\t\t\tconst musics = splitComma(tmpMusicData);\r\n\r\n\t\t\tobj.musicTitles[j] = hasVal(musics[0])\r\n\t\t\t\t? escapeHtml(getMusicNameSimple(musics[0]))\r\n\t\t\t\t: obj.musicTitles[0];\r\n\t\t\tobj.musicTitlesForView[j] = hasVal(musics[0])\r\n\t\t\t\t? escapeHtmlForArray(getMusicNameMultiLine(musics[0]))\r\n\t\t\t\t: obj.musicTitlesForView[0];\r\n\t\t\tobj.artistNames[j] = hasVal(musics[1])\r\n\t\t\t\t? escapeHtml(musics[1])\r\n\t\t\t\t: obj.artistNames[0];\r\n\t\t\tobj.artistUrls[j] = musics[2] || obj.artistUrls[0];\r\n\t\t\tobj.bpms[j] = musics[4] || obj.bpms[0];\r\n\r\n\t\t\t// 代替タイトル名\r\n\t\t\tif (j === 0 && hasVal(_dosObj.musicNo)) {\r\n\t\t\t\talternativeTitle = musics[3];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t} else {\r\n\t\tmakeWarningWindow(g_msgInfoObj.E_0012);\r\n\t}\r\n\r\n\t// 単一作品用の項目としての管理変数\r\n\tobj.musicTitle = obj.musicTitles[0];\r\n\tobj.musicTitleForView = obj.musicTitlesForView[0];\r\n\tobj.artistName = obj.artistNames[0];\r\n\tif (obj.artistName === ``) {\r\n\t\tmakeWarningWindow(g_msgInfoObj.E_0011);\r\n\t\tobj.artistName = `artistName`;\r\n\t}\r\n\tobj.artistUrl = obj.artistUrls[0];\r\n\r\n\t// 代替タイトル名は曲名定義の後に設定する（複数曲を束ねる名前であり、曲名ではないため）\r\n\tif (hasVal(alternativeTitle)) {\r\n\t\tobj.musicTitles[0] = escapeHtml(getMusicNameSimple(alternativeTitle));\r\n\t\tobj.musicTitlesForView[0] = escapeHtmlForArray(getMusicNameMultiLine(alternativeTitle));\r\n\t}\r\n\r\n\t// 選曲機能の利用有無\r\n\tobj.packageNames = (_dosObj.packageName || ``).split(`
`);\r\n\tobj.musicSelectUse = _dosObj.packageName !== undefined;\r\n\r\n\t// 最小・最大速度の設定\r\n\tobj.minSpeed = Math.round(setVal(_dosObj.minSpeed, C_MIN_SPEED, C_TYP_FLOAT) * 4) / 4;\r\n\tobj.maxSpeed = Math.round(setVal(_dosObj.maxSpeed, C_MAX_SPEED, C_TYP_FLOAT) * 4) / 4;\r\n\tif (obj.minSpeed > obj.maxSpeed || obj.minSpeed < 0.5 || obj.maxSpeed < 0.5) {\r\n\t\tobj.minSpeed = C_MIN_SPEED;\r\n\t\tobj.maxSpeed = C_MAX_SPEED;\r\n\t}\r\n\tg_settings.speeds = makeSpeedList(obj.minSpeed, obj.maxSpeed);\r\n\r\n\t// プレイ中のショートカットキー\r\n\tobj.keyRetry = setIntVal(getKeyCtrlVal(_dosObj.keyRetry), C_KEY_RETRY);\r\n\tobj.keyRetryDef = obj.keyRetry;\r\n\tobj.keyRetryDef2 = obj.keyRetry;\r\n\tobj.keyTitleBack = setIntVal(getKeyCtrlVal(_dosObj.keyTitleBack), C_KEY_TITLEBACK);\r\n\tobj.keyTitleBackDef = obj.keyTitleBack;\r\n\tobj.keyTitleBackDef2 = obj.keyTitleBack;\r\n\r\n\t// フリーズアローの許容フレーム数設定\r\n\tobj.frzAttempt = setIntVal(_dosObj.frzAttempt, C_FRM_FRZATTEMPT);\r\n\r\n\t// 製作者表示\r\n\tconst dosTuning = getHeader(_dosObj, `tuning`);\r\n\tobj.tuningNames = [];\r\n\tobj.tuningUrls = [];\r\n\tif (hasVal(dosTuning)) {\r\n\t\tsplitLF2(dosTuning).forEach(tuning => {\r\n\t\t\tconst tuningData = tuning.split(`,`);\r\n\t\t\tobj.tuningNames.push(escapeHtmlForEnabledTag(tuningData[0]));\r\n\t\t\tobj.tuningUrls.push(tuningData[1] ||\r\n\t\t\t\t(getHeader(g_presetObj, `tuning`) === tuningData[0] ? g_presetObj.tuningUrl : ``));\r\n\t\t});\r\n\t\tobj.tuning = obj.tuningNames[0];\r\n\t\tobj.creatorUrl = obj.tuningUrls[0] || g_presetObj.tuningUrl || ``;\r\n\t} else {\r\n\t\tobj.tuning = escapeHtmlForEnabledTag(getHeader(g_presetObj, `tuning`) ?? `name`);\r\n\t\tobj.creatorUrl = g_presetObj.tuningUrl ?? ``;\r\n\t}\r\n\tobj.tuningInit = obj.tuning;\r\n\r\n\tobj.dosNos = [];\r\n\tobj.scoreNos = [];\r\n\tif (hasVal(_dosObj.dosNo)) {\r\n\t\tsplitLF2(_dosObj.dosNo).map((val, j) => [obj.dosNos[j], obj.scoreNos[j]] = val.split(`,`));\r\n\t\tconst dosNoCnt = {};\r\n\t\tobj.dosNos.forEach((val, j) => {\r\n\t\t\tif (dosNoCnt[val] === undefined) {\r\n\t\t\t\tdosNoCnt[val] = 0;\r\n\t\t\t}\r\n\t\t\tif (obj.scoreNos[j] === undefined) {\r\n\t\t\t\tdosNoCnt[val]++;\r\n\t\t\t\tobj.scoreNos[j] = dosNoCnt[val];\r\n\t\t\t} else {\r\n\t\t\t\tdosNoCnt[val] = Number(obj.scoreNos[j]);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\t// 譜面情報\r\n\tif (hasVal(_dosObj.difData)) {\r\n\t\tconst difs = splitLF2(_dosObj.difData);\r\n\t\tconst difpos = {\r\n\t\t\tKey: 0, Name: 1, Speed: 2, Border: 3, Recovery: 4, Damage: 5, Init: 6,\r\n\t\t};\r\n\t\tobj.keyLabels = [];\r\n\t\tobj.difLabels = [];\r\n\t\tobj.initSpeeds = [];\r\n\t\tobj.lifeBorders = [];\r\n\t\tobj.lifeRecoverys = [];\r\n\t\tobj.lifeDamages = [];\r\n\t\tobj.lifeInits = [];\r\n\t\tobj.creatorNames = [];\r\n\t\tg_stateObj.scoreId = (g_stateObj.scoreId < difs.length ? g_stateObj.scoreId : 0);\r\n\r\n\t\tdifs.forEach(dif => {\r\n\t\t\tconst difDetails = dif.split(`,`);\r\n\t\t\tconst lifeData = (_type, _default) =>\r\n\t\t\t\tdifDetails[difpos[_type]] || g_presetObj.gauge?.[_type] || _default;\r\n\r\n\t\t\t// ライフ：ノルマ、回復量、ダメージ量、初期値の設定\r\n\t\t\tobj.lifeBorders.push(lifeData(`Border`, `x`));\r\n\t\t\tobj.lifeRecoverys.push(lifeData(`Recovery`, 6));\r\n\t\t\tobj.lifeDamages.push(lifeData(`Damage`, 40));\r\n\t\t\tobj.lifeInits.push(lifeData(`Init`, 25));\r\n\r\n\t\t\t// キー数\r\n\t\t\tconst keyLabel = difDetails[difpos.Key] || `7`;\r\n\t\t\tobj.keyLabels.push(g_keyObj.keyTransPattern[keyLabel] ?? keyLabel);\r\n\r\n\t\t\t// 譜面名、制作者名\r\n\t\t\tif (hasVal(difDetails[difpos.Name])) {\r\n\t\t\t\tconst difNameInfo = difDetails[difpos.Name].split(`::`);\r\n\t\t\t\tobj.difLabels.push(escapeHtml(difNameInfo[0] ?? `Normal`));\r\n\t\t\t\tobj.creatorNames.push(difNameInfo.length > 1 ? escapeHtml(difNameInfo[1]) : obj.tuning);\r\n\t\t\t} else {\r\n\t\t\t\tobj.difLabels.push(`Normal`);\r\n\t\t\t\tobj.creatorNames.push(obj.tuning);\r\n\t\t\t}\r\n\r\n\t\t\t// 初期速度\r\n\t\t\tobj.initSpeeds.push(setVal(difDetails[difpos.Speed], 3.5, C_TYP_FLOAT));\r\n\t\t});\r\n\t} else {\r\n\t\tmakeWarningWindow(g_msgInfoObj.E_0021);\r\n\t\tobj.keyLabels = [`7`];\r\n\t\tobj.difLabels = [`Normal`];\r\n\t\tobj.initSpeeds = [3.5];\r\n\t\tobj.lifeBorders = [`x`];\r\n\t\tobj.lifeRecoverys = [6];\r\n\t\tobj.lifeDamages = [40];\r\n\t\tobj.lifeInits = [25];\r\n\t\tobj.creatorNames = [obj.tuning];\r\n\t}\r\n\tconst keyLists = makeDedupliArray(obj.keyLabels);\r\n\tobj.viewLists = [...Array(obj.keyLabels.length).keys()];\r\n\tobj.keyLists = keyLists.sort((a, b) => parseInt(a) - parseInt(b));\r\n\tobj.undefinedKeyLists = obj.keyLists.filter(key => g_keyObj[`${g_keyObj.defaultProp}${key}_0`] === undefined);\r\n\r\n\t// 楽曲別のグループ化設定（選曲モードのみ）\r\n\tif (hasVal(_dosObj.musicGroup)) {\r\n\t\tobj.musicGroups = _dosObj.musicGroup.split(`,`)\r\n\t\t\t.map((val, j) => setVal(val, j, C_TYP_NUMBER))\r\n\t\t\t.map((val, j) => val < 0 ? j + val : val);\r\n\t\tfor (let k = obj.musicGroups.length; k <= Math.max(...obj.musicNos); k++) {\r\n\t\t\tobj.musicGroups[k] = k;\r\n\t\t}\r\n\t\tobj.musicIdxList = makeDedupliArray(obj.musicGroups);\r\n\t} else {\r\n\t\tobj.musicIdxList = [...Array(Math.max(...obj.musicNos) + 1).keys()];\r\n\t}\r\n\r\n\t// 譜面変更セレクターの利用有無\r\n\tobj.difSelectorUse = getDifSelectorUse(_dosObj.difSelectorUse, obj.viewLists);\r\n\r\n\t// 初期速度の設定\r\n\tg_stateObj.speed = obj.initSpeeds[g_stateObj.scoreId];\r\n\tg_settings.speedNum = roundZero(g_settings.speeds.findIndex(speed => speed === g_stateObj.speed));\r\n\r\n\t// グラデーションのデフォルト中間色を設定\r\n\tdivRoot.appendChild(createDivCss2Label(`dummyLabel`, ``));\r\n\tobj.baseBrightFlg = setBoolVal(_dosObj.baseBright, checkLightOrDark(colorNameToCode(window.getComputedStyle(dummyLabel, ``).color)));\r\n\tconst intermediateColor = obj.baseBrightFlg ? `#111111` : `#eeeeee`;\r\n\r\n\t// 矢印の色変化を常時グラデーションさせる設定\r\n\tobj.defaultColorgrd = [false, intermediateColor];\r\n\tif (hasVal(_dosObj.defaultColorgrd)) {\r\n\t\tobj.defaultColorgrd = _dosObj.defaultColorgrd.split(`,`);\r\n\t\tobj.defaultColorgrd[0] = setBoolVal(obj.defaultColorgrd[0]);\r\n\t\tobj.defaultColorgrd[1] = obj.defaultColorgrd[1] ?? intermediateColor;\r\n\t}\r\n\tg_rankObj.rankColorAllPerfect = intermediateColor;\r\n\r\n\t// カラーコードのゼロパディング有無設定\r\n\tobj.colorCdPaddingUse = setBoolVal(_dosObj.colorCdPaddingUse);\r\n\r\n\t// 最大ライフ\r\n\tobj.maxLifeVal = setVal(_dosObj.maxLifeVal, C_VAL_MAXLIFE, C_TYP_FLOAT);\r\n\tif (obj.maxLifeVal <= 0) {\r\n\t\tobj.maxLifeVal = C_VAL_MAXLIFE;\r\n\t\tmakeWarningWindow(g_msgInfoObj.E_0042.split(`{0}`).join(`maxLifeVal`));\r\n\t}\r\n\r\n\t// ゲージ初期設定（最大ライフ反映）\r\n\tg_gaugeOptionObj.defaultList.forEach(type => {\r\n\t\tconst pos = g_gaugeOptionObj[`dmg${toCapitalize(type)}`].findIndex(val => val === C_LFE_MAXLIFE);\r\n\t\tg_gaugeOptionObj[`dmg${toCapitalize(type)}`][pos] = obj.maxLifeVal;\r\n\t});\r\n\r\n\t// フリーズアローのデフォルト色セットの利用有無 (true: 使用, false: 矢印色を優先してセット)\r\n\tobj.defaultFrzColorUse = setBoolVal(_dosObj.defaultFrzColorUse ?? g_presetObj.frzColors, true);\r\n\r\n\t// 矢印色変化に対応してフリーズアロー色を追随する範囲の設定\r\n\t// (defaultFrzColorUse=false時のみ)\r\n\tobj.frzScopeFromArrowColors = [];\r\n\r\n\tif (!obj.defaultFrzColorUse) {\r\n\t\tconst tmpFrzScope = [];\r\n\r\n\t\tif (hasVal(_dosObj.frzScopeFromAC)) {\r\n\t\t\ttmpFrzScope.push(..._dosObj.frzScopeFromAC.split(`,`));\r\n\t\t} else if (g_presetObj.frzScopeFromAC !== undefined) {\r\n\t\t\ttmpFrzScope.push(...g_presetObj.frzScopeFromAC);\r\n\t\t}\r\n\t\ttmpFrzScope.filter(type => [`Normal`, `Hit`].includes(type))\r\n\t\t\t.forEach(data => obj.frzScopeFromArrowColors.push(data));\r\n\t}\r\n\r\n\t// 初期色情報\r\n\tconst baseColor = (obj.baseBrightFlg ? `light` : `dark`);\r\n\tObject.assign(g_dfColorObj, g_dfColorBaseObj[baseColor]);\r\n\tObject.keys(g_dfColorObj).forEach(key => obj[key] = g_dfColorObj[key].concat());\r\n\tobj.frzColorDefault = [];\r\n\r\n\t// ダミー用初期矢印色\r\n\tobj.setDummyColor = [`#777777`, `#444444`, `#777777`, `#444444`, `#777777`];\r\n\tobj.dfColorgrdSet = {\r\n\t\t'': obj.defaultColorgrd,\r\n\t\t'Type0': [!obj.defaultColorgrd[0], obj.defaultColorgrd[1]],\r\n\t};\r\n\r\n\t// カスタムゲージ設定（共通設定ファイル）\r\n\taddGaugeFulls(g_gaugeOptionObj.survival);\r\n\taddGaugeFulls(g_gaugeOptionObj.border);\r\n\r\n\tif (g_presetObj.gaugeList !== undefined) {\r\n\t\tObject.keys(g_presetObj.gaugeList).forEach(key => {\r\n\t\t\tg_gaugeOptionObj.customDefault.push(key);\r\n\t\t\tg_gaugeOptionObj.varCustomDefault.push(boolToSwitch(g_presetObj.gaugeList[key] === `V`));\r\n\t\t});\r\n\t\tg_gaugeOptionObj.custom = g_gaugeOptionObj.customDefault.concat();\r\n\t\tg_gaugeOptionObj.varCustom = g_gaugeOptionObj.varCustomDefault.concat();\r\n\t\taddGaugeFulls(g_gaugeOptionObj.customDefault);\r\n\t}\r\n\r\n\t// カスタムゲージ設定、初期色設定（譜面ヘッダー）の譜面別設定\r\n\tObject.assign(obj, resetBaseColorList(obj, _dosObj));\r\n\tfor (let j = 0; j < obj.difLabels.length; j++) {\r\n\t\tObject.assign(g_gaugeOptionObj, resetCustomGauge(_dosObj, { scoreId: j }));\r\n\t\tObject.assign(obj, resetBaseColorList(obj, _dosObj, { scoreId: j }));\r\n\t}\r\n\r\n\t// ダミー譜面の設定\r\n\tif (hasVal(_dosObj.dummyId)) {\r\n\t\tobj.dummyScoreNos = _dosObj.dummyId.split(`$`);\r\n\t}\r\n\r\n\t// 無音のフレーム数\r\n\tobj.blankFrameDefs = [200];\r\n\tif (isNaN(parseFloat(_dosObj.blankFrame))) {\r\n\t} else {\r\n\t\tobj.blankFrameDefs = splitLF2(_dosObj.blankFrame).map(val => parseInt(val));\r\n\t}\r\n\tobj.blankFrame = obj.blankFrameDefs[0];\r\n\tobj.blankFrameDef = obj.blankFrameDefs[0];\r\n\r\n\t// 開始フレーム数（0以外の場合はフェードインスタート）、終了フレーム数\r\n\t[`startFrame`, `endFrame`].filter(tmpParam => hasVal(_dosObj[tmpParam]))\r\n\t\t.forEach(param => obj[param] = splitLF2(_dosObj[param]).map(frame => transTimerToFrame(frame)));\r\n\r\n\t// フェードアウトフレーム数(譜面別)\r\n\tif (hasVal(_dosObj.fadeFrame)) {\r\n\t\tconst fadeFrames = splitLF2(_dosObj.fadeFrame);\r\n\t\tobj.fadeFrame = [];\r\n\t\tfadeFrames.forEach((fadeInfo, j) => {\r\n\t\t\tobj.fadeFrame[j] = fadeInfo.split(`,`);\r\n\t\t\tobj.fadeFrame[j][0] = transTimerToFrame(obj.fadeFrame[j][0]);\r\n\t\t});\r\n\t}\r\n\r\n\t// タイミング調整\r\n\tobj.adjustment = (hasVal(_dosObj.adjustment) ? _dosObj.adjustment.split(`$`) : [0]);\r\n\r\n\t// 再生速度\r\n\tobj.playbackRate = setVal(_dosObj.playbackRate, 1, C_TYP_FLOAT);\r\n\tif (obj.playbackRate <= 0) {\r\n\t\tobj.playbackRate = 1;\r\n\t\tmakeWarningWindow(g_msgInfoObj.E_0042.split(`{0}`).join(`playbackRate`));\r\n\t}\r\n\r\n\t// プレイサイズ(X方向, Y方向)\r\n\tobj.playingWidth = setIntVal(_dosObj.playingWidth, g_presetObj.playingWidth ?? `default`);\r\n\tconst tmpPlayingHeight = setIntVal(_dosObj.playingHeight, g_presetObj.playingHeight ?? g_sHeight);\r\n\tobj.playingHeight = Math.max(obj.heightVariable ?\r\n\t\tsetIntVal(getQueryParamVal(`h`) - (g_sHeight - tmpPlayingHeight), tmpPlayingHeight) : tmpPlayingHeight, 400);\r\n\r\n\t// プレイ左上位置(X座標, Y座標)\r\n\tobj.playingX = setIntVal(_dosObj.playingX, g_presetObj.playingX ?? 0);\r\n\tobj.playingY = setIntVal(_dosObj.playingY, g_presetObj.playingY ?? 0);\r\n\r\n\t// ステップゾーン位置\r\n\tg_posObj.stepY = (isNaN(parseFloat(_dosObj.stepY)) ? C_STEP_Y : parseFloat(_dosObj.stepY));\r\n\tg_posObj.stepYR = (isNaN(parseFloat(_dosObj.stepYR)) ? C_STEP_YR : parseFloat(_dosObj.stepYR));\r\n\tg_posObj.stepDiffY = g_posObj.stepY - C_STEP_Y;\r\n\tg_posObj.distY = obj.playingHeight - C_STEP_Y + g_posObj.stepYR;\r\n\tg_posObj.reverseStepY = g_posObj.distY - g_posObj.stepY - g_posObj.stepDiffY - C_ARW_WIDTH;\r\n\tg_posObj.arrowHeight = obj.playingHeight + g_posObj.stepYR - g_posObj.stepDiffY * 2;\r\n\tobj.bottomWordSetFlg = setBoolVal(_dosObj.bottomWordSet);\r\n\r\n\t// ウィンドウサイズ(高さ)とステップゾーン位置の組み合わせで基準速度を変更\r\n\tobj.baseSpeed = 1 + ((g_posObj.distY - (g_posObj.stepY - C_STEP_Y) * 2) / (500 - C_STEP_Y) - 1) * 0.85;\r\n\r\n\t// 矢印・フリーズアロー判定位置補正\r\n\tg_diffObj.arrowJdgY = (isNaN(parseFloat(_dosObj.arrowJdgY)) ? 0 : parseFloat(_dosObj.arrowJdgY));\r\n\tg_diffObj.frzJdgY = (isNaN(parseFloat(_dosObj.frzJdgY)) ? 0 : parseFloat(_dosObj.frzJdgY));\r\n\r\n\t// musicフォルダ設定\r\n\tobj.musicFolder = _dosObj.musicFolder ?? (g_remoteFlg ? `${C_MRK_CURRENT_DIRECTORY}../music` : `music`);\r\n\r\n\t// 楽曲URL\r\n\tif (hasVal(_dosObj.musicUrl)) {\r\n\t\tconst musicUrls = splitLF2(_dosObj.musicUrl);\r\n\t\tobj.musicUrls = [], obj.musicStarts = [], obj.musicEnds = [];\r\n\t\tmusicUrls.forEach((val, j) => {\r\n\t\t\tconst musicUrlPair = val.split(`,`);\r\n\t\t\tobj.musicUrls[j] = musicUrlPair[0] || ``;\r\n\t\t\tif (musicUrlPair[1] !== undefined) {\r\n\t\t\t\tconst musicBGMTime = musicUrlPair[1].split(`-`).map(str => str.trim());\r\n\t\t\t\tobj.musicStarts[j] = Math.floor(transTimerToFrame(musicBGMTime[0] ?? 0) / g_fps);\r\n\t\t\t\tobj.musicEnds[j] = musicBGMTime[1] !== undefined ?\r\n\t\t\t\t\tMath.floor((transTimerToFrame(musicBGMTime[1] ?? 0)) / g_fps) :\r\n\t\t\t\t\tMath.floor((transTimerToFrame(musicBGMTime[0] ?? 0) + transTimerToFrame(`0:20`)) / g_fps);\r\n\t\t\t} else {\r\n\t\t\t\tobj.musicStarts[j] = 0;\r\n\t\t\t\tobj.musicEnds[j] = 20;\r\n\t\t\t}\r\n\t\t});\r\n\t} else {\r\n\t\tmakeWarningWindow(g_msgInfoObj.E_0031);\r\n\t}\r\n\r\n\t// ハッシュタグ\r\n\tobj.hashTag = _dosObj.hashTag ?? ``;\r\n\r\n\t// 読込対象の画像を指定(rel:preload)と同じ\r\n\tobj.preloadImages = [];\r\n\tif (hasVal(_dosObj.preloadImages)) {\r\n\t\tobj.preloadImages = _dosObj.preloadImages.split(`,`).filter(image => hasVal(image)).map(preloadImage => preloadImage);\r\n\t}\r\n\r\n\t// 初期表示する部分キーの設定\r\n\tobj.keyGroupOrder = [];\r\n\t_dosObj.keyGroupOrder?.split(`$`).forEach((val, j) => {\r\n\t\tif (val !== ``) {\r\n\t\t\tobj.keyGroupOrder[j] = val.split(`,`);\r\n\t\t}\r\n\t});\r\n\r\n\t// 最終演出表示有無（noneで無効化）\r\n\tobj.finishView = _dosObj.finishView ?? ``;\r\n\r\n\t// 更新日\r\n\tobj.releaseDate = _dosObj.releaseDate ?? ``;\r\n\r\n\t// デフォルトReady/リザルト表示の遅延時間設定\r\n\t[`ready`, `result`].forEach(objName =>\r\n\t\tobj[`${objName}DelayFrame`] = setIntVal(_dosObj[`${objName}DelayFrame`]));\r\n\r\n\t// デフォルトReady表示のアニメーション時間設定\r\n\tobj.readyAnimationFrame = setIntVal(_dosObj.readyAnimationFrame, 150);\r\n\r\n\t// デフォルトReady表示のアニメーション名\r\n\tobj.readyAnimationName = _dosObj.readyAnimationName ?? `leftToRightFade`;\r\n\r\n\t// デフォルトReady表示の先頭文字色\r\n\tobj.readyColor = _dosObj.readyColor ?? ``;\r\n\r\n\t// デフォルトReady表示を上書きするテキスト\r\n\tobj.readyHtml = _dosObj.readyHtml ?? ``;\r\n\r\n\t// デフォルト曲名表示のフォントサイズ\r\n\tobj.titlesize = getHeader(_dosObj, ...getHname(`titleSize`)) ?? ``;\r\n\r\n\t// デフォルト曲名表示のフォント名\r\n\t// (使用例： |titlefont=Century,Meiryo UI|)\r\n\tobj.titlefonts = g_titleLists.defaultFonts.concat();\r\n\tgetHeader(_dosObj, ...getHname(`titleFont`))?.split(`$`).forEach((font, j) => obj.titlefonts[j] = `'${(font.replaceAll(`,`, `', '`))}'`);\r\n\tif (obj.titlefonts[1] === undefined) {\r\n\t\tobj.titlefonts[1] = obj.titlefonts[0];\r\n\t}\r\n\r\n\t// デフォルト曲名表示, 背景矢印のグラデーション指定css\r\n\t[`titlegrd`, `titleArrowgrd`].forEach(_name => {\r\n\t\tconst objName = `${_name.toLowerCase()}`;\r\n\t\tobj[`${objName}s`] = [];\r\n\t\tconst tmpTitlegrd = getHeader(_dosObj, ...getHname(_name))?.replaceAll(`,`, `:`);\r\n\t\tif (hasVal(tmpTitlegrd)) {\r\n\t\t\tobj[`${objName}s`] = tmpTitlegrd.split(`$`);\r\n\t\t\tobj[`${objName}`] = obj[`${objName}s`][0] ?? ``;\r\n\t\t}\r\n\t});\r\n\r\n\t// デフォルト曲名表示の表示位置調整\r\n\tobj.titlepos = [[0, 0], [0, 0]];\r\n\tgetHeader(_dosObj, ...getHname(`titlePos`))?.split(`$`).forEach((pos, j) => obj.titlepos[j] = pos.split(`,`).map(x => parseFloat(x)));\r\n\r\n\t// タイトル文字のアニメーション設定\r\n\tobj.titleAnimationName = [`leftToRight`];\r\n\tobj.titleAnimationDuration = [1.5];\r\n\tobj.titleAnimationDelay = [0];\r\n\tobj.titleAnimationTimingFunction = [`ease`];\r\n\tobj.titleAnimationClass = [``];\r\n\r\n\tgetHeader(_dosObj, ...getHname(`titleAnimation`))?.split(`$`).forEach((pos, j) => {\r\n\t\tconst titleAnimation = pos.split(`,`);\r\n\t\tobj.titleAnimationName[j] = setVal(titleAnimation[0], obj.titleAnimationName[0]);\r\n\t\tobj.titleAnimationDuration[j] = setVal(titleAnimation[1] / g_fps, obj.titleAnimationDuration[0], C_TYP_FLOAT);\r\n\t\tobj.titleAnimationDelay[j] = setVal(titleAnimation[2] / g_fps, obj.titleAnimationDelay[0], C_TYP_FLOAT);\r\n\t\tobj.titleAnimationTimingFunction[j] = setVal(titleAnimation[3], obj.titleAnimationName[3]);\r\n\t});\r\n\tgetHeader(_dosObj, ...getHname(`titleAnimationClass`))?.split(`$`).forEach((animationClass, j) =>\r\n\t\tobj.titleAnimationClass[j] = animationClass ?? ``);\r\n\r\n\tif (obj.titleAnimationName.length === 1) {\r\n\t\tg_titleLists.animation.forEach(pattern =>\r\n\t\t\tobj[`titleAnimation${pattern}`][1] = obj[`titleAnimation${pattern}`][0]);\r\n\t}\r\n\tif (obj.titleAnimationClass.length === 1) {\r\n\t\tobj.titleAnimationClass[1] = obj.titleAnimationClass[0];\r\n\t}\r\n\r\n\t// デフォルト曲名表示の複数行時の縦間隔\r\n\tobj.titlelineheight = setIntVal(getHeader(_dosObj, ...getHname(`titleLineHeight`)), ``);\r\n\r\n\t// フリーズアローの始点で通常矢印の判定を行うか(dotさんソース方式)\r\n\tobj.frzStartjdgUse = setBoolVal(_dosObj.frzStartjdgUse ?? g_presetObj.frzStartjdgUse);\r\n\r\n\t// 空押し判定の設定\r\n\t// excessiveUses : 譜面毎の空押し有効化設定\r\n\t// excessiveJdgUses: 譜面毎の空押し初期設定\r\n\tobj.excessiveUses = [];\r\n\tobj.excessiveJdgUses = [];\r\n\tsplitLF2(_dosObj.excessiveUse)?.forEach(val => {\r\n\t\tconst tmpVal = val.split(`,`);\r\n\t\tobj.excessiveUses.push(setBoolVal(tmpVal[0]));\r\n\t\tobj.excessiveJdgUses.push(setVal(tmpVal[1], C_FLG_OFF, C_TYP_SWITCH) === C_FLG_ON);\r\n\t});\r\n\tif ((obj.excessiveUses?.length || 0) < obj.difLabels.length) {\r\n\t\tobj.excessiveUses = makeBaseArray(obj.excessiveUses, obj.difLabels.length,\r\n\t\t\tsetBoolVal(obj.excessiveUses?.[0] ?? _dosObj.excessiveUse ?? g_presetObj.excessiveUse, true));\r\n\t\tobj.excessiveJdgUses = makeBaseArray(obj.excessiveJdgUses, obj.difLabels.length,\r\n\t\t\tsetBoolVal(obj.excessiveJdgUses?.[0] ?? g_presetObj.excessiveJdgUse ?? false));\r\n\t}\r\n\r\n\t// excessiveJdgUseが有効な場合は全譜面に対して強制的に上書き\r\n\tif (_dosObj.excessiveJdgUse !== undefined) {\r\n\t\tconst excessiveJdg = setBoolVal(_dosObj.excessiveJdgUse);\r\n\t\tif (excessiveJdg) {\r\n\t\t\tobj.excessiveJdgUses = obj.excessiveJdgUses.map(val => true);\r\n\t\t}\r\n\t}\r\n\tobj.excessiveJdgUse = obj.excessiveJdgUses[0];\r\n\tg_stateObj.excessive = boolToSwitch(obj.excessiveJdgUse);\r\n\tg_settings.excessiveNum = Number(obj.excessiveJdgUse);\r\n\r\n\t// 譜面名に制作者名を付加するかどうかのフラグ（選曲用に初期値を退避）\r\n\tobj.makerView = setBoolVal(_dosObj.makerView);\r\n\tobj.makerViewOrg = obj.makerView;\r\n\r\n\t// shuffleUse=group 時のみshuffle用配列を組み替える\r\n\tif (_dosObj.shuffleUse === `group`) {\r\n\t\t_dosObj.shuffleUse = true;\r\n\t\tg_settings.shuffles = g_settings.shuffles.filter(val => !val.endsWith(`+`));\r\n\t}\r\n\r\n\t// オプション利用可否設定\r\n\tg_canDisabledSettings.forEach(option =>\r\n\t\tobj[`${option}Use`] = setBoolVal(_dosObj[`${option}Use`] ?? g_presetObj.settingUse?.[option], true));\r\n\r\n\tlet interlockingErrorFlg = false;\r\n\tg_displays.forEach((option, j) => {\r\n\r\n\t\t// Display使用可否設定を分解 |displayUse=false,ON|\r\n\t\tconst displayTempUse = _dosObj[`${option}Use`] ?? g_presetObj.settingUse?.[option] ?? `true`;\r\n\t\tconst displayUse = displayTempUse?.split(`,`) ?? [true, C_FLG_ON];\r\n\r\n\t\t// displayUse -> ボタンの有効/無効, displaySet -> ボタンの初期値(ON/OFF)\r\n\t\tobj[`${option}Use`] = setBoolVal(displayUse[0], true);\r\n\t\tobj[`${option}Set`] = setVal(displayUse.length > 1 ? displayUse[1] :\r\n\t\t\tboolToSwitch(obj[`${option}Use`]), ``, C_TYP_SWITCH);\r\n\t\tg_stateObj[`d_${option.toLowerCase()}`] = setVal(obj[`${option}Set`], C_FLG_ON, C_TYP_SWITCH);\r\n\t\tobj[`${option}ChainOFF`] = _dosObj[`${option}ChainOFF`]?.split(`,`) ?? [];\r\n\r\n\t\t// Displayのデフォルト設定で、双方向に設定されている場合は設定をブロック\r\n\t\tg_displays.filter((option2, k) =>\r\n\t\t\tj > k && (obj[`${option}ChainOFF`].includes(option2) && obj[`${option2}ChainOFF`].includes(option)))\r\n\t\t\t.forEach(() => {\r\n\t\t\t\tinterlockingErrorFlg = true;\r\n\t\t\t\tmakeWarningWindow(g_msgInfoObj.E_0051);\r\n\t\t\t});\r\n\t\tif (!interlockingErrorFlg && obj[`${option}ChainOFF`].includes(option)) {\r\n\t\t\tinterlockingErrorFlg = true;\r\n\t\t\tmakeWarningWindow(g_msgInfoObj.E_0051);\r\n\t\t}\r\n\t});\r\n\r\n\tif (!interlockingErrorFlg) {\r\n\t\tg_displays.forEach(option =>\r\n\t\t\tobj[`${option}ChainOFF`].forEach(defaultOption => {\r\n\t\t\t\tg_stateObj[`d_${defaultOption.toLowerCase()}`] = C_FLG_OFF;\r\n\t\t\t\tinterlockingButton(obj, defaultOption, C_FLG_OFF, C_FLG_ON);\r\n\t\t\t}));\r\n\t}\r\n\tobj.arrowEffectUseOrg = obj.arrowEffectUse;\r\n\tobj.arrowEffectSetFlg = obj.arrowEffectSet === C_FLG_ON;\r\n\r\n\t// ローカルストレージに保存済みのColorType設定からDisplayのColor設定を反映\r\n\tif (g_localStorage.colorType !== undefined) {\r\n\t\tg_colorType = g_localStorage.colorType;\r\n\t\tif (obj.colorUse) {\r\n\t\t\tg_stateObj.d_color = boolToSwitch(g_keycons.colorDefTypes.findIndex(val => val === g_colorType) !== -1);\r\n\t\t}\r\n\t}\r\n\r\n\t// 別キーパターンの使用有無\r\n\tobj.transKeyUse = setBoolVal(_dosObj.transKeyUse, true);\r\n\r\n\t// タイトル画面用・背景/マスクデータの分解 (下記すべてで1セット、改行区切り)\r\n\t// [フレーム数,階層,背景パス,class(CSSで別定義),X,Y,width,height,opacity,animationName,animationDuration]\r\n\tg_animationData.forEach(sprite => {\r\n\t\tobj[`${sprite}TitleData`] = [];\r\n\t\tobj[`${sprite}TitleMaxDepth`] = -1;\r\n\r\n\t\tconst dataList = [_dosObj[`${sprite}title${g_localeObj.val}_data`], _dosObj[`${sprite}title_data`]];\r\n\t\tconst data = dataList.find((v) => v !== undefined);\r\n\t\tif (hasVal(data)) {\r\n\t\t\t[obj[`${sprite}TitleData`], obj[`${sprite}TitleMaxDepth`]] = g_animationFunc.make[sprite](data);\r\n\t\t}\r\n\t});\r\n\r\n\t// 結果画面用のマスク透過設定\r\n\tobj.masktitleButton = setBoolVal(_dosObj.masktitleButton);\r\n\r\n\t// 結果画面用のマスク透過設定\r\n\tobj.maskresultButton = setBoolVal(_dosObj.maskresultButton);\r\n\r\n\t// リザルトモーションをDisplay:BackgroundのON/OFFと連動させるかどうかの設定\r\n\tobj.resultMotionSet = setBoolVal(_dosObj.resultMotionSet, true);\r\n\r\n\t// 譜面明細の使用可否\r\n\tconst tmpDetails = getHeader(_dosObj, `scoreDetailUse`, `chartDetailUse`)?.split(`,`).filter(val => hasVal(val) && val !== `false`)\r\n\t\t.map(val => replaceStr(val, g_settings.scoreDetailTrans));\r\n\tg_settings.scoreDetails = g_settings.scoreDetailDefs.filter(val => tmpDetails?.includes(val) || tmpDetails === undefined);\r\n\r\n\tg_stateObj.scoreDetail = g_settings.scoreDetails[0] || ``;\r\n\tg_settings.scoreDetailCursors = g_settings.scoreDetails.map(val => `lnk${val}G`);\r\n\tg_settings.scoreDetailCursors.push(`btnGraphB`);\r\n\t[`option`, `difSelector`].forEach(page => g_shortcutObj[page].KeyQ.id = g_settings.scoreDetailCursors[0]);\r\n\r\n\t// 判定位置をBackgroundのON/OFFと連動してリセットする設定\r\n\tobj.jdgPosReset = setBoolVal(_dosObj.jdgPosReset, true);\r\n\r\n\t// タイトル表示用コメント\r\n\tconst newlineTag = setBoolVal(_dosObj.commentAutoBr, true) ? `
` : ``;\r\n\tconst tmpComment = (_dosObj[`commentVal${g_localeObj.val}`] ?? _dosObj.commentVal ?? ``).split(`\\r\\n`).join(`\\n`);\r\n\tobj.commentVal = tmpComment.split(`\\n`).join(newlineTag);\r\n\r\n\tconst maxMusicNo = Math.max(...obj.musicNos);\r\n\tfor (let j = 0; j <= maxMusicNo; j++) {\r\n\t\tobj[`commentVal${j}`] = (_dosObj[`commentVal${j}`] || ``).split(`\\n`)\r\n\t\t\t.filter((val, k) => k !== 0 || val !== ``).join(`
`);\r\n\t}\r\n\r\n\t// コメントの外部化設定\r\n\tobj.commentExternal = setBoolVal(_dosObj.commentExternal);\r\n\r\n\t// Reverse時の歌詞の自動反転制御\r\n\tobj.wordAutoReverse = _dosObj.wordAutoReverse ?? g_presetObj.wordAutoReverse ?? C_DIS_AUTO;\r\n\r\n\t// プレイ中クレジットを表示しないエリアのサイズ(X方向)\r\n\tobj.customViewWidth = setVal(_dosObj.customViewWidth ?? _dosObj.customCreditWidth, 0, C_TYP_FLOAT);\r\n\r\n\t// ショートカットキーが既定値ではない場合の左右の拡張エリアのサイズ\r\n\tif (hasVal(_dosObj.scArea)) {\r\n\t\tconst tmp = _dosObj.scArea.split(`,`);\r\n\t\tobj.scAreaWidth = setVal(tmp[0], 0, C_TYP_FLOAT);\r\n\t\tobj.playingLayout = tmp[1] !== `left`;\r\n\t} else {\r\n\t\tobj.scAreaWidth = g_presetObj.scAreaWidth ?? 0;\r\n\t\tobj.playingLayout = g_presetObj.playingLayout ?? true;\r\n\t}\r\n\r\n\t// ジャストフレームの設定 (ローカル: 0フレーム, リモートサーバ上: 1フレーム以内)\r\n\tobj.justFrames = (g_isLocal) ? 0 : 1;\r\n\r\n\t// リザルトデータのカスタマイズ\r\n\tobj.resultFormat = escapeHtmlForEnabledTag(_dosObj.resultFormat ?? g_presetObj.resultFormat ?? g_templateObj.resultFormatDf);\r\n\r\n\t// リザルト画像データのカスタム設定\r\n\tobj.resultValsView = _dosObj.resultValsView?.split(`,`) ?? g_presetObj.resultValsView ?? Array.from(Object.keys(g_presetObj.resultVals ?? {}));\r\n\r\n\t// フェードイン時にそれ以前のデータを蓄積しない種別(word, back, mask)を指定\r\n\tobj.unStockCategories = (_dosObj.unStockCategory ?? ``).split(`,`);\r\n\tif (g_presetObj.unStockCategories !== undefined) {\r\n\t\tobj.unStockCategories = makeDedupliArray(obj.unStockCategories, g_presetObj.unStockCategories);\r\n\t}\r\n\tg_fadeinStockList = g_fadeinStockList.filter(cg => obj.unStockCategories.indexOf(cg) === -1);\r\n\r\n\t// フェードイン時にそれ以前のデータを蓄積しないパターンを指定\r\n\tif (g_presetObj.stockForceDelList !== undefined) {\r\n\t\tObject.assign(g_stockForceDelList, g_presetObj.stockForceDelList);\r\n\t}\r\n\tg_fadeinStockList.filter(type => hasVal(_dosObj[`${type}StockForceDel`]))\r\n\t\t.forEach(type => g_stockForceDelList[type] = makeDedupliArray(g_stockForceDelList[type], _dosObj[`${type}StockForceDel`].split(`,`)));\r\n\r\n\treturn obj;\r\n};\r\n\r\n/**\r\n * 譜面リスト作成有無の状態を取得\r\n * @param {boolean} _headerFlg \r\n * @param {number[]} _viewLists \r\n * @returns {boolean}\r\n */\r\nconst getDifSelectorUse = (_headerFlg, _viewLists = g_headerObj.viewLists) => setBoolVal(_headerFlg, _viewLists.length > 5);\r\n\r\n/**\r\n * カラーセットの格納\r\n * @param {string} object._from コピー元矢印カラーセット（の譜面番号）\r\n * @param {string} object._to コピー先矢印のカラーセット（の譜面番号）\r\n * @param {object} object._fromObj コピー元オブジェクト\r\n * @param {object} object._toObj コピー先オブジェクト\r\n */\r\nconst resetColorType = ({ _from = ``, _to = ``, _fromObj = g_headerObj, _toObj = g_headerObj } = {}) => {\r\n\t_toObj[`setColor${_to}`] = structuredClone(_fromObj[`setColor${_from}`]);\r\n\t_toObj[`setShadowColor${_to}`] = structuredClone(_fromObj[`setShadowColor${_from}`]);\r\n\t_toObj[`frzColor${_to}`] = structuredClone(_fromObj[`frzColor${_from}`]);\r\n\t_toObj[`frzShadowColor${_to}`] = structuredClone(_fromObj[`frzShadowColor${_from}`]);\r\n};\r\n\r\n/**\r\n * 配列に対象がいない場合、配列の先頭にその対象を追加\r\n * @param {string[]|number[]} _arr 検索対象の配列\r\n * @param {string|number} _target 検索対象\r\n * @returns {string[]|number[]}\r\n */\r\nconst addValtoArray = (_arr, _target) => {\r\n\tif (!_arr.includes(_target)) {\r\n\t\t_arr.unshift(_target);\r\n\t}\r\n\treturn _arr;\r\n};\r\n\r\n/**\r\n * 曲名（1行）の取得\r\n * @param {string} _musicName \r\n * @returns {string}\r\n */\r\nconst getMusicNameSimple = _musicName => replaceStr(_musicName, g_escapeStr.musicNameSimple);\r\n\r\n/**\r\n * 曲名（複数行）の取得\r\n * @param {string} _musicName \r\n * @returns {string[]}\r\n */\r\nconst getMusicNameMultiLine = _musicName => {\r\n\tconst tmpName = replaceStr(_musicName, g_escapeStr.musicNameMultiLine).split(`
`);\r\n\treturn tmpName.length === 1 ? [tmpName[0], ``] : tmpName;\r\n};\r\n\r\n/**\r\n * 画像セットの入れ替え処理\r\n * @param {object} _imgType\r\n * @param {string} _imgType.name\r\n * @param {string} _imgType.extension\r\n * @param {string} _imgType.remoteDir\r\n * @param {boolean} _initFlg \r\n */\r\nconst updateImgType = (_imgType, _initFlg = false) => {\r\n\tif (_initFlg) {\r\n\t\tconst baseDir = (_imgType.name === `` ? `` : `${_imgType.name}/`);\r\n\t\tC_IMG_TITLE_ARROW = `../img/${baseDir}arrow.${_imgType.extension}`;\r\n\t}\r\n\tresetImgs(_imgType.name, _imgType.extension);\r\n\treloadImgObj();\r\n\tconst orgImgObj = structuredClone(g_imgObj);\r\n\tObject.keys(g_imgObj).forEach(key => g_imgObj[key] = `${g_rootPath}${orgImgObj[key]}`);\r\n\r\n\t// リモート時は作品ページ側にある画像を優先し、リモートに存在するもののみリモートから取得する\r\n\t// titleArrowについては他のImgTypeから取得するため、remoteDir属性には依存させない\r\n\tif (g_remoteFlg) {\r\n\t\tObject.keys(g_imgObj).forEach(key => g_imgObj[key] = `${g_workPath}${orgImgObj[key]}`);\r\n\t\tif (_imgType.remoteDir !== `` && hasRemoteDomain(_imgType.remoteDir)) {\r\n\t\t\tg_defaultSets.imgList.filter(val => val !== `titleArrow`)\r\n\t\t\t\t.forEach(key => g_imgObj[key] = `${_imgType.remoteDir}img/${orgImgObj[key]}`);\r\n\t\t} else if (g_defaultSets.imgType.findIndex(val => val === _imgType.name) >= 0) {\r\n\t\t\tg_defaultSets.imgList.forEach(key => g_imgObj[key] = `${g_rootPath}${orgImgObj[key]}`);\r\n\t\t}\r\n\t}\r\n\tif (_imgType.extension === undefined && g_presetObj.overrideExtension !== undefined) {\r\n\t\tObject.keys(g_imgObj).forEach(key => g_imgObj[key] = `${g_imgObj[key].slice(0, -3)}${g_presetObj.overrideExtension}`);\r\n\t}\r\n\tif (!g_isFile) {\r\n\t\tg_imgInitList.forEach(img => preloadFile(`image`, g_imgObj[img]));\r\n\t}\r\n};\r\n\r\n/**\r\n * ゲージ設定リストへの追加\r\n * @param {object} _obj\r\n */\r\nconst addGaugeFulls = _obj => _obj.map(key => g_gaugeOptionObj.customFulls[key] = false);\r\n\r\n/**\r\n * 矢印・フリーズアロー色のデータ変換\r\n * @param {object} _baseObj \r\n * @param {object} _dosObj\r\n * @param {string} [object.scoreId=''] \r\n * @param {boolean} [object.scoreLockFlg=g_stateObj.scoreLockFlg]\r\n * @returns {object} ※Object.assign(obj, resetBaseColorList(...))の形で呼び出しが必要\r\n */\r\nconst resetBaseColorList = (_baseObj, _dosObj, { scoreId = ``, scoreLockFlg = g_stateObj.scoreLockFlg } = {}) => {\r\n\r\n\tconst obj = {};\r\n\tconst idHeader = setScoreIdHeader(scoreId, scoreLockFlg, scoreId !== ``);\r\n\tconst getRefData = (_header, _dataName) => {\r\n\t\tconst data = _dosObj[`${_header}${_dataName}`];\r\n\t\treturn data?.startsWith(_header) ? _dosObj[data] : data;\r\n\t}\r\n\r\n\t[``, `Shadow`].forEach(pattern => {\r\n\t\tconst _arrowCommon = `set${pattern}Color`;\r\n\t\tconst _frzCommon = `frz${pattern}Color`;\r\n\r\n\t\tconst _name = `${_arrowCommon}${idHeader}`;\r\n\t\tconst _frzName = `${_frzCommon}${idHeader}`;\r\n\t\tconst _arrowInit = `${_arrowCommon}Init`;\r\n\t\tconst _frzInit = `${_frzCommon}Init`;\r\n\r\n\t\tconst arrowColorTxt = getRefData(_arrowCommon, idHeader) || _dosObj[_arrowCommon];\r\n\t\tconst frzColorTxt = getRefData(_frzCommon, idHeader) || _dosObj[_frzCommon];\r\n\r\n\t\t// 矢印色\r\n\t\tObject.keys(_baseObj.dfColorgrdSet).forEach(type => {\r\n\t\t\t[obj[`${_name}${type}`], obj[`${_name}Str${type}`], obj[`${_name}Org${type}`]] =\r\n\t\t\t\tsetColorList(arrowColorTxt, _baseObj[_arrowInit], _baseObj[_arrowInit].length, {\r\n\t\t\t\t\t_defaultColorgrd: _baseObj.dfColorgrdSet[type],\r\n\t\t\t\t\t_colorCdPaddingUse: _baseObj.colorCdPaddingUse,\r\n\t\t\t\t\t_shadowFlg: pattern === `Shadow`,\r\n\t\t\t\t});\r\n\r\n\t\t\tobj[`${_frzName}${type}`] = [];\r\n\t\t\tobj[`${_frzName}Str${type}`] = [];\r\n\t\t\tobj[`${_frzName}Org${type}`] = [];\r\n\t\t});\r\n\r\n\t\t// フリーズアロー色\r\n\t\tconst tmpFrzColors = (frzColorTxt !== undefined ? splitLF2(frzColorTxt) : []);\r\n\t\tconst firstFrzColors = tmpFrzColors[0]?.split(`,`) ?? [];\r\n\r\n\t\tfor (let j = 0; j < _baseObj.setColorInit.length; j++) {\r\n\r\n\t\t\t// デフォルト配列の作成（1番目の要素をベースに、フリーズアロー初期セット or 矢印色からデータを補完）\r\n\t\t\tconst currentFrzColors = [];\r\n\t\t\tconst baseLength = firstFrzColors.length === 0 || _baseObj.defaultFrzColorUse ?\r\n\t\t\t\t_baseObj[_frzInit].length : firstFrzColors.length;\r\n\t\t\tfor (let k = 0; k < baseLength; k++) {\r\n\t\t\t\tcurrentFrzColors[k] = setVal(firstFrzColors[k],\r\n\t\t\t\t\t_baseObj.defaultFrzColorUse ? _baseObj[_frzInit][k] : obj[`${_name}Str`][j]);\r\n\t\t\t}\r\n\r\n\t\t\tObject.keys(_baseObj.dfColorgrdSet).forEach(type =>\r\n\t\t\t\t[obj[`${_frzName}${type}`][j], obj[`${_frzName}Str${type}`][j], obj[`${_frzName}Org${type}`][j]] =\r\n\t\t\t\tsetColorList(tmpFrzColors[j], currentFrzColors, _baseObj[_frzInit].length, {\r\n\t\t\t\t\t_defaultColorgrd: _baseObj.dfColorgrdSet[type],\r\n\t\t\t\t\t_colorCdPaddingUse: _baseObj.colorCdPaddingUse,\r\n\t\t\t\t\t_defaultFrzColorUse: _baseObj.defaultFrzColorUse,\r\n\t\t\t\t\t_objType: `frz`,\r\n\t\t\t\t\t_shadowFlg: pattern === `Shadow`,\r\n\t\t\t\t}));\r\n\t\t}\r\n\r\n\t\tobj[`${_name}Default`] = obj[_name].concat();\r\n\t\tobj[`${_frzName}Default`] = obj[_frzName].concat();\r\n\t});\r\n\r\n\treturn obj;\r\n};\r\n\r\n/**\r\n * 矢印・フリーズアロー色のデータ展開\r\n * @param {string} _data \r\n * @param {string[]} _colorInit \r\n * @param {number} _colorInitLength\r\n * @param {string[]} [object._defaultColorgrd=g_headerObj.defaultColorgrd]\r\n * @param {boolean} [object._colorCdPaddingUse=false]\r\n * @param {boolean} [object._defaultFrzColorUse=true]\r\n * @param {string} [object._objType='normal']\r\n * @param {boolean} [object._shadowFlg=false]\r\n * @returns {string[][]}\r\n */\r\nconst setColorList = (_data, _colorInit, _colorInitLength,\r\n\t{ _defaultColorgrd = g_headerObj.defaultColorgrd, _colorCdPaddingUse = false,\r\n\t\t_defaultFrzColorUse = true, _objType = `normal`, _shadowFlg = false } = {}) => {\r\n\r\n\t// グラデーション文字列 #ffff99:#9999ff@linear-gradient\r\n\tlet colorStr = [];\r\n\r\n\t// カラーコード抽出用 #ffff99 - Ready文字、背景矢印のデフォルト色で使用\r\n\tlet colorOrg = [];\r\n\r\n\t// グラデーション適用後文字列 linear-gradient(to right, #ffff99, #9999ff)\r\n\tlet colorList = [];\r\n\r\n\t// 譜面側で指定されているデータを配列に変換\r\n\tif (hasVal(_data)) {\r\n\t\tcolorList = _data.split(`,`);\r\n\t\tcolorStr = colorList.concat();\r\n\r\n\t\t// データ補完処理\r\n\t\tconst defaultLength = colorStr.length;\r\n\t\tif (_objType === `frz` && _defaultFrzColorUse) {\r\n\t\t\t// デフォルト配列に満たない・足りない部分はデフォルト配列で穴埋め\r\n\t\t\tfor (let j = 0; j < _colorInitLength; j++) {\r\n\t\t\t\tif (!hasVal(colorStr[j])) {\r\n\t\t\t\t\tcolorStr[j] = _colorInit[j];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\t// デフォルト配列長をループさせて格納\r\n\t\t\tfor (let j = 0; j < _colorInitLength; j++) {\r\n\t\t\t\tcolorStr[j] = colorStr[j % defaultLength];\r\n\t\t\t}\r\n\t\t}\r\n\t\tcolorList = colorStr.concat();\r\n\r\n\t\tfor (let j = 0; j < colorList.length; j++) {\r\n\t\t\tconst tmpSetColorOrg = colorStr[j].replaceAll(`0x`, `#`).split(`:`);\r\n\t\t\tconst hasColor = tmpSetColorOrg.some(tmpColorOrg => {\r\n\t\t\t\tif (hasVal(tmpColorOrg) && (isColorCd(tmpColorOrg) || !hasAnglePointInfo(tmpColorOrg) || tmpColorOrg === `Default`)) {\r\n\t\t\t\t\tcolorOrg[j] = colorCdPadding(_colorCdPaddingUse, colorToHex(tmpColorOrg));\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tif (!hasColor) {\r\n\t\t\t\tcolorOrg[j] = _colorInit[j];\r\n\t\t\t}\r\n\t\t\tcolorList[j] = makeColorGradation(colorStr[j] === `` ? _colorInit[j] : colorStr[j], {\r\n\t\t\t\t_defaultColorgrd, _colorCdPaddingUse, _objType, _shadowFlg,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t} else {\r\n\r\n\t\t// 未定義の場合は指定されたデフォルト配列(_colorInit)で再定義\r\n\t\tcolorStr = _colorInit.concat();\r\n\t\tcolorOrg = _colorInit.concat();\r\n\t\tcolorList = _colorInit.map(colorStr => makeColorGradation(colorStr, {\r\n\t\t\t_defaultColorgrd, _colorCdPaddingUse, _shadowFlg,\r\n\t\t}));\r\n\t}\r\n\r\n\treturn [colorList, colorStr, colorOrg];\r\n};\r\n\r\n/**\r\n * 複合カスタムゲージの定義設定\r\n * |customGauge=Original::F,Normal::V,Escape::V|\r\n * @param {object} _dosObj \r\n * @param {string} [object.scoreId=0]\r\n * @returns {object} ※Object.assign(obj, resetCustomGauge(...))の形で呼び出しが必要\r\n */\r\nconst resetCustomGauge = (_dosObj, { scoreId = 0 } = {}) => {\r\n\r\n\tconst obj = {};\r\n\tconst scoreIdHeader = setScoreIdHeader(scoreId, g_stateObj.scoreLockFlg, false);\r\n\tconst dosCustomGauge = _dosObj[`customGauge${scoreIdHeader}`];\r\n\tif (hasVal(dosCustomGauge)) {\r\n\t\tif (g_gaugeOptionObj.defaultPlusList.includes(dosCustomGauge)) {\r\n\t\t\tobj[`custom${scoreId}`] = g_gaugeOptionObj[dosCustomGauge].concat();\r\n\t\t\tobj[`varCustom${scoreId}`] = g_gaugeOptionObj[`var${toCapitalize(dosCustomGauge)}`].concat();\r\n\t\t\tif (g_gaugeOptionObj.defaultList.includes(dosCustomGauge)) {\r\n\t\t\t\tobj[`defaultGauge${scoreId}`] = dosCustomGauge;\r\n\t\t\t\tobj[`typeCustom${scoreId}`] = g_gaugeOptionObj[`type${toCapitalize(dosCustomGauge)}`].concat();\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconst customGauges = dosCustomGauge.split(`,`);\r\n\r\n\t\t\tobj[`custom${scoreId}`] = [];\r\n\t\t\tobj[`varCustom${scoreId}`] = [];\r\n\r\n\t\t\tfor (let j = 0; j < customGauges.length; j++) {\r\n\t\t\t\tconst customGaugeSets = customGauges[j].split(`::`);\r\n\t\t\t\tobj[`custom${scoreId}`][j] = customGaugeSets[0];\r\n\t\t\t\tobj[`varCustom${scoreId}`][j] = boolToSwitch(customGaugeSets[1] === `V`);\r\n\t\t\t}\r\n\t\t\tif (scoreId === 0) {\r\n\t\t\t\tobj.custom = obj.custom0.concat();\r\n\t\t\t\tobj.varCustom = obj.varCustom0.concat();\r\n\t\t\t}\r\n\t\t\taddGaugeFulls(obj[`custom${scoreId}`]);\r\n\t\t}\r\n\t}\r\n\treturn obj;\r\n};\r\n\r\n/**\r\n * ゲージ別個別設定の取得\r\n * @param {object} _dosObj \r\n * @param {string} _name \r\n * @param {number} _difLength\r\n * @param {string} [object.scoreId=0]\r\n */\r\nconst getGaugeSetting = (_dosObj, _name, _difLength, { scoreId = 0 } = {}) => {\r\n\r\n\tconst obj = {\r\n\t\tlifeBorders: [],\r\n\t\tlifeRecoverys: [],\r\n\t\tlifeDamages: [],\r\n\t\tlifeInits: []\r\n\t};\r\n\t/** ゲージ設定再作成フラグ */\r\n\tlet gaugeCreateFlg = false;\r\n\r\n\t/** ゲージ設定上書きフラグ */\r\n\tconst gaugeUpdateFlg = g_stateObj.scoreLockFlg && scoreId > 0;\r\n\r\n\t/**\r\n\t * ゲージ別個別配列への値格納\r\n\t * この時点では各種ゲージ設定は文字列のまま。setGauge関数にて数式に変換される\r\n\t * @param {number} _scoreId \r\n\t * @param {string[]} _gaugeDetails\r\n\t * @returns {boolean}\r\n\t */\r\n\tconst setGaugeDetails = (_scoreId, _gaugeDetails) => {\r\n\r\n\t\tobj.lifeBorders[_scoreId] = _gaugeDetails[0] === `x` ? `x` : _gaugeDetails[0];\r\n\t\tobj.lifeRecoverys[_scoreId] = _gaugeDetails[1];\r\n\t\tobj.lifeDamages[_scoreId] = _gaugeDetails[2];\r\n\t\tobj.lifeInits[_scoreId] = _gaugeDetails[3];\r\n\r\n\t\tif (gaugeUpdateFlg && hasVal(g_gaugeOptionObj[`gauge${_name}s`])) {\r\n\t\t\t// ゲージ上書き時は_gaugeDetails(obj)の値を優先し、デフォルト値で穴埋めする\r\n\t\t\tObject.keys(obj).forEach(key => g_gaugeOptionObj[`gauge${_name}s`][key] =\r\n\t\t\t\tfillMissingArrayElem(g_gaugeOptionObj[`gauge${_name}s`][key] || [], obj[key]));\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\treturn true;\r\n\t};\r\n\r\n\t/**\r\n\t * gaugeNormal2, gaugeEasy2などの個別設定があった場合にその値から配列を作成\r\n\t * @param {number} _scoreId \r\n\t * @param {number[]} _defaultGaugeList\r\n\t * @returns {number[]}\r\n\t */\r\n\tconst getGaugeDetailList = (_scoreId, _defaultGaugeList) => {\r\n\t\tif (_scoreId > 0) {\r\n\t\t\tconst idHeader = setScoreIdHeader(_scoreId, g_stateObj.scoreLockFlg, false);\r\n\t\t\tconst dosId = (idHeader || 0) - 1;\r\n\t\t\tconst headerName = `gauge${_name}${idHeader}`;\r\n\t\t\tif (hasVal(_dosObj[headerName])) {\r\n\t\t\t\tconst gauges = splitLF2(_dosObj[headerName]);\r\n\t\t\t\treturn (gauges[dosId] || gauges[0])?.split(`,`);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn _defaultGaugeList;\r\n\t};\r\n\r\n\tif (hasVal(_dosObj[`gauge${_name}`])) {\r\n\r\n\t\tconst gauges = splitLF2(_dosObj[`gauge${_name}`]);\r\n\t\tif (gaugeUpdateFlg) {\r\n\t\t\tgaugeCreateFlg = setGaugeDetails(scoreId, (gauges[scoreId] || gauges[0])?.split(`,`));\r\n\t\t} else {\r\n\t\t\tfor (let j = 0; j < _difLength; j++) {\r\n\t\t\t\tgaugeCreateFlg = setGaugeDetails(j, getGaugeDetailList(j, (gauges[j] || gauges[0]).split(`,`)));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t} else if (g_presetObj.gaugeCustom?.[_name] !== undefined) {\r\n\r\n\t\tconst gaugeDetails = [\r\n\t\t\tg_presetObj.gaugeCustom[_name].Border, g_presetObj.gaugeCustom[_name].Recovery,\r\n\t\t\tg_presetObj.gaugeCustom[_name].Damage, g_presetObj.gaugeCustom[_name].Init,\r\n\t\t];\r\n\t\tif (gaugeUpdateFlg) {\r\n\t\t\tgaugeCreateFlg = setGaugeDetails(scoreId, gaugeDetails);\r\n\t\t} else {\r\n\t\t\tfor (let j = 0; j < _difLength; j++) {\r\n\t\t\t\tgaugeCreateFlg = setGaugeDetails(j, getGaugeDetailList(j, gaugeDetails));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\tif (gaugeCreateFlg) {\r\n\t\tg_gaugeOptionObj[`gauge${_name}s`] = obj;\r\n\t}\r\n};\r\n\r\n/**\r\n * キー名の取得\r\n * @param {string} _key\r\n * @returns {string} キー名\r\n */\r\nconst getKeyName = _key => unEscapeHtml(escapeHtml(g_keyObj[`keyName${_key}`]?.[0] ?? _key));\r\n\r\n/**\r\n * キー単位名の取得\r\n * @param {string} _key \r\n * @returns {string} キー単位名(デフォルト: key)\r\n */\r\nconst getKeyUnitName = _key => unEscapeHtml(escapeHtml(g_keyObj[`keyName${_key}`]?.[1] ?? `key`));\r\n\r\n/**\r\n * 別キーモード時の表示名の取得\r\n * @param {boolean} _spaceFlg\r\n * @returns {string} 別キー名\r\n */\r\nconst getTransKeyName = (_spaceFlg = false) => hasVal(g_keyObj[`transKey${g_keyObj.currentKey}_${g_keyObj.currentPtn}`])\r\n\t? (_spaceFlg ? ` ` : ``) + `(${g_keyObj[`transKey${g_keyObj.currentKey}_${g_keyObj.currentPtn}`]})` : ``;\r\n\r\n/**\r\n * ハイスコア定義を行う際のストレージキー名の取得\r\n * @param {string} _key \r\n * @param {string} _transName \r\n * @param {string} _assistFlg \r\n * @param {string} _mirrorName \r\n * @param {string} _scoreId \r\n * @returns {string}\r\n */\r\nconst getStorageKeyName = (_key, _transName, _assistFlg, _mirrorName, _scoreId) => {\r\n\tlet scoreName = `${_key}${_transName}${getStgDetailName('k-')}${g_headerObj.difLabels[_scoreId]}${_assistFlg}${_mirrorName}`;\r\n\tif (g_headerObj.makerView) {\r\n\t\tscoreName += `-${g_headerObj.creatorNames[_scoreId]}`;\r\n\t}\r\n\treturn scoreName;\r\n};\r\n\r\n/**\r\n * KeyBoardEvent.code の値をCW Edition用のキーコードに変換\r\n * 簡略指定ができるように、以下の記述を許容\r\n * 例) KeyD -> D, ArrowDown -> Down, AltLeft -> Alt\r\n * @param {string} _kCdN\r\n * @returns {number}\r\n */\r\nconst getKeyCtrlVal = _kCdN => {\r\n\tconst convVal = Object.keys(g_kCdN).findIndex(val =>\r\n\t\t[_kCdN, `Key${_kCdN}`, `Arrow${_kCdN}`].includes(g_kCdN[val]) || _kCdN === replaceStr(g_kCdN[val], g_escapeStr.keyCtrlName));\r\n\treturn convVal !== -1 ? convVal : parseInt(_kCdN, 10);\r\n};\r\n\r\n/**\r\n * 一時的な追加キーの設定\r\n * - keyExtraListの指定がない場合は、_dosObj.keyCtrlXに合致するXを追加キーとして追加\r\n * @param {object} _dosObj \r\n * @param {string[]} object.keyExtraList\r\n * @returns {string[]}\r\n */\r\nconst keysConvert = (_dosObj, { keyExtraList = _dosObj.keyExtraList?.split(`,`) } = {}) => {\r\n\r\n\tif (keyExtraList === undefined) {\r\n\t\tkeyExtraList = [];\r\n\t\tObject.keys(_dosObj).filter(val => val.startsWith(g_keyObj.defaultProp))\r\n\t\t\t.forEach(keyName => keyExtraList.push(keyName.slice(g_keyObj.defaultProp.length)));\r\n\r\n\t\tif (keyExtraList.length === 0) {\r\n\t\t\treturn [];\r\n\t\t}\r\n\t}\r\n\r\n\tconst existParam = (_data, _paramName) => !hasVal(_data) && g_keyObj[_paramName] !== undefined;\r\n\tconst toString = _str => _str;\r\n\tconst toInt = _num => isNaN(parseInt(_num)) ? _num : parseInt(_num);\r\n\tconst toFloat = _num => isNaN(parseFloat(_num)) ? _num : parseFloat(_num);\r\n\tconst toKeyCtrlArray = _str =>\r\n\t\tmakeBaseArray(_str.split(`/`).map(n => getKeyCtrlVal(n)), g_keyObj.minKeyCtrlNum, 0);\r\n\tconst toSplitArrayStr = _str => _str.split(`/`).map(n => n);\r\n\r\n\t// 略記記法を元の文字列に復元後、配列に変換 (1...3,5...7 -> 1,2,3,5,6,7)\r\n\tconst toOriginalArray = (_val, _func) => _val?.split(`,`).map(n => _func(n)).join(`,`).split(`,`);\r\n\r\n\t/**\r\n\t * 略記記法を元の文字列に変換 (1...5 -> 1,2,3,4,5 / 3...+4 -> 3,4,5,6,7)\r\n\t * @param {string} _str \r\n\t * @returns {string}\r\n\t */\r\n\tconst toFloatStr = _str => {\r\n\t\tconst nums = _str?.split(`...`);\r\n\t\tconst bottomMark = nums[0].startsWith(`b`) ? `b` : ``;\r\n\t\tconst [startN, endN] = [parseFloat(bottomMark === `b` ? nums[0].slice(1) : nums[0]), parseFloat(nums[1])];\r\n\r\n\t\tif (nums.length === 2 && !isNaN(startN) && !isNaN(endN)) {\r\n\t\t\tconst endN2 = nums[1].startsWith(`+`) ? startN + endN : endN;\r\n\t\t\tconst arr = [];\r\n\t\t\tfor (let k = startN; k <= endN2; k++) {\r\n\t\t\t\tarr.push(`${bottomMark}${k}`);\r\n\t\t\t}\r\n\t\t\treturn arr.join(`,`);\r\n\t\t} else {\r\n\t\t\treturn _str;\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * 略記記法を元の文字列に変換 (1@:5 -> 1,1,1,1,1 / onigiri!giko!c@:2 -> onigiri,giko,c,onigiri,giko,c)\r\n\t * @param {string} _str\r\n\t * @returns {string}\r\n\t */\r\n\tconst toSameValStr = _str => {\r\n\t\tconst nums = _str?.split(`@:`);\r\n\t\tconst groupStr = toFloatStr(nums[0]).split(`!`).join(`,`);\r\n\t\treturn nums.length === 2 && !isNaN(parseInt(nums[1])) ?\r\n\t\t\tfillArray(Math.floor(parseInt(nums[1])), groupStr).join(`,`) : groupStr;\r\n\t};\r\n\r\n\t/**\r\n\t * キーパターン（相対パターン）をキーパターン（実際のパターン番号）に変換\r\n\t * 例) 12_(0) -> 12_4\r\n\t * それ以外の文字列が来た場合は、そのままの値を戻す\r\n\t * @param {string} _str\r\n\t * @returns {string}\r\n\t */\r\n\tconst getKeyPtnName = _str => {\r\n\t\tconst regex = /\\((\\d+)\\)/;\r\n\t\tconst checkStr = _str.match(regex);\r\n\t\tif (checkStr !== null) {\r\n\t\t\treturn _str.replace(regex, (match, p) => `${parseInt(p, 10) + setIntVal(g_keyObj.dfPtnNum)}`);\r\n\t\t}\r\n\t\treturn _str;\r\n\t};\r\n\r\n\t/**\r\n\t * divMaxX, posXの下段補完処理\r\n\t * ・divXの1番目の指定があるとき、その値を元に下段の位置を補完\r\n\t * 例) |div11x=7,b6|pos11x=0,1,2,3,4,5,6,b0,b1,b5,b6|\r\n\t * -> |div11x=7,13|pos11x=0,1,2,3,4,5,6,7,8,12,13|\r\n\t * @param {number} _num \r\n\t * @param {number} _divNum \r\n\t * @returns {number}\r\n\t */\r\n\tconst getKeyPosNum = (_num, _divNum = 0) => {\r\n\t\tif (!hasVal(_num) || (!_num.startsWith(`b`) && isNaN(parseFloat(_num)))) {\r\n\t\t\treturn _num;\r\n\t\t}\r\n\t\treturn _num.startsWith(`b`) ? parseFloat(_num.slice(1)) + _divNum : parseFloat(_num);\r\n\t}\r\n\r\n\t/**\r\n\t * キーパターンの略名から実際のデータへ展開\r\n\t * - charaX の場合に限り、a>5_0 の形式を aleft, adown, aup, aright, aspace に変換する\r\n\t * @param {string} _str \r\n\t * @param {string} _name \r\n\t * @param {function} _convFunc\r\n\t * @returns {string[]|number[]}\r\n\t */\r\n\tconst expandKeyPtn = (_str, _name, _convFunc) => {\r\n\t\tconst pos = _str.indexOf(`>`);\r\n\t\tconst expandData = _ptnstr => structuredClone(g_keyObj[`${_name}${getKeyPtnName(_ptnstr)}`]) ?? [_convFunc(_ptnstr)];\r\n\r\n\t\tif (pos > 0 && _name === `chara`) {\r\n\t\t\tconst [header, ptn] = [_str.substring(0, pos), _str.substring(pos + 1)];\r\n\t\t\treturn expandData(ptn)?.map(n => `${header}${n}`);\r\n\t\t} else {\r\n\t\t\treturn expandData(_str);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * 新キー用複合パラメータ\r\n\t * @param {string} _key キー数\r\n\t * @param {string} _name 名前\r\n\t * @param {function} _convFunc マッピング関数\r\n\t * @param {string} object.errCd エラーコード\r\n\t * @param {boolean} object.baseCopyFlg コピー配列の準備可否\r\n\t * @param {function} object.loopFunc パターン別に処理する個別関数\r\n\t * @returns {number} 最小パターン数\r\n\t */\r\n\tconst newKeyMultiParam = (_key, _name, _convFunc, { errCd = ``, baseCopyFlg = false, loopFunc = () => true } = {}) => {\r\n\t\tlet tmpMinPatterns = 1;\r\n\t\tconst keyheader = _name + _key;\r\n\t\tconst dfPtn = setIntVal(g_keyObj.dfPtnNum);\r\n\r\n\t\tif (hasVal(_dosObj[keyheader])) {\r\n\t\t\tconst tmpArray = splitLF2(_dosObj[keyheader]);\r\n\t\t\ttmpMinPatterns = tmpArray.length;\r\n\t\t\tfor (let k = 0; k < tmpMinPatterns; k++) {\r\n\t\t\t\tif (existParam(tmpArray[k], `${keyheader}_${k + dfPtn}`)) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t\t// |keyCtrl9j=Tab,7_0,Enter| -> |keyCtrl9j=Tab,S,D,F,Space,J,K,L,Enter| のように補完\r\n\t\t\t\t// |pos9j=0..4,6..9| -> |pos9j=0,1,2,3,4,6,7,8,9|\r\n\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtn}`] =\r\n\t\t\t\t\ttoOriginalArray(tmpArray[k], toSameValStr).map(n => expandKeyPtn(n, _name, _convFunc)).flat();\r\n\t\t\t\tif (baseCopyFlg) {\r\n\t\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtn}d`] = structuredClone(g_keyObj[`${keyheader}_${k + dfPtn}`]);\r\n\t\t\t\t}\r\n\t\t\t\tloopFunc(k, keyheader);\r\n\t\t\t}\r\n\r\n\t\t} else if (errCd !== `` && g_keyObj[`${keyheader}_0`] === undefined) {\r\n\t\t\tmakeWarningWindow(g_msgInfoObj[errCd].split(`{0}`).join(_key));\r\n\t\t}\r\n\t\treturn tmpMinPatterns;\r\n\t};\r\n\r\n\t/**\r\n\t * 新キー用複合パラメータ（特殊）\r\n\t * @param {string} _key キー数\r\n\t * @param {string} _name 名前\r\n\t */\r\n\tconst newKeyTripleParam = (_key, _name) => {\r\n\t\tconst keyheader = _name + _key;\r\n\t\tconst dfPtn = setIntVal(g_keyObj.dfPtnNum);\r\n\r\n\t\tif (hasVal(_dosObj[keyheader])) {\r\n\t\t\tsplitLF2(_dosObj[keyheader])?.forEach((tmpParam, k) => {\r\n\t\t\t\tif (existParam(tmpParam, `${keyheader}_${k + dfPtn}`)) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet ptnCnt = 0;\r\n\t\t\t\ttmpParam.split(`/`).forEach(list => {\r\n\r\n\t\t\t\t\tconst keyPtn = getKeyPtnName(list);\r\n\t\t\t\t\tif (list === ``) {\r\n\t\t\t\t\t\t// 空指定の場合は一律同じグループへ割り当て\r\n\t\t\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtn}_${ptnCnt}`] = fillArray(g_keyObj[`${g_keyObj.defaultProp}${_key}_${k + dfPtn}`].length);\r\n\r\n\t\t\t\t\t} else if (g_keyObj[`${_name}${keyPtn}_0`] !== undefined) {\r\n\t\t\t\t\t\t// 他のキーパターン (例: |shuffle8i=8_0| ) を直接指定した場合、該当があれば既存パターンからコピー\r\n\t\t\t\t\t\t// 既存パターンが複数ある場合、全てコピーする\r\n\t\t\t\t\t\tlet m = 0;\r\n\t\t\t\t\t\twhile (g_keyObj[`${_name}${keyPtn}_${m}`] !== undefined) {\r\n\t\t\t\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtn}_${ptnCnt}`] = structuredClone(g_keyObj[`${_name}${keyPtn}_${m}`]);\r\n\t\t\t\t\t\t\tm++;\r\n\t\t\t\t\t\t\tptnCnt++;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t// 通常の指定方法 (例: |shuffle8i=1,1,1,2,0,0,0,0/1,1,1,1,0,0,0,0| )の場合の取り込み\r\n\t\t\t\t\t\t// 部分的にキーパターン指定があった場合は既存パターンを展開 (例: |shuffle9j=2,7_0_0,2|)\r\n\t\t\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtn}_${ptnCnt}`] =\r\n\t\t\t\t\t\t\tmakeBaseArray(toOriginalArray(list, toSameValStr).map(n =>\r\n\t\t\t\t\t\t\t\texpandKeyPtn(n, _name, _str => isNaN(parseInt(_str)) ? _str : parseInt(_str, 10))\r\n\t\t\t\t\t\t\t).flat(), g_keyObj[`${g_keyObj.defaultProp}${_key}_${k + dfPtn}`].length, 0);\r\n\t\t\t\t\t\tptnCnt++;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtn}`] = structuredClone(g_keyObj[`${keyheader}_${k + dfPtn}_0`]);\r\n\t\t\t});\r\n\r\n\t\t} else if (g_keyObj[`${keyheader}_${dfPtn}_0`] === undefined) {\r\n\t\t\t// 特に指定が無い場合はkeyCtrlX_Yの配列長で決定\r\n\t\t\tfor (let k = 0; k < g_keyObj.minPatterns; k++) {\r\n\t\t\t\tconst ptnName = `${_key}_${k + dfPtn}`;\r\n\t\t\t\tg_keyObj[`${_name}${ptnName}_0`] = fillArray(g_keyObj[`${g_keyObj.defaultProp}${ptnName}`].length);\r\n\t\t\t\tg_keyObj[`${_name}${ptnName}`] = structuredClone(g_keyObj[`${_name}${ptnName}_0`]);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * 新キー用単一パラメータ\r\n\t * @param {string} _key キー数\r\n\t * @param {string} _name 名前\r\n\t * @param {string} _type float, number, string, boolean\r\n\t * @param {string} _defaultVal\r\n\t */\r\n\tconst newKeySingleParam = (_key, _name, _type, _defaultVal) => {\r\n\t\tconst keyheader = _name + _key;\r\n\t\tconst dfPtn = setIntVal(g_keyObj.dfPtnNum);\r\n\t\tif (_dosObj[keyheader] !== undefined) {\r\n\t\t\tconst tmps = _dosObj[keyheader].split(`$`);\r\n\t\t\tfor (let k = 0; k < tmps.length; k++) {\r\n\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtn}`] = setVal(g_keyObj[`${_name}${getKeyPtnName(tmps[k])}`],\r\n\t\t\t\t\ttmps[k].indexOf(`_`) !== -1 ? _defaultVal : setVal(tmps[k], ``, _type));\r\n\t\t\t}\r\n\t\t\tfor (let k = tmps.length; k < g_keyObj.minPatterns; k++) {\r\n\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtn}`] = g_keyObj[`${keyheader}_0`];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * 新キー用複合パラメータ（パターン設定用）\r\n\t * @param {string} _key キー数\r\n\t * @param {string} _name 名前\r\n\t * @param {string} _pairName 詳細設定する変数名\r\n\t * @param {string} _defaultName パラメータの初期値\r\n\t * @param {number} _defaultVal パラメータの初期値の場合の一律設定値（colorX_Yの配列幅に対して設定値で埋める）\r\n\t */\r\n\tconst newKeyPairParam = (_key, _name, _pairName, _defaultName = ``, _defaultVal = 0) => {\r\n\t\tconst keyheader = _name + _key;\r\n\t\tconst dfPtn = setIntVal(g_keyObj.dfPtnNum);\r\n\r\n\t\tsplitLF2(_dosObj[keyheader])?.forEach((tmpParam, k) => {\r\n\t\t\tconst pairName = `${_pairName}${_key}_${k + dfPtn}`;\r\n\t\t\tif (!hasVal(tmpParam)) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tg_keyObj[pairName] = {};\r\n\r\n\t\t\t// デフォルト項目がある場合は先に定義\r\n\t\t\tif (_defaultName !== ``) {\r\n\t\t\t\tg_keyObj[pairName][_defaultName] = fillArray(g_keyObj[`${g_keyObj.defaultProp}${_key}_${k + dfPtn}`].length, _defaultVal);\r\n\t\t\t}\r\n\t\t\ttmpParam.split(`/`).forEach(pairs => {\r\n\t\t\t\tconst keyPtn = getKeyPtnName(pairs);\r\n\t\t\t\tif (pairs === ``) {\r\n\t\t\t\t} else if (g_keyObj[`${_pairName}${keyPtn}`] !== undefined) {\r\n\t\t\t\t\t// 他のキーパターン指定時、該当があればプロパティを全コピー\r\n\t\t\t\t\tObject.assign(g_keyObj[pairName], g_keyObj[`${_pairName}${keyPtn}`]);\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 通常の指定方法（例：|scroll8i=Cross::1,1,1,-,-,-,1,1/Split::1,1,1,1,-,-,-,-|）から取り込み\r\n\t\t\t\t\t// 部分的にキーパターン指定があった場合は既存パターンを展開 (例: |scroll9j=Cross::1,7_0,1|)\r\n\t\t\t\t\tconst tmpParamPair = pairs.split(`::`);\r\n\t\t\t\t\tg_keyObj[pairName][tmpParamPair[0]] =\r\n\t\t\t\t\t\tmakeBaseArray(toOriginalArray(tmpParamPair[1], toSameValStr)?.map(n =>\r\n\t\t\t\t\t\t\tstructuredClone(g_keyObj[`${_pairName}${getKeyPtnName(n)}`]?.[tmpParamPair[0]]) ??\r\n\t\t\t\t\t\t\t[n === `-` ? -1 : parseInt(n, 10)]\r\n\t\t\t\t\t\t).flat(), g_keyObj[`${g_keyObj.defaultProp}${_key}_${k + dfPtn}`].length, _defaultVal);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\t// 対象キー毎に処理\r\n\tkeyExtraList.forEach(newKey => {\r\n\t\tg_keyObj.minPatterns = 1;\r\n\t\tg_keyObj.dfPtnNum = 0;\r\n\r\n\t\t// キーパターンの追記 (appendX)\r\n\t\tif (setBoolVal(_dosObj[`append${newKey}`])) {\r\n\t\t\tfor (let j = 0; ; j++) {\r\n\t\t\t\tif (g_keyObj[`${g_keyObj.defaultProp}${newKey}_${j}`] === undefined) {\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t\tg_keyObj.dfPtnNum++;\r\n\t\t\t}\r\n\t\t}\r\n\t\tconst dfPtnNum = g_keyObj.dfPtnNum;\r\n\r\n\t\t// キーの名前 (keyNameX)\r\n\t\tg_keyObj[`keyName${newKey}`] = _dosObj[`keyName${newKey}`]?.split(`,`) ?? [newKey, `key`];\r\n\r\n\t\t// キーの最小横幅 (minWidthX)\r\n\t\tg_keyObj[`minWidth${newKey}`] = _dosObj[`minWidth${newKey}`] ?? g_keyObj[`minWidth${newKey}`] ?? g_keyObj.minWidthDefault;\r\n\r\n\t\t// キーコンフィグ (keyCtrlX_Y)\r\n\t\tg_keyObj.minPatterns = newKeyMultiParam(newKey, `keyCtrl`, toKeyCtrlArray, {\r\n\t\t\terrCd: `E_0104`, baseCopyFlg: true,\r\n\t\t});\r\n\r\n\t\t// 読込変数の接頭辞 (charaX_Y)\r\n\t\tnewKeyMultiParam(newKey, `chara`, toString);\r\n\r\n\t\t// 矢印色パターン (colorX_Y)\r\n\t\tnewKeyTripleParam(newKey, `color`);\r\n\r\n\t\t// 矢印の回転量指定、キャラクタパターン (stepRtnX_Y)\r\n\t\tnewKeyTripleParam(newKey, `stepRtn`);\r\n\r\n\t\t// 各キーの区切り位置 (divX_Y)\r\n\t\t_dosObj[`div${newKey}`]?.split(`$`).forEach((tmpDiv, k) => {\r\n\t\t\tconst tmpDivPtn = tmpDiv.split(`,`);\r\n\t\t\tconst ptnName = `${newKey}_${k + dfPtnNum}`;\r\n\r\n\t\t\tif (g_keyObj[`div${tmpDivPtn[0]}`] !== undefined) {\r\n\t\t\t\t// 既定キーパターンが指定された場合、存在すればその値を適用\r\n\t\t\t\tg_keyObj[`div${ptnName}`] = g_keyObj[`div${tmpDivPtn[0]}`];\r\n\t\t\t\tg_keyObj[`divMax${ptnName}`] = setVal(g_keyObj[`divMax${tmpDivPtn[0]}`], undefined, C_TYP_FLOAT);\r\n\t\t\t} else if (!hasVal(tmpDivPtn[0]) && setIntVal(g_keyObj[`div${ptnName}`], -1) !== -1) {\r\n\t\t\t\t// カスタムキー側のdivXが未定義だが、すでに初期設定で定義済みの場合はスキップ\r\n\t\t\t\treturn;\r\n\t\t\t} else {\r\n\t\t\t\t// それ以外の場合は指定された値を適用（未指定時はその後で指定）\r\n\t\t\t\tg_keyObj[`div${ptnName}`] = setVal(tmpDivPtn[0], undefined, C_TYP_NUMBER);\r\n\t\t\t\tg_keyObj[`divMax${ptnName}`] = setVal(getKeyPosNum(tmpDivPtn[1], g_keyObj[`div${ptnName}`]), undefined, C_TYP_FLOAT);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// ステップゾーン位置 (posX_Y)\r\n\t\tnewKeyMultiParam(newKey, `pos`, toFloat, {\r\n\t\t\tloopFunc: (k, keyheader) => {\r\n\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtnNum}`].forEach((val, j) =>\r\n\t\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtnNum}`][j] = getKeyPosNum(String(val), g_keyObj[`div${newKey}_${k + dfPtnNum}`]));\r\n\t\t\t},\r\n\t\t});\r\n\r\n\t\t// charaX_Y, posX_Y, keyGroupX_Y, divX_Y, divMaxX_Yが未指定の場合はkeyCtrlX_Yを元に適用\r\n\t\tfor (let k = 0; k < g_keyObj.minPatterns; k++) {\r\n\t\t\tsetKeyDfVal(`${newKey}_${k + dfPtnNum}`);\r\n\t\t}\r\n\r\n\t\t// ステップゾーン間隔 (blankX_Y)\r\n\t\tnewKeySingleParam(newKey, `blank`, C_TYP_FLOAT, g_keyObj.blank_def);\r\n\r\n\t\t// 矢印群の倍率 (scaleX_Y)\r\n\t\tnewKeySingleParam(newKey, `scale`, C_TYP_FLOAT, g_keyObj.scale_def);\r\n\r\n\t\t// プレイ中ショートカット：リトライ (keyRetryX_Y)\r\n\t\tnewKeySingleParam(newKey, `keyRetry`, C_TYP_STRING, C_KEY_RETRY);\r\n\r\n\t\t// プレイ中ショートカット：タイトルバック (keyTitleBackX_Y)\r\n\t\tnewKeySingleParam(newKey, `keyTitleBack`, C_TYP_STRING, C_KEY_TITLEBACK);\r\n\r\n\t\t// 別キーフラグ (transKeyX_Y)\r\n\t\tnewKeySingleParam(newKey, `transKey`, C_TYP_STRING, ``);\r\n\r\n\t\t// フラットモード (flatModeX_Y)\r\n\t\tnewKeySingleParam(newKey, `flatMode`, C_TYP_BOOLEAN, false);\r\n\r\n\t\t// シャッフルグループ (shuffleX_Y)\r\n\t\tnewKeyTripleParam(newKey, `shuffle`);\r\n\r\n\t\t// キーグループ (keyGroupX_Y)\r\n\t\tnewKeyMultiParam(newKey, `keyGroup`, toSplitArrayStr);\r\n\r\n\t\t// キーグループの表示制御 (keyGroupOrderX_Y)\r\n\t\tnewKeyMultiParam(newKey, `keyGroupOrder`, toString);\r\n\r\n\t\t// スクロールパターン (scrollX_Y)\r\n\t\t// |scroll(newKey)=Cross::1,1,-1,-1,-1,1,1/Split::1,1,1,-1,-1,-1,-1$...|\r\n\t\tnewKeyPairParam(newKey, `scroll`, `scrollDir`, `---`, 1);\r\n\r\n\t\t// アシストパターン (assistX_Y)\r\n\t\t// |assist(newKey)=Onigiri::0,0,0,0,0,1/AA::0,0,0,1,1,1$...|\r\n\t\tnewKeyPairParam(newKey, `assist`, `assistPos`);\r\n\r\n\t\t// レーンごとの割当レイヤーグループ (layerGroupX_Y)\r\n\t\tnewKeyMultiParam(newKey, `layerGroup`, toInt);\r\n\r\n\t\t// レイヤーごとのアニメーション情報 (layerTransX_Y)\r\n\t\tif (hasVal(_dosObj[`layerTrans${newKey}`])) {\r\n\t\t\t_dosObj[`layerTrans${newKey}`] = _dosObj[`layerTrans${newKey}`]?.replaceAll(`,`, `___`);\r\n\t\t\tnewKeyMultiParam(newKey, `layerTrans`, toSplitArrayStr, {\r\n\t\t\t\tloopFunc: (k, keyheader) => {\r\n\t\t\t\t\tg_keyObj[`${keyheader}_${k + dfPtnNum}`][0] = g_keyObj[`${keyheader}_${k + dfPtnNum}`]?.[0]?.map(val => val.replaceAll(`___`, `,`));\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// keyRetry, keyTitleBackのキー名をキーコードに変換\r\n\t\tconst keyTypePatterns = Object.keys(g_keyObj).filter(val => val.startsWith(`keyRetry${newKey}`) || val.startsWith(`keyTitleBack${newKey}`));\r\n\t\tkeyTypePatterns.forEach(name => g_keyObj[name] = getKeyCtrlVal(g_keyObj[name]));\r\n\t});\r\n\r\n\treturn keyExtraList;\r\n};\r\n\r\n/**\r\n * キーパターンのデフォルト値設定\r\n * @param {string} _ptnName \r\n */\r\nconst setKeyDfVal = _ptnName => {\r\n\tconst baseLength = g_keyObj[`${g_keyObj.defaultProp}${_ptnName}`].length;\r\n\tg_keyObj[`chara${_ptnName}`] = padArray(g_keyObj[`chara${_ptnName}`], [...Array(baseLength).keys()].map(i => `${i + 1}a`));\r\n\tg_keyObj[`pos${_ptnName}`] = padArray(g_keyObj[`pos${_ptnName}`], [...Array(baseLength).keys()].map(i => i));\r\n\tg_keyObj[`keyGroup${_ptnName}`] = padArray(g_keyObj[`keyGroup${_ptnName}`], fillArray(baseLength, [`0`]));\r\n\r\n\tif (g_keyObj[`div${_ptnName}`] === undefined) {\r\n\t\tg_keyObj[`div${_ptnName}`] = Math.max(...g_keyObj[`pos${_ptnName}`]) + 1;\r\n\t}\r\n\tif (g_keyObj[`divMax${_ptnName}`] === undefined) {\r\n\t\tg_keyObj[`divMax${_ptnName}`] = Math.max(...g_keyObj[`pos${_ptnName}`]) + 1;\r\n\t}\r\n};\r\n\r\n/*-----------------------------------------------------------*/\r\n/* Scene : TITLE [melon] */\r\n/*-----------------------------------------------------------*/\r\n\r\n/**\r\n * タイトル画面初期化\r\n * @param {boolean} _initFlg 初期化フラグ\r\n */\r\nconst titleInit = (_initFlg = false) => {\r\n\r\n\tclearWindow(true);\r\n\tg_currentPage = `title`;\r\n\r\n\t// タイトル用フレーム初期化\r\n\tg_scoreObj.titleFrameNum = 0;\r\n\r\n\t// 設定画面位置初期化\r\n\tg_settings.settingWindowNum = 0;\r\n\r\n\t// タイトルアニメーション用フレーム初期化、ループカウンター設定\r\n\tg_animationData.forEach(sprite => {\r\n\t\tg_scoreObj[`${sprite}TitleFrameNum`] = 0;\r\n\t\tg_scoreObj[`${sprite}TitleLoopCount`] = 0;\r\n\t});\r\n\r\n\tconst keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`;\r\n\r\n\t// 譜面初期情報ロード許可フラグ\r\n\t// (初回読み込み時はローカルストレージのロードが必要なため、\r\n\t// ローカルストレージ保存時はフラグを解除しない)\r\n\tif (!g_stateObj.dataSaveFlg || hasVal(g_keyObj[`transKey${keyCtrlPtn}`])) {\r\n\t\tg_canLoadDifInfoFlg = false;\r\n\t}\r\n\tconst divRoot = document.getElementById(`divRoot`);\r\n\r\n\t// 曲時間制御変数\r\n\tlet thisTime;\r\n\tlet buffTime;\r\n\tlet titleStartTime = performance.now();\r\n\r\n\t// 背景スプライトを作成\r\n\tcreateMultipleSprite(`backTitleSprite`, g_headerObj.backTitleMaxDepth);\r\n\r\n\t// タイトル文字描画\r\n\tdivRoot.appendChild(\r\n\t\tgetTitleDivLabel(`lblTitle`,\r\n\t\t\t`
${g_lblNameObj.dancing}
\r\n\t\t${g_lblNameObj.star}
\r\n\t\t${g_lblNameObj.onigiri}
`\r\n\t\t\t\t.replace(/[\\t\\n]/g, ``), 0, 15, g_cssObj.flex_centering)\r\n\t);\r\n\r\n\t// 背景の矢印オブジェクトを表示\r\n\tconst tmpCreatorList = [];\r\n\tif (g_headerObj.musicSelectUse) {\r\n\t\tif (getQueryParamVal(`scoreId`) !== null) {\r\n\t\t\tg_headerObj.viewLists = [];\r\n\t\t\tg_headerObj.musicNos.forEach((val, j) => {\r\n\t\t\t\tif ((g_headerObj.musicGroups?.[val] ?? val) === g_settings.musicIdxNum) {\r\n\t\t\t\t\tg_headerObj.viewLists.push(j);\r\n\t\t\t\t\ttmpCreatorList.push(g_headerObj.creatorNames[j]);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tdivRoot.appendChild(drawBackArrow(g_headerObj.viewLists[0] + 1));\r\n\t\t\tloadLocalStorage(g_settings.musicIdxNum);\r\n\t\t\tmakeInfoWindow(g_msgInfoObj.W_0041.split(`{0}`).join(g_localStorageUrl), ``,\r\n\t\t\t\t{ _backColor: `#333333`, _textColor: `#cccccc`, _pointerEvents: C_DIS_INHERIT });\r\n\t\t}\r\n\t} else if (!g_headerObj.customTitleArrowUse) {\r\n\t\tdivRoot.appendChild(drawBackArrow());\r\n\t}\r\n\r\n\tlet wheelHandler;\r\n\tif (g_headerObj.musicSelectUse && getQueryParamVal(`scoreId`) === null) {\r\n\r\n\t\t// 選曲画面の初期化\r\n\t\tconst wheelCycle = 2;\r\n\t\tg_settings.musicLoopNum = 0;\r\n\r\n\t\t/**\r\n\t\t * メイン以外の選曲ボタンの作成\r\n\t\t * @param {number} _heightPos \r\n\t\t * @returns {HTMLDivElement}\r\n\t\t */\r\n\t\tconst createMSelectBtn = (_heightPos) => createCss2Button(`btnMusicSelect${_heightPos}`,\r\n\t\t\t``, () => changeMSelect(_heightPos), {\r\n\t\t\tx: g_btnX(1 / 3) + Math.abs(_heightPos) * 10,\r\n\t\t\ty: g_sHeight / 2 + _heightPos * 30 + (_heightPos > 0 ? 1 : -1) * 90,\r\n\t\t\tw: g_btnWidth(1 / 2), h: 27, siz: 14, border: `solid 1px #666666`,\r\n\t\t\talign: C_ALIGN_LEFT, padding: `0 10px`,\r\n\t\t}, g_cssObj.button_Default_NoColor, g_cssObj.title_base);\r\n\r\n\t\t/**\r\n\t\t * 選曲画面上の音量調整\r\n\t\t * @param {number} _num \r\n\t\t */\r\n\t\tconst setBGMVolume = (_num = 1) => {\r\n\t\t\tg_settings.bgmVolumeNum = nextPos(g_settings.bgmVolumeNum, _num, g_settings.volumes.length);\r\n\t\t\tg_stateObj.bgmVolume = g_settings.volumes[g_settings.bgmVolumeNum];\r\n\t\t\tg_audio.volume = g_stateObj.bgmVolume / 100;\r\n\t\t\tbtnBgmVolume.textContent = `${g_stateObj.bgmVolume}${g_lblNameObj.percent}`;\r\n\t\t};\r\n\r\n\t\tfor (let j = -g_settings.mSelectableTerms; j <= g_settings.mSelectableTerms; j++) {\r\n\t\t\tif (j !== 0) {\r\n\t\t\t\tdivRoot.appendChild(createMSelectBtn(j));\r\n\t\t\t}\r\n\t\t}\r\n\t\tcreateEmptySprite(divRoot, `keyTitleSprite`, g_windowObj.keyTitleSprite);\r\n\t\tmultiAppend(divRoot,\r\n\t\t\tcreateDivCss2Label(`lblMusicSelect`, ``, g_lblPosObj.lblMusicSelect),\r\n\t\t\tcreateDivCss2Label(`lblMusicSelectDetail`, ``, g_lblPosObj.lblMusicSelectDetail),\r\n\t\t\tcreateCss2Button(`btnStart`,\r\n\t\t\t\t`>`, () => {\r\n\t\t\t\t\tclearTimeout(g_timeoutEvtTitleId);\r\n\t\t\t\t\tpauseBGM();\r\n\t\t\t\t\tg_handler.removeListener(wheelHandler);\r\n\t\t\t\t\tg_keyObj.prevKey = `Dummy${g_settings.musicIdxNum}`;\r\n\t\t\t\t\tg_langStorage.bgmVolume = g_stateObj.bgmVolume;\r\n\t\t\t\t\tlocalStorage.setItem(`danoni-locale`, JSON.stringify(g_langStorage));\r\n\t\t\t\t}, Object.assign({\r\n\t\t\t\t\tresetFunc: () => optionInit(),\r\n\t\t\t\t}, g_lblPosObj.btnStart_music), g_cssObj.button_Tweet),\r\n\t\t\tcreateCss2Button(`btnMusicSelectPrev`, `↑`, () => changeMSelect(-1),\r\n\t\t\t\tg_lblPosObj.btnMusicSelectPrev, g_cssObj.button_Setting),\r\n\t\t\tcreateCss2Button(`btnMusicSelectNext`, `↓`, () => changeMSelect(1),\r\n\t\t\t\tg_lblPosObj.btnMusicSelectNext, g_cssObj.button_Setting),\r\n\t\t\tcreateCss2Button(`btnMusicSelectRandom`, `Random`, () =>\r\n\t\t\t\tchangeMSelect(Math.floor(Math.random() * (g_headerObj.musicIdxList.length - 1)) + 1),\r\n\t\t\t\tg_lblPosObj.btnMusicSelectRandom, g_cssObj.button_Default),\r\n\t\t\tcreateDivCss2Label(`lblMusicCnt`, ``, g_lblPosObj.lblMusicCnt),\r\n\t\t\tcreateDivCss2Label(`lblCommentM`, ``, g_lblPosObj.lblComment_music),\r\n\r\n\t\t\tcreateDivCss2Label(`lblBgmVolume`, `BGM Volume`, g_lblPosObj.lblBgmVolume),\r\n\t\t\tcreateCss2Button(`btnBgmMute`, g_stateObj.bgmMuteFlg ? g_emojiObj.muted : g_emojiObj.speaker, evt => {\r\n\t\t\t\tg_stateObj.bgmMuteFlg = !g_stateObj.bgmMuteFlg;\r\n\t\t\t\tg_stateObj.bgmMuteFlg ? pauseBGM() : playBGM(0);\r\n\t\t\t\tevt.target.innerHTML = g_stateObj.bgmMuteFlg ? g_emojiObj.muted : g_emojiObj.speaker;\r\n\t\t\t}, g_lblPosObj.btnBgmMute, g_cssObj.button_Default),\r\n\t\t\tcreateCss2Button(`btnBgmVolume`, `${g_stateObj.bgmVolume}${g_lblNameObj.percent}`, () => setBGMVolume(),\r\n\t\t\t\tObject.assign({\r\n\t\t\t\t\tcxtFunc: () => setBGMVolume(-1),\r\n\t\t\t\t}, g_lblPosObj.btnBgmVolume), g_cssObj.button_Default),\r\n\t\t\tcreateCss2Button(`btnBgmVolumeL`, `<`, () => setBGMVolume(-1),\r\n\t\t\t\tg_lblPosObj.btnBgmVolumeL, g_cssObj.button_Setting),\r\n\t\t\tcreateCss2Button(`btnBgmVolumeR`, `>`, () => setBGMVolume(),\r\n\t\t\t\tg_lblPosObj.btnBgmVolumeR, g_cssObj.button_Setting),\r\n\t\t);\r\n\t\tchangeMSelect(0, _initFlg);\r\n\r\n\t\tlet wheelCnt = 0;\r\n\t\twheelHandler = g_handler.addListener(divRoot, `wheel`, e => {\r\n\r\n\t\t\tif (document.getElementById(`lblComment`) !== null && lblComment.style.display === C_DIS_INHERIT) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\t// コメント欄（lblCommentM）のスクロール可能性をチェック\r\n\t\t\tconst isScrollable = lblCommentM.scrollHeight > lblCommentM.clientHeight;\r\n\r\n\t\t\t// マウスがコメント欄上にあり、スクロールが可能ならイベントをスキップ\r\n\t\t\tif (lblCommentM.contains(e.target) && isScrollable) {\r\n\t\t\t\t// スクロール位置の判定\r\n\t\t\t\tconst atTop = lblCommentM.scrollTop === 0 && e.deltaY < 0;\r\n\t\t\t\tconst atBottom = (lblCommentM.scrollTop + lblCommentM.clientHeight >= lblCommentM.scrollHeight) && e.deltaY > 0;\r\n\r\n\t\t\t\t// スクロール可能＆上端または下端ではないなら処理をスキップ\r\n\t\t\t\tif (!atTop && !atBottom) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\te.preventDefault();\r\n\t\t\tif (g_stateObj.keyInitial && wheelCnt === 0) {\r\n\t\t\t\tchangeMSelect(e.deltaY > 0 ? 1 : -1);\r\n\t\t\t}\r\n\t\t\twheelCnt = (wheelCnt + 1) % wheelCycle;\r\n\t\t});\r\n\r\n\t\t// 初期表示用 (2秒後に選曲画面を表示)\r\n\t\tif (_initFlg && !g_headerObj.customTitleUse) {\r\n\t\t\tg_audio.muted = true;\r\n\t\t\tconst mSelectTitleSprite = createEmptySprite(divRoot, `mSelectTitleSprite`,\r\n\t\t\t\tg_windowObj.mSelectTitleSprite, g_cssObj.settings_DifSelector);\r\n\t\t\tmultiAppend(mSelectTitleSprite,\r\n\t\t\t\tdrawBackArrow(),\r\n\t\t\t\tdrawTitle(g_headerObj.packageNames),\r\n\t\t\t);\r\n\r\n\t\t\tlet spriteOpacity = 1;\r\n\t\t\tlet fadeOpacity = null;\r\n\t\t\tconst fadeStartOpacity = setTimeout(() => {\r\n\t\t\t\tclearTimeout(fadeStartOpacity);\r\n\t\t\t\tsetOpacity(spriteOpacity);\r\n\t\t\t}, 2000);\r\n\r\n\t\t\tconst setOpacity = (_opacity) => {\r\n\t\t\t\tif (_opacity <= 0) {\r\n\t\t\t\t\tclearTimeout(fadeOpacity);\r\n\t\t\t\t\tmSelectTitleSprite.style.display = C_DIS_NONE;\r\n\t\t\t\t\tg_audio.muted = false;\r\n\t\t\t\t\tg_audio.currentTime = g_headerObj.musicStarts[g_headerObj.musicIdxList[g_settings.musicIdxNum]] ?? 0;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmSelectTitleSprite.style.opacity = _opacity;\r\n\t\t\t\t\tfadeOpacity = setTimeout(() => {\r\n\t\t\t\t\t\tspriteOpacity -= 0.25;\r\n\t\t\t\t\t\tsetOpacity(spriteOpacity);\r\n\t\t\t\t\t}, 50);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t}\r\n\t} else if (!g_headerObj.customTitleUse) {\r\n\t\t// 曲名文字描画（曲名は譜面データから取得）\r\n\t\tdivRoot.appendChild(\r\n\t\t\tg_headerObj.musicSelectUse\r\n\t\t\t\t? drawTitle(g_headerObj.musicTitlesForView[g_settings.musicIdxNum], g_headerObj.viewLists[0] + 1)\r\n\t\t\t\t: drawTitle()\r\n\t\t);\r\n\t}\r\n\r\n\t// クレジット表示\r\n\texternalWebTitle();\r\n\r\n\tif (g_errMsgObj.title !== ``) {\r\n\t\tmakeWarningWindow();\r\n\t}\r\n\r\n\t// ユーザカスタムイベント(初期)\r\n\tg_customJsObj.title.forEach(func => func());\r\n\r\n\t// バージョン情報取得\r\n\tlet customVersion = ``;\r\n\tif (g_localVersion !== ``) {\r\n\t\tcustomVersion = ` / ${g_localVersion}`;\r\n\t}\r\n\tif (g_localVersion2 !== ``) {\r\n\t\tcustomVersion += ` / ${g_localVersion2}`;\r\n\t}\r\n\tconst releaseDate = (g_headerObj.releaseDate !== `` ? ` @${g_headerObj.releaseDate}` : ``);\r\n\tconst versionName = `© 2018-${g_revisedDate.slice(0, 4)} ティックル, CW ${g_version}${customVersion}${releaseDate}`;\r\n\tconst getLinkSiz = _name => getFontSize2(_name, g_sWidth / 2 - 20, { maxSiz: g_limitObj.lnkSiz, minSiz: 12 });\r\n\r\n\t/**\r\n\t * クレジット用リンク作成\r\n\t * @param {string} _id \r\n\t * @param {string} _text \r\n\t * @param {string} _url \r\n\t * @returns {HTMLDivElement}\r\n\t */\r\n\tconst createCreditBtn = (_id, _text, _url) =>\r\n\t\tcreateCss2Button(_id, _text, () => true,\r\n\t\t\tObject.assign(g_lblPosObj[_id], { siz: getLinkSiz(_text), whiteSpace: `normal`, resetFunc: () => openLink(_url) }), g_cssObj.button_Default);\r\n\r\n\tif (g_headerObj.musicSelectUse && getQueryParamVal(`scoreId`) === null) {\r\n\t\t// 選曲モードではクレジット表示は別で行われているため表示しない\r\n\t} else {\r\n\t\tif (tmpCreatorList.length === 0) {\r\n\t\t\ttmpCreatorList.push(g_headerObj.creatorNames[0]);\r\n\t\t}\r\n\t\tconst [creatorName, creatorUrl] = getCreatorInfo(tmpCreatorList);\r\n\r\n\t\tmultiAppend(divRoot,\r\n\r\n\t\t\t// Click Here\r\n\t\t\tcreateCss2Button(`btnStart`, g_lblNameObj.clickHere, () => {\r\n\t\t\t\tclearTimeout(g_timeoutEvtTitleId);\r\n\t\t\t\tg_keyObj.prevKey = `Dummy${g_settings.musicIdxNum}`;\r\n\t\t\t}, {\r\n\t\t\t\tx: g_btnX(), w: g_btnWidth(), siz: g_limitObj.titleSiz, resetFunc: () => optionInit(),\r\n\t\t\t}, g_cssObj.button_Start),\r\n\r\n\t\t\t// 製作者表示\r\n\t\t\tcreateCreditBtn(`lnkMaker`, `${g_lblNameObj.maker}: ${g_headerObj.musicSelectUse ? creatorName : g_headerObj.tuningInit}`,\r\n\t\t\t\tg_headerObj.musicSelectUse ? creatorUrl : g_headerObj.creatorUrl),\r\n\r\n\t\t\t// アーティスト表示\r\n\t\t\tcreateCreditBtn(`lnkArtist`, `${g_lblNameObj.artist}: ${g_headerObj.artistNames[g_settings.musicIdxNum]}`, g_headerObj.artistUrls[g_settings.musicIdxNum]),\r\n\t\t);\r\n\t}\r\n\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// Reset\r\n\t\tcreateCss2Button(`btnReset`, g_lblNameObj.dataReset, () => {\r\n\t\t\tclearTimeout(g_timeoutEvtTitleId);\r\n\t\t\tg_handler.removeListener(wheelHandler);\r\n\t\t\tdataMgtInit();\r\n\t\t}, g_lblPosObj.btnReset, g_cssObj.button_Reset),\r\n\r\n\t\t// ロケール切替\r\n\t\tcreateCss2Button(`btnReload`, g_localeObj.val, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.btnReload, {\r\n\t\t\t\tresetFunc: () => {\r\n\t\t\t\t\tg_localeObj.num = (++g_localeObj.num) % g_localeObj.list.length;\r\n\t\t\t\t\tg_langStorage.locale = g_localeObj.list[g_localeObj.num];\r\n\t\t\t\t\tlocalStorage.setItem(`danoni-locale`, JSON.stringify(g_langStorage));\r\n\t\t\t\t\tlocation.reload();\r\n\t\t\t\t},\r\n\t\t\t}), g_cssObj.button_Start),\r\n\r\n\t\t// ヘルプ\r\n\t\tcreateCss2Button(`btnHelp`, `?`, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.btnHelp, {\r\n\t\t\t\tresetFunc: () => openLink(g_lblNameObj.helpUrl),\r\n\t\t\t}), g_cssObj.button_Setting),\r\n\r\n\t\t// バージョン描画\r\n\t\tcreateCss2Button(`lnkVersion`, versionName, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.lnkVersion, {\r\n\t\t\t\tsiz: getFontSize2(versionName, g_sWidth * 3 / 4 - 20, { maxSiz: 12 }),\r\n\t\t\t\tresetFunc: () => openLink(`https://github.com/cwtickle/danoniplus`),\r\n\t\t\t}), g_cssObj.button_Tweet),\r\n\r\n\t\t// セキュリティリンク\r\n\t\tcreateCss2Button(`lnkComparison`, g_emojiObj.shield, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.lnkComparison, {\r\n\t\t\t\tresetFunc: () => openLink(g_lblNameObj.securityUrl),\r\n\t\t\t}), g_cssObj.button_Tweet),\r\n\t);\r\n\r\n\t// コメントエリア作成\r\n\tif (g_headerObj.commentVal !== ``) {\r\n\r\n\t\t// コメント文の加工\r\n\t\tconst convCommentVal = convertStrToVal(g_headerObj.commentVal);\r\n\t\tif (g_headerObj.commentExternal) {\r\n\t\t\tif (document.getElementById(`commentArea`) !== null) {\r\n\t\t\t\tcommentArea.innerHTML = convCommentVal;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tmultiAppend(divRoot,\r\n\t\t\t\tcreateDivCss2Label(`lblComment`, convCommentVal, g_lblPosObj.lblComment),\r\n\t\t\t\tcreateCss2Button(`btnComment`, g_lblNameObj.comment, () => {\r\n\t\t\t\t\tconst lblCommentDef = lblComment.style.display;\r\n\t\t\t\t\tlblComment.style.display = (lblCommentDef === C_DIS_NONE ? C_DIS_INHERIT : C_DIS_NONE);\r\n\t\t\t\t}, g_lblPosObj.btnComment, g_cssObj.button_Default),\r\n\t\t\t);\r\n\t\t\tif (g_headerObj.musicSelectUse && getQueryParamVal(`scoreId`) === null) {\r\n\t\t\t\tlblComment.style.height = `${g_sHeight - 100}px`;\r\n\t\t\t}\r\n\t\t\tsetUserSelect(lblComment.style, `text`);\r\n\t\t}\r\n\t}\r\n\r\n\t// マスクスプライトを作成\r\n\tconst maskTitleSprite = createMultipleSprite(`maskTitleSprite`, g_headerObj.maskTitleMaxDepth);\r\n\tmaskTitleSprite.style.pointerEvents = g_headerObj.masktitleButton ? C_DIS_AUTO : C_DIS_NONE;\r\n\r\n\t/**\r\n\t * タイトルのモーション設定\r\n\t */\r\n\tconst flowTitleTimeline = () => {\r\n\r\n\t\t// ユーザカスタムイベント(フレーム毎)\r\n\t\tg_customJsObj.titleEnterFrame.forEach(func => func());\r\n\r\n\t\t// 背景・マスクモーション、スキン変更\r\n\t\tdrawTitleResultMotion(g_currentPage);\r\n\r\n\t\tthisTime = performance.now();\r\n\t\tbuffTime = thisTime - titleStartTime - g_scoreObj.titleFrameNum * 1000 / g_fps;\r\n\r\n\t\tg_scoreObj.titleFrameNum++;\r\n\t\tg_animationData.forEach(sprite => g_scoreObj[`${sprite}TitleFrameNum`]++);\r\n\t\tg_timeoutEvtTitleId = setTimeout(flowTitleTimeline, 1000 / g_fps - buffTime);\r\n\t};\r\n\r\n\tg_timeoutEvtTitleId = setTimeout(flowTitleTimeline, 1000 / g_fps);\r\n\r\n\t// キー操作イベント（デフォルト）\r\n\tsetShortcutEvent(g_currentPage, () => true, { dfEvtFlg: true });\r\n\r\n\tdocument.oncontextmenu = () => true;\r\n\tdivRoot.oncontextmenu = () => false;\r\n\r\n\tg_skinJsObj.title.forEach(func => func());\r\n};\r\n\r\n/**\r\n * 外部のタイトル表示\r\n */\r\nconst externalWebTitle = () => {\r\n\tif (document.getElementById(`webMusicTitle`) !== null) {\r\n\t\twebMusicTitle.innerHTML =\r\n\t\t\t`${g_headerObj.musicTitlesForView[g_settings.musicIdxNum].join(``)}
\r\n\t\t\t(Artist: ${g_headerObj.artistNames[g_settings.musicIdxNum]})`;\r\n\t}\r\n};\r\n\r\n/**\r\n * 背景矢印の表示\r\n * @param {string|number} _scoreId \r\n * @returns {HTMLDivElement}\r\n */\r\nconst drawBackArrow = (_scoreId = ``) =>\r\n\tcreateColorObject2(`lblArrow`, {\r\n\t\tx: (g_sWidth - 500) / 2, y: -15 + (g_sHeight - 500) / 2,\r\n\t\tw: 500, h: 500, rotateEnabled: true,\r\n\t\tbackground: makeColorGradation(g_headerObj.titlearrowgrds[0] ||\r\n\t\t\tg_headerObj[`setColor${_scoreId}Org`]?.[0] || g_headerObj.setColorOrg[0], {\r\n\t\t\t_defaultColorgrd: [false, `#eeeeee`],\r\n\t\t\t_objType: `titleArrow`,\r\n\t\t}), rotate: `titleArrow:${g_headerObj.titleArrowRotate}`,\r\n\t});\r\n\r\n/**\r\n * タイトル文字の表示\r\n * @param {string[]} _titleName \r\n * @returns {HTMLDivElement}\r\n */\r\nconst drawTitle = (_titleName = g_headerObj.musicTitleForView, _scoreId = ``) => {\r\n\r\n\t// グラデーションの指定がない場合、\r\n\t// 矢印色の1番目と3番目を使ってタイトルをグラデーション\r\n\tconst titlegrd1 = g_headerObj.titlegrds[0] || (g_headerObj[`setColor${_scoreId}Org`] ?\r\n\t\t`${g_headerObj[`setColor${_scoreId}Org`][0]}:${g_headerObj[`setColor${_scoreId}Org`][2]}` : `${g_headerObj.setColorOrg[0]}:${g_headerObj.setColorOrg[2]}`);\r\n\tconst titlegrd2 = g_headerObj.titlegrds[1] || titlegrd1;\r\n\r\n\tconst titlegrds = [];\r\n\t[titlegrd1, titlegrd2].forEach((titlegrd, j) =>\r\n\t\ttitlegrds[j] = makeColorGradation(titlegrd, { _defaultColorgrd: false, _objType: `titleMusic` }));\r\n\r\n\tlet titlefontsize = 64;\r\n\tfor (let j = 0; j < _titleName.length; j++) {\r\n\t\tif (_titleName[j] !== ``) {\r\n\t\t\ttitlefontsize = getFontSize2(_titleName[j], g_sWidth - 100, { font: g_headerObj.titlefonts[j], maxSiz: titlefontsize });\r\n\t\t}\r\n\t}\r\n\r\n\t// 変数 titlesize の定義 (使用例： |titlesize=40$20|)\r\n\tconst titlefontsizes = (g_headerObj.titlesize?.split(`$`).join(`,`).split(`,`) || [titlefontsize, titlefontsize]);\r\n\tconst titlefontsize1 = setIntVal(titlefontsizes[0], titlefontsize);\r\n\tconst titlefontsize2 = setIntVal(titlefontsizes[1], titlefontsize1);\r\n\r\n\t// 変数 titlelineheight の定義 (使用例： |titlelineheight=50|)\r\n\tconst titlelineheight = (g_headerObj.titlelineheight !== `` ? g_headerObj.titlelineheight - (titlefontsize2 + 10) : 0);\r\n\r\n\tconst txtAnimations = [``, ``];\r\n\tif (!g_headerObj.customTitleAnimationUse) {\r\n\t\tfor (let j = 0; j < txtAnimations.length; j++) {\r\n\t\t\ttxtAnimations[j] = `animation-name:${g_headerObj.titleAnimationName[j]};\r\n\t\t\tanimation-duration:${g_headerObj.titleAnimationDuration[j]}s;\r\n\t\t\tanimation-delay:${g_headerObj.titleAnimationDelay[j]}s;\r\n\t\t\tanimation-timing-function:${g_headerObj.titleAnimationTimingFunction[j]};`;\r\n\t\t}\r\n\t}\r\n\treturn createDivCss2Label(`lblmusicTitle`,\r\n\t\t`
\r\n\t\t\t${_titleName[0]}\r\n\t\t
\r\n\t\t\r\n\t\t\t${_titleName[1] ?? ``}\r\n\t\t
\r\n\t\t`,\r\n\t\t{\r\n\t\t\tx: Number(g_headerObj.titlepos[0][0]), y: Number(g_headerObj.titlepos[0][1]),\r\n\t\t\tw: g_sWidth, h: g_sHeight - 40, siz: titlefontsize1,\r\n\t\t\tdisplay: `flex`, flexDirection: `column`, justifyContent: `center`, alignItems: `center`,\r\n\t\t}\r\n\t);\r\n};\r\n\r\n/**\r\n * 製作者情報の取得\r\n * @param {string[]} _creatorList \r\n * @returns {[string, string, number]}\r\n */\r\nconst getCreatorInfo = (_creatorList) => {\r\n\tconst creatorName = makeDedupliArray(_creatorList).length === 1 ? _creatorList[0] : `Various`;\r\n\tg_headerObj.makerView = g_headerObj.makerViewOrg ? true : creatorName === `Various`;\r\n\tconst creatorIdx = g_headerObj.tuningNames.findIndex(val => val === creatorName);\r\n\tconst creatorUrl = creatorIdx >= 0 ? g_headerObj.tuningUrls[creatorIdx] : ``;\r\n\treturn [creatorName, creatorUrl, creatorIdx];\r\n}\r\n\r\n/**\r\n * BGMの停止\r\n */\r\nconst pauseBGM = () => {\r\n\tif (g_audio) {\r\n\t\tg_handler.removeListener(g_stateObj.bgmTimeupdateEvtId);\r\n\t\tg_audio.pause();\r\n\t\tif (!(g_audio instanceof AudioPlayer)) {\r\n\t\t\tg_audio.removeAttribute('src');\r\n\t\t\tg_audio.load();\r\n\t\t}\r\n\t}\r\n\t[`bgmLooped`, `bgmFadeIn`, `bgmFadeOut`].forEach(id => {\r\n\t\tif (g_stateObj[id]) {\r\n\t\t\tclearTimeout(g_stateObj[id]);\r\n\t\t\tg_stateObj[id] = null;\r\n\t\t}\r\n\t});\r\n};\r\n\r\n/**\r\n * BGM再生処理\r\n * @param {number} _num \r\n * @param {number} _currentLoopNum\r\n */\r\nconst playBGM = async (_num, _currentLoopNum = g_settings.musicLoopNum) => {\r\n\tconst FADE_STEP = 0.05 * g_stateObj.bgmVolume / 100;\r\n\tconst FADE_INTERVAL_MS = 100;\r\n\tconst FADE_DELAY_MS = 500;\r\n\r\n\tconst currentIdx = g_headerObj.musicIdxList[g_settings.musicIdxNum];\r\n\tconst musicUrl = getMusicUrl(g_headerObj.viewLists[0]);\r\n\tconst url = getFullMusicUrl(musicUrl);\r\n\tconst encodeFlg = listMatching(musicUrl, [`.js`, `.txt`], { suffix: `$` });\r\n\tconst musicStart = g_headerObj.musicStarts?.[currentIdx] ?? 0;\r\n\tconst musicEnd = g_headerObj.musicEnds?.[currentIdx] ?? 0;\r\n\tconst isTitle = () => g_currentPage === `title` && _currentLoopNum === g_settings.musicLoopNum;\r\n\r\n\t/**\r\n\t * 汎用フェード処理\r\n\t * @param {number} startVolume - 開始音量 (0〜1)\r\n\t * @param {number} endVolume - 終了音量 (0〜1)\r\n\t * @param {number} step - 1ステップの増減量\r\n\t * @param {function} onEnd - フェード完了時の処理\r\n\t * @param {function} isValid - フェード継続条件（true: 継続, false: 中断）\r\n\t * @returns {number} timeoutId\r\n\t */\r\n\tconst fadeVolume = (startVolume, endVolume, step, onEnd, isValid) => {\r\n\r\n\t\t// 開始時点で終了音量とイコールの場合は終了\r\n\t\tif (startVolume === endVolume || step === 0) {\r\n\t\t\tg_audio.volume = endVolume;\r\n\t\t\tonEnd(true);\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\tlet volume = startVolume;\r\n\t\tg_audio.volume = startVolume;\r\n\r\n\t\tconst stepFunc = () => {\r\n\t\t\t// 継続条件チェック\r\n\t\t\tif (!isValid()) {\r\n\t\t\t\tonEnd(false); // 中断\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// 終了判定\r\n\t\t\tconst reached =\r\n\t\t\t\t(startVolume < endVolume && volume >= endVolume) ||\r\n\t\t\t\t(startVolume > endVolume && volume <= endVolume);\r\n\r\n\t\t\tif (reached) {\r\n\t\t\t\tg_audio.volume = endVolume;\r\n\t\t\t\tonEnd(true); // 正常終了\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// 音量更新\r\n\t\t\tvolume += step;\r\n\t\t\tg_audio.volume = Math.min(Math.max(volume, 0), 1);\r\n\r\n\t\t\t// 次のステップへ\r\n\t\t\tsetTimeout(stepFunc, FADE_INTERVAL_MS);\r\n\t\t};\r\n\r\n\t\treturn setTimeout(stepFunc, FADE_INTERVAL_MS);\r\n\t};\r\n\r\n\t/**\r\n\t * 汎用ポーリング（監視）処理\r\n\t * @param {function} check - 条件チェック関数（true なら終了）\r\n\t * @param {function} onEnd - 終了時の処理\r\n\t * @param {function} isValid - 継続条件（true: 継続, false: 中断）\r\n\t * @returns {number} timeoutId\r\n\t */\r\n\tconst poll = (check, onEnd, isValid) => {\r\n\t\tconst step = () => {\r\n\t\t\t// 継続条件チェック\r\n\t\t\tif (!isValid()) {\r\n\t\t\t\tonEnd(false); // 中断\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// 条件成立\r\n\t\t\tif (check()) {\r\n\t\t\t\tonEnd(true); // 正常終了\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// 次のチェックへ\r\n\t\t\tsetTimeout(step, FADE_INTERVAL_MS);\r\n\t\t};\r\n\r\n\t\treturn setTimeout(step, FADE_INTERVAL_MS);\r\n\t};\r\n\r\n\t/**\r\n\t * BGMのフェードアウトとシーク\r\n\t */\r\n\tconst fadeOutAndSeek = () => {\r\n\t\tconst start = g_audio.volume;\r\n\t\tconst end = 0;\r\n\r\n\t\tg_stateObj.bgmFadeOut = fadeVolume(\r\n\t\t\tstart,\r\n\t\t\tend,\r\n\t\t\t-FADE_STEP,\r\n\t\t\t/* onEnd */\r\n\t\t\t(finished) => {\r\n\t\t\t\tg_stateObj.bgmFadeOut = null;\r\n\r\n\t\t\t\tif (!finished) return; // 中断された\r\n\r\n\t\t\t\tg_audio.pause();\r\n\t\t\t\tg_audio.currentTime = musicStart;\r\n\r\n\t\t\t\tif (isTitle()) {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tfadeIn();\r\n\t\t\t\t\t\tif (encodeFlg) repeatBGM();\r\n\t\t\t\t\t}, FADE_DELAY_MS);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tpauseBGM();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t/* isValid */\r\n\t\t\t() =>\r\n\t\t\t\tisTitle() &&\r\n\t\t\t\tg_stateObj.bgmFadeOut !== null\r\n\t\t);\r\n\t};\r\n\r\n\t/**\r\n\t * BGMのフェードイン\r\n\t */\r\n\tconst fadeIn = () => {\r\n\t\tif (!(g_audio instanceof AudioPlayer) && !g_audio.src) return;\r\n\r\n\t\tconst start = 0;\r\n\t\tconst end = g_stateObj.bgmVolume / 100;\r\n\r\n\t\tg_audio.volume = 0;\r\n\t\tg_audio.play();\r\n\r\n\t\tg_stateObj.bgmFadeIn = fadeVolume(\r\n\t\t\tstart,\r\n\t\t\tend,\r\n\t\t\tFADE_STEP,\r\n\t\t\t/* onEnd */\r\n\t\t\t() => {\r\n\t\t\t\tg_stateObj.bgmFadeIn = null;\r\n\t\t\t},\r\n\t\t\t/* isValid */\r\n\t\t\t() =>\r\n\t\t\t\tisTitle() &&\r\n\t\t\t\tg_stateObj.bgmFadeIn !== null &&\r\n\t\t\t\tcurrentIdx === g_headerObj.musicIdxList[g_settings.musicIdxNum]\r\n\t\t);\r\n\t};\r\n\r\n\t/**\r\n\t * BGMのループ処理 (base64エンコード時用)\r\n\t * - base64エンコード時はtimeupdateイベントが発火しないため、setIntervalで時間を取得する\r\n\t */\r\n\tconst repeatBGM = () => {\r\n\t\tconst numAtStart = g_settings.musicIdxNum;\r\n\r\n\t\tg_stateObj.bgmLooped = poll(\r\n\t\t\t/* check */\r\n\t\t\t() => {\r\n\t\t\t\ttry {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\tg_audio.elapsedTime >= musicEnd ||\r\n\t\t\t\t\t\tnumAtStart !== g_settings.musicIdxNum\r\n\t\t\t\t\t);\r\n\t\t\t\t} catch {\r\n\t\t\t\t\treturn true; // エラー時は終了扱い\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t/* onEnd */\r\n\t\t\t(finished) => {\r\n\t\t\t\tg_stateObj.bgmLooped = null;\r\n\t\t\t\tif (finished) {\r\n\t\t\t\t\tfadeOutAndSeek();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t/* isValid */\r\n\t\t\t() => g_stateObj.bgmLooped !== null\r\n\t\t);\r\n\t};\r\n\r\n\tif (encodeFlg) {\r\n\t\ttry {\r\n\t\t\t// base64エンコードは読込に時間が掛かるため、曲変更時のみ読込\r\n\t\t\tif (!hasVal(g_musicdata) || Math.abs(_num) % g_headerObj.musicIdxList.length !== 0) {\r\n\t\t\t\tawait loadScript2(url);\r\n\t\t\t\tmusicInit();\r\n\t\t\t\tif (!isTitle()) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst tmpAudio = new AudioPlayer();\r\n\t\t\t\tconst array = Uint8Array.from(atob(g_musicdata), v => v.charCodeAt(0));\r\n\t\t\t\tawait tmpAudio.init(array.buffer);\r\n\t\t\t\tif (!isTitle()) {\r\n\t\t\t\t\ttmpAudio.close();\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tg_audio = tmpAudio;\r\n\t\t\t}\r\n\t\t\tg_audio.volume = g_stateObj.bgmVolume / 100;\r\n\t\t\tif (g_currentPage === `title` && musicEnd > 0) {\r\n\t\t\t\tg_audio.currentTime = musicStart;\r\n\t\t\t\tg_audio.play();\r\n\t\t\t\trepeatBGM();\r\n\t\t\t}\r\n\t\t} catch (e) {\r\n\t\t\t// 音源の読み込みに失敗した場合、エラーを表示\r\n\t\t\tconsole.warn(`BGM load error: ${e}`);\r\n\t\t}\r\n\r\n\t} else {\r\n\t\tg_audio = new Audio();\r\n\t\tg_audio.src = url;\r\n\t\tg_audio.autoplay = false;\r\n\t\tg_audio.volume = g_stateObj.bgmVolume / 100;\r\n\t\tconst loadedMeta = g_handler.addListener(g_audio, `loadedmetadata`, () => {\r\n\t\t\tg_handler.removeListener(loadedMeta);\r\n\t\t\tif (!isTitle()) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tg_audio.currentTime = musicStart;\r\n\t\t\tg_audio.play();\r\n\t\t}, { once: true });\r\n\r\n\t\tif (musicEnd > 0) {\r\n\t\t\tg_stateObj.bgmTimeupdateEvtId = g_handler.addListener(g_audio, \"timeupdate\", () => {\r\n\t\t\t\tif (g_audio.currentTime >= musicEnd) {\r\n\t\t\t\t\tfadeOutAndSeek();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * 選曲ボタンを押したときの処理\r\n * @param {number} _num \r\n * @param {boolean} _initFlg \r\n */\r\nconst changeMSelect = (_num, _initFlg = false) => {\r\n\tif (document.getElementById(`lblComment`) !== null && lblComment.style.display === C_DIS_INHERIT) {\r\n\t\treturn;\r\n\t}\r\n\tconst limitedMLength = 35;\r\n\tpauseBGM();\r\n\r\n\t// 選択方向に合わせて楽曲リスト情報を再取得\r\n\tfor (let j = -g_settings.mSelectableTerms; j <= g_settings.mSelectableTerms; j++) {\r\n\t\tconst idx = g_headerObj.musicIdxList[(j + _num + g_settings.musicIdxNum + g_headerObj.musicIdxList.length * 10) % g_headerObj.musicIdxList.length];\r\n\t\tif (j === 0) {\r\n\t\t} else {\r\n\t\t\tdocument.getElementById(`btnMusicSelect${j}`).style.fontSize =\r\n\t\t\t\tgetFontSize2(g_headerObj.musicTitles[idx].slice(0, limitedMLength), g_btnWidth(1 / 2));\r\n\t\t\tdocument.getElementById(`btnMusicSelect${j}`).innerHTML =\r\n\t\t\t\t`${g_headerObj.musicTitles[idx].slice(0, limitedMLength)}${g_headerObj.musicTitles[idx].length > limitedMLength ? '...' : ''}` +\r\n\t\t\t\t` / ${g_headerObj.artistNames[idx]}`;\r\n\t\t}\r\n\t}\r\n\t// 現在選択中の楽曲IDを再設定\r\n\tg_settings.musicIdxNum = (g_settings.musicIdxNum + _num + g_headerObj.musicIdxList.length) % g_headerObj.musicIdxList.length;\r\n\r\n\t// 楽曲の多重読込防止（この値が変化していれば読み込まない）\r\n\tg_settings.musicLoopNum++;\r\n\tconst currentLoopNum = g_settings.musicLoopNum;\r\n\r\n\t// 選択した楽曲に対応する譜面番号、製作者情報、曲長を取得\r\n\tg_headerObj.viewLists = [];\r\n\tconst tmpKeyList = [], tmpCreatorList = [], tmpPlayingFrameList = [], tmpBpmList = [];\r\n\tconst targetIdx = g_headerObj.musicIdxList[(g_settings.musicIdxNum + g_headerObj.musicIdxList.length * 20) % g_headerObj.musicIdxList.length];\r\n\tg_headerObj.musicNos.forEach((val, j) => {\r\n\t\tif ((g_headerObj.musicGroups?.[val] ?? val) === targetIdx) {\r\n\t\t\tg_headerObj.viewLists.push(j);\r\n\t\t\ttmpKeyList.push(g_headerObj.keyLabels[j]);\r\n\t\t\ttmpCreatorList.push(g_headerObj.creatorNames[j]);\r\n\t\t\ttmpPlayingFrameList.push(g_detailObj.playingFrameWithBlank[j]);\r\n\t\t\ttmpBpmList.push(g_headerObj.bpms[g_headerObj.musicNos[j]]);\r\n\t\t}\r\n\t});\r\n\tconst playingFrames = makeDedupliArray(tmpPlayingFrameList.map(val => transFrameToTimer(val))).join(`, `);\r\n\tconst bpm = makeDedupliArray(tmpBpmList).join(`, `);\r\n\tconst [creatorName, creatorUrl, creatorIdx] = getCreatorInfo(tmpCreatorList);\r\n\tconst creatorLink = creatorIdx >= 0 ?\r\n\t\t`${creatorName}` : creatorName;\r\n\r\n\t// 選択した楽曲の情報表示\r\n\tconst idx = g_headerObj.musicIdxList[g_settings.musicIdxNum];\r\n\tdocument.getElementById(`lblMusicSelect`).innerHTML =\r\n\t\t``), g_btnWidth(1 / 2), { maxSiz: 18 })}px;` +\r\n\t\t`font-weight:bold\">${g_headerObj.musicTitlesForView[idx].join(`
`)}`;\r\n\tdocument.getElementById(`lblMusicSelectDetail`).innerHTML =\r\n\t\t`Maker: ${creatorLink} / Artist: ` +\r\n\t\t`${g_headerObj.artistNames[idx]}
Duration: ${playingFrames} / BPM: ${bpm}`;\r\n\r\n\t// 選択した楽曲で使われているキー種の一覧を作成\r\n\tdeleteChildspriteAll(`keyTitleSprite`);\r\n\tmakeDedupliArray(tmpKeyList).sort((a, b) => parseInt(a) - parseInt(b))\r\n\t\t.forEach((val, j) => keyTitleSprite.appendChild(\r\n\t\t\tcreateDivCss2Label(`btnKeyTitle${val}`, val,\r\n\t\t\t\tObject.assign({ x: 10 + j * 40 }, g_lblPosObj.btnKeyTitle)\r\n\t\t\t)));\r\n\r\n\r\n\t// 選択した楽曲の選択位置を表示\r\n\tlblMusicCnt.innerHTML = `${g_settings.musicIdxNum + 1} / ${g_headerObj.musicIdxList.length}`;\r\n\r\n\t// 楽曲別のローカルストレージを再取得\r\n\tloadLocalStorage(g_settings.musicIdxNum);\r\n\tviewKeyStorage.cache = new Map();\r\n\r\n\t// 初期化もしくは楽曲変更時に速度を初期化\r\n\tif (_initFlg || Math.abs(_num) % g_headerObj.musicIdxList.length !== 0) {\r\n\t\tg_stateObj.speed = g_headerObj.initSpeeds[g_headerObj.viewLists[0]];\r\n\t\tg_settings.speedNum = getCurrentNo(g_settings.speeds, g_stateObj.speed);\r\n\t}\r\n\r\n\t// コメント文の加工\r\n\tlblCommentM.innerHTML = convertStrToVal(g_headerObj[`commentVal${g_settings.musicIdxNum}`]);\r\n\r\n\t// BGM再生処理\r\n\tif (!g_stateObj.bgmMuteFlg) {\r\n\t\tif (_initFlg) {\r\n\t\t\tplayBGM(_num);\r\n\t\t} else {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tif (currentLoopNum === g_settings.musicLoopNum) {\r\n\t\t\t\t\tplayBGM(_num, currentLoopNum);\r\n\t\t\t\t}\r\n\t\t\t}, 500);\r\n\t\t}\r\n\t}\r\n\r\n\t// 選曲変更時のカスタム関数実行\r\n\tg_customJsObj.musicSelect.forEach(func => func(g_settings.musicIdxNum));\r\n};\r\n\r\n/**\r\n * 警告用ウィンドウ（汎用）を表示\r\n * @param {string} _text \r\n * @param {boolean} [object.resetFlg=false] 警告リストをクリアして再作成\r\n * @param {boolean} [object.backBtnUse=false] Backボタンを付与\r\n */\r\nconst makeWarningWindow = (_text = ``, { resetFlg = false, backBtnUse = false } = {}) => {\r\n\tconst displayName = (g_currentPage === `initial` ? `title` : g_currentPage);\r\n\tif (_text !== ``) {\r\n\t\tif (resetFlg) {\r\n\t\t\tg_errMsgObj[displayName] = [_text];\r\n\t\t} else if (g_errMsgObj[displayName].findIndex(val => val === _text) === -1) {\r\n\t\t\tg_errMsgObj[displayName].push(_text);\r\n\t\t}\r\n\t}\r\n\tif (g_errMsgObj[displayName].length > 0) {\r\n\t\tdivRoot.appendChild(setWindowStyle(`
${g_errMsgObj[displayName].join('
')}
`, `#ffcccc`, `#660000`));\r\n\t\tsetUserSelect(lblWarning.style, `text`);\r\n\t}\r\n\tif (backBtnUse) {\r\n\t\t// タイトルバック用ボタン\r\n\t\tdivRoot.appendChild(createCss2Button(`btnBack`, g_lblNameObj.b_back, () => true, {\r\n\t\t\tresetFunc: () => titleInit(),\r\n\t\t}, g_cssObj.button_Back));\r\n\t}\r\n};\r\n\r\n/**\r\n * お知らせウィンドウ（汎用）を表示\r\n * @param {string} _text \r\n * @param {string} _animationName\r\n * @param {string} [object._backColor='#ccccff']\r\n * @param {string} [object._textColor='#000066']\r\n * @param {string} [object._pointerEvents=C_DIS_NONE]\r\n */\r\nconst makeInfoWindow = (_text, _animationName = ``, { _backColor = `#ccccff`, _textColor = `#000066`, _pointerEvents = C_DIS_NONE } = {}) => {\r\n\tconst lblWarning = setWindowStyle(`${_text}
`, _backColor, _textColor, C_ALIGN_CENTER);\r\n\tlblWarning.style.pointerEvents = _pointerEvents;\r\n\r\n\tif (_animationName !== ``) {\r\n\t\tlblWarning.style.animationName = _animationName;\r\n\t\tlblWarning.style.animationDuration = `2.5s`;\r\n\t\tlblWarning.style.animationFillMode = `forwards`;\r\n\t\tlblWarning.style.animationTimingFunction = `cubic-bezier(1.000, 0.000, 0.000, 1.000)`;\r\n\t}\r\n\tdivRoot.appendChild(lblWarning);\r\n};\r\n\r\n/**\r\n * 警告ウィンドウのスタイル設定\r\n * @param {string} _text \r\n * @param {string} _bkColor \r\n * @param {string} _textColor \r\n * @param {string} _align\r\n * @param {number} [object._x=g_btnX()]\r\n * @param {number} [object._y=0]\r\n * @param {number} [object._w=g_btnWidth()]\r\n * @returns {HTMLDivElement}\r\n */\r\nconst setWindowStyle = (_text, _bkColor, _textColor, _align = C_ALIGN_LEFT, { _x = g_btnX(), _y = 0, _w = g_btnWidth() } = {}) => {\r\n\r\n\tdeleteDiv(divRoot, `lblWarning`);\r\n\r\n\t// ウィンドウ枠の行を取得するために一時的な枠を作成\r\n\tconst tmplbl = createDivCss2Label(`lblTmpWarning`, _text, {\r\n\t\tx: _x, y: 70, w: _w, h: 20, siz: g_limitObj.mainSiz, lineHeight: wUnit(15), fontFamily: getBasicFont(),\r\n\t\twhiteSpace: `normal`,\r\n\t});\r\n\tdivRoot.appendChild(tmplbl);\r\n\tconst range = new Range();\r\n\trange.selectNode(tmplbl);\r\n\r\n\t// ウィンドウ枠の行を元に縦の長さを決定(150pxを超えた場合は縦スクロールバーを付与)\r\n\tconst warnHeight = Math.min(150, Math.max(range.getClientRects().length,\r\n\t\t_text.split(``).length + _text.split(`
`).length - 1) * 21);\r\n\tconst lbl = createDivCss2Label(`lblWarning`, _text, {\r\n\t\tx: _x, y: 70 + _y, w: _w, h: warnHeight, siz: g_limitObj.mainSiz, backgroundColor: _bkColor,\r\n\t\topacity: 0.9, lineHeight: wUnit(15), color: _textColor, align: _align, fontFamily: getBasicFont(),\r\n\t\twhiteSpace: `normal`, pointerEvents: C_DIS_AUTO,\r\n\t});\r\n\tif (warnHeight === 150) {\r\n\t\tlbl.style.overflow = C_DIS_AUTO;\r\n\t}\r\n\r\n\t// 一時的な枠を削除\r\n\tdivRoot.removeChild(tmplbl);\r\n\r\n\treturn lbl;\r\n};\r\n\r\n/*-----------------------------------------------------------*/\r\n/* Scene : DATA MANAGEMENT [pear] */\r\n/*-----------------------------------------------------------*/\r\n\r\nconst dataMgtInit = () => {\r\n\tclearWindow(true);\r\n\tconst prevPage = g_currentPage;\r\n\tg_currentPage = `dataMgt`;\r\n\tlet selectedKey = g_keyObj.currentKey;\r\n\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// 画面タイトル\r\n\t\tgetTitleDivLabel(`lblTitle`,\r\n\t\t\t`
DATA
MANAGEMENT
`\r\n\t\t\t\t.replace(/[\\t\\n]/g, ``), 0, 15, g_cssObj.flex_centering),\r\n\r\n\t\tcreateDescDiv(`dataDelMsg`, g_lblNameObj[`dataDelete${g_langStorage.safeMode}Desc`]),\r\n\t);\r\n\r\n\t// 各ボタン用のスプライトを作成\r\n\tconst optionsprite = createEmptySprite(divRoot, `optionsprite`, g_windowObj.dataSprite);\r\n\r\n\tlet reloadFlg = false;\r\n\tconst list = [C_FLG_OFF, C_FLG_ON];\r\n\tconst cssBarList = [C_FLG_OFF, C_FLG_ON];\r\n\tconst cssBgList = [g_settings.d_cssBgName, g_settings.d_cssBgName];\r\n\r\n\t/**\r\n\t * データ管理用ラベルの作成\r\n\t * @param {string} _name \r\n\t * @param {number} _heightPos \r\n\t * @param {number} [x=0] \r\n\t * @returns {HTMLDivElement}\r\n\t */\r\n\tconst createMgtLabel = (_name, _heightPos, { x = 0 } = {}) =>\r\n\t\tcreateDivCss2Label(`lbl${toCapitalize(_name)}`, getStgDetailName(toCapitalize(_name)), {\r\n\t\t\tx, y: g_limitObj.setLblHeight * _heightPos + 40,\r\n\t\t\tsiz: g_limitObj.setLblSiz, align: C_ALIGN_LEFT,\r\n\t\t});\r\n\r\n\t/**\r\n\t * データ管理用ボタンの作成\r\n\t * @param {string} _name \r\n\t * @param {number} _heightPos \r\n\t * @param {number} _widthPos \r\n\t * @param {number} [w=125]\r\n\t * @param {function} func \r\n\t * @returns {HTMLDivElement}\r\n\t */\r\n\tconst createMgtButton = (_name, _heightPos, _widthPos, { w = 125, func = () => true, ...rest } = {}) => {\r\n\t\tconst linkId = `btn${toCapitalize(_name)}`;\r\n\t\treturn createCss2Button(linkId, getStgDetailName(toCapitalize(_name)), () => {\r\n\t\t\tconst prevDisp = g_settings.dataMgtNum[_name];\r\n\t\t\tconst [prevBarColor, prevBgColor] = [cssBarList[prevDisp], cssBgList[prevDisp]];\r\n\r\n\t\t\tg_settings.dataMgtNum[_name] = (g_settings.dataMgtNum[_name] + 1) % 2;\r\n\t\t\tg_stateObj[`dm_${_name}`] = list[g_settings.dataMgtNum[_name]];\r\n\r\n\t\t\tconst nextDisp = g_settings.dataMgtNum[_name];\r\n\t\t\tconst [nextBarColor, nextBgColor] = [cssBarList[nextDisp], cssBgList[nextDisp]];\r\n\t\t\tdocument.getElementById(linkId).classList.replace(g_cssObj[`button_${prevBarColor}`], g_cssObj[`button_${nextBarColor}`]);\r\n\t\t\tdocument.getElementById(linkId).classList.replace(g_cssObj[`button_${prevBgColor}`], g_cssObj[`button_${nextBgColor}`]);\r\n\t\t\tfunc();\r\n\t\t}, {\r\n\t\t\tx: _widthPos * (w + 5) + 20, y: g_limitObj.setLblHeight * _heightPos + 40,\r\n\t\t\tw, h: 20, siz: g_limitObj.setLblSiz, borderStyle: `solid`, title: g_msgObj[_name], ...rest\r\n\t\t}, g_cssObj[`button_${cssBgList[g_settings.dataMgtNum[_name]]}`], g_cssObj[`button_${cssBarList[g_settings.dataMgtNum[_name]]}`]);\r\n\t};\r\n\r\n\tmultiAppend(optionsprite,\r\n\t\tcreateMgtLabel(`workData`, 0),\r\n\t\tcreateMgtButton(`environment`, 1.5, 0),\r\n\t\tcreateMgtButton(`highscores`, 2.5, 0),\r\n\t\tcreateMgtButton(`customKey`, 3.5, 0),\r\n\t\tcreateMgtButton(`others`, 4.5, 0),\r\n\t\tcreateMgtLabel(`keyData`, 6),\r\n\t\tcreateDivCss2Label(`lblTargetKey`, `(${getKeyName(selectedKey)})`, {\r\n\t\t\tx: 90, y: g_limitObj.setLblHeight * 6 + 40,\r\n\t\t\tsiz: g_limitObj.setLblSiz, align: C_ALIGN_LEFT,\r\n\t\t})\r\n\t);\r\n\r\n\tg_localStorageMgt = sortObjectByKeys(parseStorageData(g_localStorageUrl));\r\n\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// 保存データの表示\r\n\t\tcreateDivCss2Label(`lblWorkDataView`,\r\n\t\t\tviewKeyStorage(`workStorage`), g_lblPosObj.lblWorkDataView),\r\n\t\tcreateDivCss2Label(`lblKeyDataView`, viewKeyStorage(`keyStorage`, selectedKey), g_lblPosObj.lblKeyDataView),\r\n\r\n\t\t// 保存データの出力ボタン\r\n\t\tcreateCss2Button(`btnWorkStorage`, g_lblNameObj.b_copyStorage, () =>\r\n\t\t\tcopyTextToClipboard(formatObject(g_storageFunc.get(`workStorage`)(), 0, { colorFmt: false }), g_msgInfoObj.I_0006),\r\n\t\t\tg_lblPosObj.btnWorkStorage, g_cssObj.button_Default, g_cssObj.button_ON),\r\n\t\tcreateCss2Button(`btnKeyStorage`, g_lblNameObj.b_copyStorage, () =>\r\n\t\t\tcopyTextToClipboard(formatObject(g_storageFunc.get(`keyStorage`)(selectedKey), 0, { colorFmt: false }), g_msgInfoObj.I_0006),\r\n\t\t\tg_lblPosObj.btnKeyStorage, g_cssObj.button_Default, g_cssObj.button_ON),\r\n\t);\r\n\tsetUserSelect($id(`lblWorkDataView`), `text`);\r\n\tsetUserSelect($id(`lblKeyDataView`), `text`);\r\n\r\n\tconst keyList = makeDedupliArray(g_headerObj.keyLabels).sort((a, b) => parseInt(a) - parseInt(b));\r\n\tconst keyListSprite = createEmptySprite(optionsprite, `keyListSprite`, g_windowObj.keyListSprite);\r\n\tkeyList.forEach((key, j) => {\r\n\t\tg_stateObj[`dm_${key}`] = C_FLG_OFF;\r\n\t\tg_settings.dataMgtNum[key] = 0;\r\n\r\n\t\tconst keyWidth = Math.min(Math.max(50, getStrWidth(getKeyName(key), g_limitObj.setLblSiz, getBasicFont())), 80);\r\n\t\tkeyListSprite.appendChild(createMgtButton(key, j - 2, 0, {\r\n\t\t\tw: keyWidth,\r\n\t\t\tsiz: getFontSize2(getKeyName(key), keyWidth, { maxSiz: g_limitObj.setLblSiz, minSiz: 10 }),\r\n\t\t}));\r\n\t\tdocument.getElementById(`btn${toCapitalize(key)}`).innerHTML = getKeyName(key);\r\n\r\n\t\tkeyListSprite.appendChild(createCss2Button(`btnView${key}`, ``, evt => {\r\n\t\t\tkeyList.forEach(keyx => {\r\n\t\t\t\tdocument.getElementById(`btnView${keyx}`).classList.replace(g_cssObj.button_Next, g_cssObj.button_Default);\r\n\t\t\t\tdocument.getElementById(`btnView${keyx}`).classList.replace(g_cssObj.button_ON, g_cssObj.button_OFF);\r\n\t\t\t\tdocument.getElementById(`btnView${keyx}`).textContent = ``;\r\n\t\t\t});\r\n\t\t\tdocument.getElementById(`btnView${key}`).classList.replace(g_cssObj.button_Default, g_cssObj.button_Next);\r\n\t\t\tdocument.getElementById(`btnView${key}`).classList.replace(g_cssObj.button_OFF, g_cssObj.button_ON);\r\n\t\t\tselectedKey = key;\r\n\t\t\tevt.target.textContent = `x`;\r\n\t\t\tlblKeyDataView.innerHTML = viewKeyStorage(`keyStorage`, key);\r\n\t\t\tlblKeyDataView.scrollTop = 0;\r\n\t\t\tlblTargetKey.innerHTML = `(${getKeyName(key)})`;\r\n\t\t}, {\r\n\t\t\tx: 0, y: g_limitObj.setLblHeight * (j - 2) + 40, w: 16, h: 20, siz: 12, borderStyle: `solid`\r\n\t\t}, g_cssObj.button_Default, g_cssObj.button_OFF));\r\n\t});\r\n\tdocument.getElementById(`btnView${selectedKey}`).click();\r\n\r\n\t// ユーザカスタムイベント(初期)\r\n\tg_customJsObj.dataMgt.forEach(func => func());\r\n\r\n\tmultiAppend(divRoot,\r\n\t\tcreateCss2Button(`btnBack`, g_lblNameObj.b_back, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.btnResetBack, {\r\n\t\t\t\tresetFunc: () => [`title`, `precondition`].includes(prevPage) ? titleInit() : g_moveSettingWindow(false),\r\n\t\t\t}), g_cssObj.button_Back),\r\n\r\n\t\tcreateCss2Button(`btnPrecond`, g_lblNameObj.b_precond, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.btnPrecond, {\r\n\t\t\t\tresetFunc: () => preconditionInit(),\r\n\t\t\t}), g_cssObj.button_Setting),\r\n\r\n\t\tcreateCss2Button(`btnSafeMode`, g_lblNameObj.b_safeMode +\r\n\t\t\t(g_langStorage.safeMode === C_FLG_ON ? C_FLG_OFF : C_FLG_ON), () => {\r\n\t\t\t\tif (window.confirm(g_msgObj[`safeMode${g_langStorage.safeMode}Confirm`])) {\r\n\t\t\t\t\tg_langStorage.safeMode = g_langStorage.safeMode === C_FLG_ON ? C_FLG_OFF : C_FLG_ON;\r\n\t\t\t\t\tlocalStorage.setItem(`danoni-locale`, JSON.stringify(g_langStorage));\r\n\t\t\t\t\tlocation.reload();\r\n\t\t\t\t}\r\n\t\t\t}, g_lblPosObj.btnSafeMode, g_cssObj.button_Setting),\r\n\r\n\t\tcreateCss2Button(`btnReset`, g_lblNameObj.b_cReset, () => {\r\n\t\t\treloadFlg = false;\r\n\t\t\tconst backupData = new Map();\r\n\r\n\t\t\tconst selectedData = Object.keys(g_stateObj)\r\n\t\t\t\t.filter(key => key.startsWith('dm_') && g_stateObj[key] === C_FLG_ON)\r\n\t\t\t\t.map(key => key.slice(`dm_`.length));\r\n\r\n\t\t\tif (window.confirm(g_msgObj.dataResetConfirm +\r\n\t\t\t\t`\\n\\n${selectedData.map(val => `- ${g_msgObj[val] || g_msgObj.keyTypes.split('{0}').join(val)}`).join(`\\n`)}`)) {\r\n\t\t\t\tselectedData.forEach(key => {\r\n\t\t\t\t\tif (g_resetFunc.has(key)) {\r\n\t\t\t\t\t\tbackupData.set(key, JSON.parse(JSON.stringify(g_localStorageMgt)));\r\n\t\t\t\t\t\tg_resetFunc.get(key)();\r\n\t\t\t\t\t\tlocalStorage.setItem(g_localStorageUrl, JSON.stringify(g_localStorageMgt));\r\n\r\n\t\t\t\t\t} else if (keyList.includes(key)) {\r\n\t\t\t\t\t\tconst storage = parseStorageData(`danonicw-${key}k`);\r\n\r\n\t\t\t\t\t\tif (Object.keys(storage).length > 0) {\r\n\t\t\t\t\t\t\tbackupData.set(key, JSON.parse(JSON.stringify(storage)));\r\n\t\t\t\t\t\t\tg_settings.keyStorages.forEach(val => delete storage[val]);\r\n\t\t\t\t\t\t\tlocalStorage.setItem(`danonicw-${key}k`, JSON.stringify(storage));\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tbackupData.set(`XX` + key, JSON.parse(JSON.stringify(g_localStorageMgt)));\r\n\t\t\t\t\t\t\tg_settings.keyStorages.forEach(val => delete g_localStorageMgt[`${val}${key}`]);\r\n\t\t\t\t\t\t\tlocalStorage.setItem(g_localStorageUrl, JSON.stringify(g_localStorageMgt));\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treloadFlg = true;\r\n\t\t\t\tsessionStorage.setItem(`resetBackup${g_settings.musicIdxNum}`, JSON.stringify(Array.from(backupData.entries())));\r\n\t\t\t}\r\n\t\t}, Object.assign(g_lblPosObj.btnResetN, {\r\n\t\t\tvisibility: g_langStorage.safeMode === C_FLG_OFF ? C_DIS_INHERIT : `hidden`,\r\n\t\t\tresetFunc: () => {\r\n\t\t\t\tif (reloadFlg) {\r\n\t\t\t\t\tlocation.reload();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t}), g_cssObj.button_Reset),\r\n\r\n\t\t// リカバリー用のボタン\r\n\t\tcreateCss2Button(`btnUndo`, g_lblNameObj.b_undo, () => {\r\n\t\t\tconst backup = JSON.parse(sessionStorage.getItem(`resetBackup${g_settings.musicIdxNum}`));\r\n\t\t\tif (backup && window.confirm(g_msgObj.dataRestoreConfirm)) {\r\n\t\t\t\tbackup.forEach(([key, data]) => {\r\n\t\t\t\t\tif (g_resetFunc.has(key) || keyList.includes(key.slice(`XX`.length))) {\r\n\t\t\t\t\t\tObject.assign(g_localStorageMgt, data);\r\n\t\t\t\t\t\tlocalStorage.setItem(g_localStorageUrl, JSON.stringify(g_localStorageMgt));\r\n\t\t\t\t\t} else if (keyList.includes(key)) {\r\n\t\t\t\t\t\tlocalStorage.setItem(`danonicw-${key}k`, JSON.stringify(data));\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tsessionStorage.removeItem(`resetBackup${g_settings.musicIdxNum}`);\r\n\t\t\t\tlocation.reload();\r\n\t\t\t}\r\n\t\t}, g_lblPosObj.btnUndo, g_cssObj.button_Tweet)\r\n\t);\r\n\tif (sessionStorage.getItem(`resetBackup${g_settings.musicIdxNum}`) === null) {\r\n\t\tbtnUndo.style.display = C_DIS_NONE;\r\n\t}\r\n\r\n\t// キー操作イベント（デフォルト）\r\n\tsetShortcutEvent(g_currentPage, () => true, { dfEvtFlg: true });\r\n\r\n\tdocument.oncontextmenu = () => true;\r\n\tdivRoot.oncontextmenu = () => false;\r\n\r\n\tg_skinJsObj.dataMgt.forEach(func => func());\r\n};\r\n\r\n\r\n/*-----------------------------------------------------------*/\r\n/* Scene : PRECONDITION [mango] */\r\n/*-----------------------------------------------------------*/\r\n\r\nconst preconditionInit = () => {\r\n\tclearWindow(true);\r\n\tconst prevPage = g_currentPage;\r\n\tg_currentPage = `precondition`;\r\n\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// 画面タイトル\r\n\t\tgetTitleDivLabel(`lblTitle`,\r\n\t\t\t`PRECONDITION
`\r\n\t\t\t\t.replace(/[\\t\\n]/g, ``), 0, 15, g_cssObj.flex_centering),\r\n\r\n\t\tcreateDivCss2Label(`lblPrecondView`, viewKeyStorage(`g_rootObj`), g_lblPosObj.lblPrecondView),\r\n\t\tcreateCss2Button(`btnPrecondView`, g_lblNameObj.b_copyStorage, () =>\r\n\t\t\tcopyTextToClipboard((() => {\r\n\t\t\t\tconst key = g_settings.preconditions[g_settings.preconditionNum * numOfPrecs + g_settings.preconditionNumSub];\r\n\t\t\t\tif (key === `g_editorTmp2`) {\r\n\t\t\t\t\treturn g_editorTmp2.replaceAll(``, `\\r\\n`).replaceAll(` `, ` `);\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn viewKeyStorage(key, ``, false);\r\n\t\t\t\t}\r\n\t\t\t})(), g_msgInfoObj.I_0007),\r\n\t\t\tg_lblPosObj.btnPrecondView, g_cssObj.button_Default, g_cssObj.button_ON),\r\n\t);\r\n\tsetUserSelect($id(`lblPrecondView`), `text`);\r\n\r\n\t// 1ページあたりに表示するオブジェクト数\r\n\tconst numOfPrecs = Math.round((g_btnWidth(1) / 500) / 2 * 10) * 2;\r\n\r\n\t// ボタン名切り替え\r\n\tconst switchPreconditions = () => {\r\n\t\tg_settings.preconditionNum = nextPos(g_settings.preconditionNum, 1, Math.round(g_settings.preconditions.length / numOfPrecs) + 1);\r\n\t\tfor (let j = 0; j < Math.min(g_settings.preconditions.length, numOfPrecs); j++) {\r\n\t\t\tif (g_settings.preconditionNum * numOfPrecs + j < g_settings.preconditions.length) {\r\n\t\t\t\tdocument.getElementById(`btnPrecond${j}`).innerHTML =\r\n\t\t\t\t\tg_settings.preconditions[g_settings.preconditionNum * numOfPrecs + j];\r\n\t\t\t\tdocument.getElementById(`btnPrecond${j}`).style.visibility = `visible`;\r\n\t\t\t} else {\r\n\t\t\t\tdocument.getElementById(`btnPrecond${j}`).style.visibility = `hidden`;\r\n\t\t\t}\r\n\t\t}\r\n\t\tbtnPrecond0.click();\r\n\t};\r\n\r\n\t// オブジェクト表示ボタンの作成\r\n\tfor (let j = 0; j < Math.min(g_settings.preconditions.length, numOfPrecs); j++) {\r\n\t\tdivRoot.appendChild(createCss2Button(`btnPrecond${j}`, g_settings.preconditions[j], evt => {\r\n\t\t\tfor (let k = 0; k < Math.min(g_settings.preconditions.length, numOfPrecs); k++) {\r\n\t\t\t\tdocument.getElementById(`btnPrecond${k}`).classList.replace(g_cssObj.button_Reset, g_cssObj.button_Default);\r\n\t\t\t}\r\n\t\t\tlblPrecondView.innerHTML = viewKeyStorage(g_settings.preconditions[g_settings.preconditionNum * numOfPrecs + j]);\r\n\t\t\tlblPrecondView.scrollTop = 0;\r\n\t\t\tg_settings.preconditionNumSub = j;\r\n\t\t\tevt.target.classList.replace(g_cssObj.button_Default, g_cssObj.button_Reset);\r\n\t\t}, {\r\n\t\t\tx: g_btnX() + g_btnWidth((j % (numOfPrecs / 2)) / (numOfPrecs / 2 + 1)),\r\n\t\t\ty: 70 + Number(j >= numOfPrecs / 2) * 20, w: g_btnWidth(1 / (numOfPrecs / 2 + 1)), h: 20, siz: 12,\r\n\t\t}, g_cssObj.button_Default));\r\n\t}\r\n\tbtnPrecond0.classList.replace(g_cssObj.button_Default, g_cssObj.button_Reset);\r\n\r\n\t// 次のオブジェクト表示群の表示\r\n\tdivRoot.appendChild(createCss2Button(`btnPrecondNext`, `>`, () => switchPreconditions(), {\r\n\t\tx: g_btnX() + g_btnWidth(numOfPrecs / 2 / (numOfPrecs / 2 + 1)),\r\n\t\ty: 70, w: g_btnWidth(1 / Math.max((numOfPrecs / 2 + 1), 12)), h: 40, siz: 12,\r\n\t\tvisibility: (g_settings.preconditions.length > numOfPrecs ? `visible` : `hidden`),\r\n\t}, g_cssObj.button_Setting));\r\n\r\n\t// ユーザカスタムイベント(初期)\r\n\tg_customJsObj.precondition.forEach(func => func());\r\n\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// データ管理画面へ移動\r\n\t\tcreateCss2Button(`btnReset`, g_lblNameObj.dataReset, () => {\r\n\t\t\tdataMgtInit();\r\n\t\t}, g_lblPosObj.btnReset, g_cssObj.button_Reset),\r\n\r\n\t\tcreateCss2Button(`btnBack`, g_lblNameObj.b_back, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.btnPrecond, {\r\n\t\t\t\tresetFunc: () => {\r\n\t\t\t\t\tviewKeyStorage.cache = new Map();\r\n\t\t\t\t\tprevPage === `dataMgt` ? dataMgtInit() : g_moveSettingWindow(false);\r\n\t\t\t\t},\r\n\t\t\t}), g_cssObj.button_Back),\r\n\t);\r\n\t// キー操作イベント（デフォルト）\r\n\tsetShortcutEvent(g_currentPage, () => true, { dfEvtFlg: true });\r\n\r\n\tdocument.oncontextmenu = () => true;\r\n\tdivRoot.oncontextmenu = () => true;\r\n\r\n\tg_skinJsObj.precondition.forEach(func => func());\r\n};\r\n\r\n/*-----------------------------------------------------------*/\r\n/* Scene : SETTINGS [lime] */\r\n/*-----------------------------------------------------------*/\r\n\r\nconst commonSettingBtn = _labelName => {\r\n\r\n\tconst switchSave = evt => {\r\n\t\tconst from = boolToSwitch(g_stateObj.dataSaveFlg);\r\n\t\tg_stateObj.dataSaveFlg = !g_stateObj.dataSaveFlg;\r\n\r\n\t\tconst to = boolToSwitch(g_stateObj.dataSaveFlg);\r\n\t\tevt.target.classList.replace(g_cssObj[`button_${from}`], g_cssObj[`button_${to}`]);\r\n\t};\r\n\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// タイトル画面へ戻る\r\n\t\tcreateCss2Button(`btnBack`, g_lblNameObj.b_back, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.btnBack, {\r\n\t\t\t\tanimationName: (g_initialFlg ? `` : `smallToNormalY`), resetFunc: () => titleInit(),\r\n\t\t\t}), g_cssObj.button_Back),\r\n\r\n\t\t// キーコンフィグ画面へ移動\r\n\t\tcreateCss2Button(`btnKeyConfig`, g_lblNameObj.b_keyConfig, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.btnKeyConfig, {\r\n\t\t\t\tanimationName: (g_initialFlg ? `` : `smallToNormalY`), resetFunc: () => keyConfigInit(`Main`),\r\n\t\t\t}), g_cssObj.button_Setting),\r\n\r\n\t\t// プレイ開始\r\n\t\tmakePlayButton(() => loadMusic()),\r\n\r\n\t\t// Display設定へ移動\r\n\t\tcreateCss2Button(`btn${_labelName}`, `>`, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.btnSwitchSetting, {\r\n\t\t\t\ttitle: g_msgObj[`to${_labelName}`], resetFunc: () => g_moveSettingWindow(),\r\n\t\t\t\tcxtFunc: () => g_moveSettingWindow(true, -1),\r\n\t\t\t}), g_cssObj.button_Mini),\r\n\r\n\t\t// データセーブフラグの切替\r\n\t\tcreateCss2Button(`btnSave`, g_lblNameObj.dataSave, evt => switchSave(evt),\r\n\t\t\tObject.assign(g_lblPosObj.btnSave, {\r\n\t\t\t\tcxtFunc: evt => switchSave(evt),\r\n\t\t\t\tvisibility: g_langStorage.safeMode === C_FLG_OFF ? C_DIS_INHERIT : `hidden`,\r\n\t\t\t}), g_cssObj.button_Default, (g_stateObj.dataSaveFlg ? g_cssObj.button_ON : g_cssObj.button_OFF)),\r\n\r\n\t\t// データ管理画面へ移動\r\n\t\tcreateCss2Button(`btnReset`, g_lblNameObj.dataReset, () => {\r\n\t\t\tdataMgtInit();\r\n\t\t}, g_lblPosObj.btnReset, g_cssObj.button_Reset),\r\n\r\n\t\t// 前提条件表示用画面へ移動（debug=trueの場合のみ）\r\n\t\tcreateCss2Button(`btnPrecond`, g_lblNameObj.b_precond, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.btnPrecond, {\r\n\t\t\t\tresetFunc: () => preconditionInit(),\r\n\t\t\t}), g_cssObj.button_Setting),\r\n\t);\r\n};\r\n\r\n/**\r\n * PLAYボタンの作成\r\n * @param {function} _func \r\n * @returns {HTMLDivElement}\r\n */\r\nconst makePlayButton = _func => createCss2Button(`btnPlay`, g_lblNameObj.b_play, () => true,\r\n\tObject.assign(g_lblPosObj.btnPlay, {\r\n\t\tanimationName: (g_initialFlg ? `` : `smallToNormalY`), resetFunc: _func,\r\n\t}), g_cssObj.button_Next);\r\n\r\n/**\r\n * 設定・オプション画面初期化\r\n */\r\nconst optionInit = () => {\r\n\r\n\tclearWindow(true);\r\n\tconst divRoot = document.getElementById(`divRoot`);\r\n\tg_currentPage = `option`;\r\n\tg_stateObj.filterKeys = ``;\r\n\r\n\t// 楽曲データの表示\r\n\tconst text = getMusicInfoView();\r\n\tdivRoot.appendChild(createDivCss2Label(`lblMusicInfo`, text,\r\n\t\tObject.assign({ siz: getFontSize2(text, g_btnWidth(3 / 4), { maxSiz: 12 }) }, g_lblPosObj.lblMusicInfo)));\r\n\r\n\t// タイトル文字描画\r\n\tdivRoot.appendChild(getTitleDivLabel(`lblTitle`, g_lblNameObj.settings, 0, 15, `settings_Title`));\r\n\r\n\t// オプションボタン用の設置\r\n\tcreateOptionWindow(divRoot);\r\n\r\n\t// ユーザカスタムイベント(初期)\r\n\tg_customJsObj.option.forEach(func => func());\r\n\r\n\t// ボタン描画\r\n\tcommonSettingBtn(`Display`);\r\n\r\n\t// キー操作イベント（デフォルト）\r\n\tsetShortcutEvent(g_currentPage, () => true, { dfEvtFlg: true });\r\n\tdocument.oncontextmenu = () => true;\r\n\tg_initialFlg = true;\r\n\r\n\tg_skinJsObj.option.forEach(func => func());\r\n};\r\n\r\n/**\r\n * 設定画面に表示する楽曲・BPM情報の取得\r\n * @returns {string}\r\n */\r\nconst getMusicInfoView = () => {\r\n\tconst idx = g_headerObj.musicNos[g_stateObj.scoreId] || 0;\r\n\tlet text = `♪` + (g_headerObj.musicSelectUse ? `${unEscapeHtml(g_headerObj.musicTitles[idx])} / ` : ``) +\r\n\t\t`BPM: ${g_headerObj.bpms[idx]}`;\r\n\tif (!g_headerObj.musicSelectUse && g_headerObj.bpms[idx] === `----`) {\r\n\t\ttext = ``;\r\n\t}\r\n\treturn text;\r\n};\r\n\r\n/**\r\n * 設定画面用スプライトリストの作成\r\n * @param {object} _settingList (設定名、縦位置、縦位置差分、幅差分、高さ差分)を設定別にリスト化\r\n * @returns\r\n */\r\nconst setSpriteList = _settingList => {\r\n\tconst optionWidth = (g_sWidth - 450) / 2;\r\n\tconst spriteList = [];\r\n\tObject.keys(_settingList).forEach(setting =>\r\n\t\tspriteList[setting] = createEmptySprite(optionsprite, `${setting}Sprite`, {\r\n\t\t\tx: 25, y: _settingList[setting].heightPos * g_limitObj.setLblHeight + _settingList[setting].y + 20,\r\n\t\t\tw: optionWidth + _settingList[setting].dw, h: g_limitObj.setLblHeight + _settingList[setting].dh,\r\n\t\t}));\r\n\treturn spriteList;\r\n};\r\n\r\n/**\r\n * スライダー共通処理 (Fadein, Appearance)\r\n * @param {HTMLInputElement} _slider \r\n * @param {HTMLDivElement} _link \r\n * @param {string} _type \r\n * @returns {string}\r\n */\r\nconst inputSlider = (_slider, _link, _type) => {\r\n\tconst value = parseInt(_slider.value);\r\n\t_link.textContent = g_sliderView.get(_type)(value);\r\n\treturn value;\r\n};\r\n\r\n/**\r\n * 譜面変更セレクターの削除\r\n */\r\nconst resetDifWindow = () => {\r\n\tif (document.getElementById(`difList`) !== null) {\r\n\t\tdeleteChildspriteAll(`difList`);\r\n\t\t[`difList`, `difCover`, `btnDifU`, `btnDifD`].forEach(obj => document.getElementById(obj).remove());\r\n\t\tg_currentPage = `option`;\r\n\t\tsetShortcutEvent(g_currentPage, () => true, { displayFlg: false, dfEvtFlg: true });\r\n\t}\r\n};\r\n\r\n/**\r\n * 次の譜面番号を取得 \r\n * @param {number} _scoreId \r\n * @param {number} _scrollNum \r\n * @returns {number}\r\n */\r\nconst getNextDifficulty = (_scoreId, _scrollNum) => {\r\n\tconst currentPosIdx = g_headerObj.viewLists.findIndex(val => val === _scoreId);\r\n\tconst nextPosIdx = (currentPosIdx === -1 ? 0 : nextPos(currentPosIdx, _scrollNum, g_headerObj.viewLists.length));\r\n\treturn g_headerObj.viewLists[nextPosIdx];\r\n};\r\n\r\n/**\r\n * 譜面選択処理\r\n * @param {number} _scrollNum \r\n */\r\nconst nextDifficulty = (_scrollNum = 1) => {\r\n\tg_keyObj.prevKey = g_headerObj.keyLabels[g_stateObj.scoreId];\r\n\tg_stateObj.scoreId = getNextDifficulty(g_stateObj.scoreId, _scrollNum);\r\n\tsetDifficulty(true);\r\n\tresetDifWindow();\r\n};\r\n\r\n/**\r\n * 譜面リストの作成\r\n * @param {HTMLDivElement} _difList \r\n * @param {string} _targetKey \r\n */\r\nconst makeDifList = (_difList, _targetKey = ``) => {\r\n\tlet k = 0, pos = 0, curk = -1;\r\n\tg_headerObj.viewLists.forEach(j => {\r\n\t\tconst keyLabel = g_headerObj.keyLabels[j];\r\n\t\tif (_targetKey === `` || keyLabel === _targetKey) {\r\n\t\t\tlet text = `${getKeyName(keyLabel)} / ${g_headerObj.difLabels[j]}`;\r\n\t\t\tif (g_headerObj.makerView) {\r\n\t\t\t\ttext += ` (${g_headerObj.creatorNames[j]})`;\r\n\t\t\t}\r\n\t\t\t_difList.appendChild(makeDifLblCssButton(`dif${k}`, text, k, () => nextDifficulty(j - g_stateObj.scoreId),\r\n\t\t\t\t{ btnStyle: (j === g_stateObj.scoreId ? `Setting` : `Default`) }));\r\n\t\t\tif (j === g_stateObj.scoreId) {\r\n\t\t\t\tpos = k + 6.5 * (g_sHeight - 239) / 261;\r\n\t\t\t\tcurk = k;\r\n\t\t\t}\r\n\t\t\tk++;\r\n\t\t}\r\n\t});\r\n\tif (document.getElementById(`lblDifCnt`) === null) {\r\n\t\tdifCover.appendChild(createDivCss2Label(`lblDifCnt`, ``, {\r\n\t\t\tx: 0, y: 27, w: g_limitObj.difCoverWidth, h: 16, siz: 12, fontWeight: `bold`,\r\n\t\t}));\r\n\t}\r\n\t// フィルタなし> ALL: 1/ 5, フィルタあり> 7k: 1/ 1 のように現在位置と(フィルタされた)譜面数を表示\r\n\t// 現在位置が不確定の場合は、7k: -/ 1 のように現在位置を「-」で表示\r\n\tconst keyUnitAbbName = getStgDetailName(getKeyUnitName(_targetKey)).slice(0, 1) || ``;\r\n\tlblDifCnt.innerHTML = `${_targetKey === '' ? 'ALL' : getKeyName(_targetKey) + keyUnitAbbName}: ${curk === -1 ? '-' : curk + 1} / ${k}`;\r\n\t_difList.scrollTop = Math.max(pos * g_limitObj.setLblHeight - parseInt(_difList.style.height), 0);\r\n};\r\n\r\n/**\r\n * 譜面セレクター位置の変更ボタン\r\n * @param {number} _scrollNum \r\n */\r\nconst makeDifBtn = (_scrollNum = 1) => {\r\n\tconst dir = _scrollNum === 1 ? `D` : `U`;\r\n\treturn createCss2Button(`btnDif${dir}`, g_settingBtnObj.chara[dir], () => {\r\n\t\tdo {\r\n\t\t\tg_stateObj.scoreId = getNextDifficulty(g_stateObj.scoreId, _scrollNum);\r\n\t\t} while (g_stateObj.filterKeys !== `` && g_stateObj.filterKeys !== g_headerObj.keyLabels[g_stateObj.scoreId]);\r\n\t\tsetDifficulty(true);\r\n\t\tdeleteChildspriteAll(`difList`);\r\n\t\tmakeDifList(difList, g_stateObj.filterKeys);\r\n\t\tg_keyObj.prevKey = g_keyObj.currentKey;\r\n\t}, {\r\n\t\tx: 430 + _scrollNum * 10, y: 40, w: 20, h: 20, siz: g_limitObj.jdgCntsSiz,\r\n\t}, g_cssObj.button_Mini);\r\n};\r\n\r\n/**\r\n * 譜面変更セレクターの作成・再作成\r\n * @param {string} [_key=''] 絞り込みするキー名(無指定で絞り込みしない)\r\n */\r\nconst createDifWindow = (_key = ``) => {\r\n\tg_currentPage = `difSelector`;\r\n\tsetShortcutEvent(g_currentPage);\r\n\tconst difList = createEmptySprite(optionsprite, `difList`, g_windowObj.difList, g_cssObj.settings_DifSelector);\r\n\tconst difCover = createEmptySprite(optionsprite, `difCover`, g_windowObj.difCover, g_cssObj.settings_DifSelector);\r\n\tconst difFilter = createEmptySprite(difCover, `difFilter`, g_windowObj.difFilter, g_cssObj.settings_DifSelector)\r\n\r\n\t// リスト再作成\r\n\tmakeDifList(difList, _key);\r\n\r\n\t// ランダム選択\r\n\tdifCover.appendChild(\r\n\t\tmakeDifLblCssButton(`difRandom`, `RANDOM`, 0, () => {\r\n\t\t\tnextDifficulty(Math.floor(Math.random() * g_headerObj.keyLabels.length));\r\n\t\t}, { w: g_limitObj.difCoverWidth })\r\n\t);\r\n\r\n\t// 全リスト\r\n\tdifCover.appendChild(\r\n\t\tmakeDifLblCssButton(`keyFilter`, `ALL`, 1.9, () => {\r\n\t\t\tresetDifWindow();\r\n\t\t\tg_stateObj.filterKeys = ``;\r\n\t\t\tcreateDifWindow();\r\n\t\t}, { w: g_limitObj.difCoverWidth, btnStyle: (g_stateObj.filterKeys === `` ? `Setting` : `Default`) })\r\n\t);\r\n\r\n\t// キー別フィルタボタン作成\r\n\tlet pos = 0;\r\n\tg_headerObj.viewKeyLists.forEach((targetKey, m) => {\r\n\t\tdifFilter.appendChild(\r\n\t\t\tmakeDifLblCssButton(`keyFilter${m}`, `${getKeyName(targetKey)} ${getStgDetailName(getKeyUnitName(targetKey))}`, m, () => {\r\n\t\t\t\tresetDifWindow();\r\n\t\t\t\tg_stateObj.filterKeys = targetKey;\r\n\t\t\t\tcreateDifWindow(targetKey);\r\n\t\t\t}, { w: g_limitObj.difCoverWidth, btnStyle: (g_stateObj.filterKeys === targetKey ? `Setting` : `Default`) })\r\n\t\t);\r\n\t\tif (g_stateObj.filterKeys === targetKey) {\r\n\t\t\tpos = m + 5 * (g_sHeight - 300) / 200;\r\n\t\t}\r\n\t});\r\n\tdifFilter.scrollTop = Math.max(pos * g_limitObj.setLblHeight - parseInt(difFilter.style.height), 0);\r\n\r\n\tmultiAppend(optionsprite, makeDifBtn(-1), makeDifBtn());\r\n};\r\n\r\n/**\r\n * 譜面変更ボタンを押したときの処理\r\n * @param {number} [_num=1] \r\n */\r\nconst changeDifficulty = (_num = 1) => {\r\n\tif (g_headerObj.difSelectorUse) {\r\n\t\tg_stateObj.filterKeys = ``;\r\n\t\tif (document.getElementById(`difList`) === null) {\r\n\t\t\tg_keyObj.prevKey = g_keyObj.currentKey;\r\n\t\t\tcreateDifWindow();\r\n\t\t} else {\r\n\t\t\tresetDifWindow();\r\n\t\t}\r\n\t} else {\r\n\t\tnextDifficulty(_num);\r\n\t}\r\n};\r\n\r\n/**\r\n * 譜面基礎データの取得\r\n * @param {number} _scoreId \r\n * @returns {{ arrowCnts: number, frzCnts: number, apm: number, playingTime: string }}\r\n */\r\nconst getScoreBaseData = _scoreId => {\r\n\tconst arrowCnts = sumData(g_detailObj.arrowCnt[_scoreId]);\r\n\tconst frzCnts = sumData(g_detailObj.frzCnt[_scoreId]);\r\n\treturn {\r\n\t\tarrowCnts: arrowCnts,\r\n\t\tfrzCnts: frzCnts,\r\n\t\tapm: Math.round((arrowCnts + frzCnts) / (g_detailObj.playingFrame[_scoreId] / g_fps / 60)),\r\n\t\tplayingTime: transFrameToTimer(g_detailObj.playingFrame[_scoreId]),\r\n\t};\r\n};\r\n\r\n/**\r\n * 速度変化グラフの描画\r\n * @param {number} _scoreId\r\n */\r\nconst drawSpeedGraph = _scoreId => {\r\n\tconst startFrame = g_detailObj.startFrame[_scoreId];\r\n\tconst playingFrame = g_detailObj.playingFrameWithBlank[_scoreId];\r\n\tconst speedObj = {\r\n\t\tspeed: { frame: [0], speed: [1], cnt: 0, strokeColor: g_graphColorObj.speed },\r\n\t\tboost: { frame: [0], speed: [1], cnt: 0, strokeColor: g_graphColorObj.boost }\r\n\t};\r\n\r\n\tObject.keys(speedObj).forEach(speedType => {\r\n\t\tconst frame = speedObj[speedType].frame;\r\n\t\tconst speed = speedObj[speedType].speed;\r\n\t\tconst speedData = g_detailObj[`${speedType}Data`][_scoreId];\r\n\r\n\t\tfor (let i = 0; i < speedData?.length; i += 2) {\r\n\t\t\tif (speedData[i] >= startFrame) {\r\n\t\t\t\tframe.push(speedData[i] - startFrame);\r\n\t\t\t\tspeed.push(speedData[i + 1]);\r\n\t\t\t}\r\n\t\t\tspeedObj[speedType].cnt++;\r\n\t\t}\r\n\t\tframe.push(playingFrame);\r\n\t\tspeed.push(speed.at(-1));\r\n\t});\r\n\r\n\tconst canvas = document.getElementById(`graphSpeed`);\r\n\tconst context = canvas.getContext(`2d`);\r\n\tconst [_a, _b] = [-75, 100];\r\n\tconst [_min, _max] = [-0.2, 2.2];\r\n\tdrawBaseLine(context, { _fixed: 1, _mark: `x`, _a, _b, _min, _max });\r\n\r\n\tconst avgX = [0, 0];\r\n\tconst avgSubX = [0, 0];\r\n\tconst lineX = [0, 150], lineY = 208;\r\n\tObject.keys(speedObj).forEach((speedType, j) => {\r\n\t\tconst frame = speedObj[speedType].frame;\r\n\t\tconst speed = speedObj[speedType].speed;\r\n\r\n\t\tcontext.beginPath();\r\n\t\tlet preY;\r\n\t\tlet avgSubFrame = 0;\r\n\r\n\t\tfor (let i = 0; i < frame.length; i++) {\r\n\t\t\tconst x = frame[i] * (g_limitObj.graphWidth - 30) / playingFrame + 30;\r\n\t\t\tconst y = (Math.min(Math.max(speed[i], _min - 0.05), _max + 0.05) - 1) * _a + _b;\r\n\r\n\t\t\tcontext.lineTo(x, preY);\r\n\t\t\tcontext.lineTo(x, y);\r\n\t\t\tpreY = y;\r\n\r\n\t\t\tconst deltaFrame = frame[i] - (frame[i - 1] ?? startFrame);\r\n\t\t\tavgX[j] += deltaFrame * (speed[i - 1] ?? 1);\r\n\t\t\tif ((speed[i - 1] ?? 1) !== 1) {\r\n\t\t\t\tavgSubFrame += deltaFrame;\r\n\t\t\t\tavgSubX[j] += deltaFrame * (speed[i - 1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\tavgX[j] /= playingFrame;\r\n\t\tavgSubX[j] /= Math.max(avgSubFrame, 1);\r\n\r\n\t\tcontext.lineWidth = 2;\r\n\t\tcontext.strokeStyle = speedObj[speedType].strokeColor;\r\n\t\tcontext.stroke();\r\n\r\n\t\tcontext.beginPath();\r\n\t\tcontext.moveTo(lineX[j], lineY);\r\n\t\tcontext.lineTo(lineX[j] + 25, lineY);\r\n\t\tcontext.stroke();\r\n\t\tcontext.font = `${wUnit(g_limitObj.mainSiz)} ${getBasicFont()}`;\r\n\t\tcontext.fillText(g_lblNameObj[`s_${speedType}`], lineX[j] + 30, lineY + 3);\r\n\r\n\t\tconst maxSpeed = Math.max(...speed);\r\n\t\tconst minSpeed = Math.min(...speed);\r\n\t\tcontext.font = `${wUnit(g_limitObj.graphMiniSiz)} ${getBasicFont()}`;\r\n\t\tcontext.fillText(`(${minSpeed.toFixed(2)}x` + (minSpeed === maxSpeed ? `` : ` -- ${Math.max(...speed).toFixed(2)}x`) + `)`, lineX[j] + 30, lineY + 16);\r\n\t\tcontext.fillText(`Avg. ` + (avgX[j] === 1 ? `----` : `${(avgSubX[j]).toFixed(2)}x`), lineX[j] + 30, lineY + 29);\r\n\t\tupdateScoreDetailLabel(`Speed`, `${speedType}S`, speedObj[speedType].cnt, j, g_lblNameObj[`s_${speedType}`]);\r\n\t});\r\n\tupdateScoreDetailLabel(`Speed`, `avgS`, `${(avgX[0] * avgX[1]).toFixed(2)}x`, 2, g_lblNameObj.s_avg);\r\n};\r\n\r\n/**\r\n * 譜面密度グラフの描画\r\n * @param {number} _scoreId \r\n */\r\nconst drawDensityGraph = _scoreId => {\r\n\r\n\tconst canvas = document.getElementById(`graphDensity`);\r\n\tconst context = canvas.getContext(`2d`);\r\n\tdrawBaseLine(context);\r\n\tfor (let j = 0; j < g_limitObj.densityDivision; j++) {\r\n\t\tcontext.beginPath();\r\n\t\t[``, `2Push`, `3Push`].forEach(val => {\r\n\t\t\tcontext.fillStyle = (g_detailObj.maxDensity[_scoreId].includes(j) ? g_graphColorObj[`max${val}`] : g_graphColorObj[`default${val}`]);\r\n\t\t\tcontext.fillRect(16 * j * 16 / g_limitObj.densityDivision + 30, 195 - 9 * g_detailObj[`density${val}Data`][_scoreId][j] / 10,\r\n\t\t\t\t15.5 * 16 / g_limitObj.densityDivision, 9 * g_detailObj[`density${val}Diff`][_scoreId][j] / 10\r\n\t\t\t);\r\n\t\t});\r\n\t\tcontext.stroke();\r\n\t}\r\n\r\n\tconst lineNames = [`Single`, `Chord`, `Triad+`];\r\n\tObject.keys(g_graphColorObj).filter(val => val.indexOf(`max`) !== -1).forEach((val, j) => {\r\n\t\tconst lineX = 70 + j * 70;\r\n\r\n\t\tcontext.beginPath();\r\n\t\tcontext.lineWidth = 3;\r\n\t\tcontext.fillStyle = g_rankObj.rankColorAllPerfect;\r\n\t\tcontext.strokeStyle = g_graphColorObj[val];\r\n\t\tcontext.moveTo(lineX, 215);\r\n\t\tcontext.lineTo(lineX + 20, 215);\r\n\t\tcontext.stroke();\r\n\t\tcontext.font = `${wUnit(g_limitObj.difSelectorSiz)} ${getBasicFont()}`;\r\n\t\tcontext.fillText(lineNames[j], lineX + 20, 218);\r\n\t});\r\n\r\n\tconst obj = getScoreBaseData(_scoreId);\r\n\tupdateScoreDetailLabel(`Density`, `APM`, obj.apm, 0, g_lblNameObj.s_apm);\r\n\tupdateScoreDetailLabel(`Density`, `Time`, obj.playingTime, 1, g_lblNameObj.s_time);\r\n\tupdateScoreDetailLabel(`Density`, `Arrow`, obj.arrowCnts, 3, g_lblNameObj.s_arrow);\r\n\tupdateScoreDetailLabel(`Density`, `Frz`, obj.frzCnts, 4, `${g_lblNameObj.s_frz}${g_headerObj.frzStartjdgUse ? ' (2x)' : ''}`);\r\n};\r\n\r\n/**\r\n * 譜面明細内の補足情報の登録・更新\r\n * @param {string} _name 表示する譜面明細のラベル\r\n * @param {string} _label \r\n * @param {string} _value \r\n * @param {number} [_pos=0] 表示位置\r\n * @param {string} [_labelname=_label]\r\n */\r\nconst updateScoreDetailLabel = (_name, _label, _value, _pos = 0, _labelname = _label) => {\r\n\tconst baseLabel = (_bLabel, _bLabelname, _bAlign) =>\r\n\t\tdocument.getElementById(`detail${_name}`).appendChild(\r\n\t\t\tcreateDivCss2Label(_bLabel, _bLabelname, {\r\n\t\t\t\tx: 10, y: 110 + _pos * 20, w: 100, h: 20, siz: g_limitObj.difSelectorSiz, align: _bAlign,\r\n\t\t\t})\r\n\t\t);\r\n\tif (document.getElementById(`data${_label}`) === null) {\r\n\t\tbaseLabel(`lbl${_label}`, `${_labelname}`, C_ALIGN_LEFT);\r\n\t\tbaseLabel(`data${_label}`, `${_value}`, C_ALIGN_RIGHT);\r\n\t} else {\r\n\t\tdocument.getElementById(`data${_label}`).textContent = `${_value}`;\r\n\t}\r\n};\r\n\r\n/**\r\n * グラフの縦軸を描画\r\n * @param {CanvasRenderingContext2D} _context \r\n * @param {number} [object._fixed=2] y座標）目盛表記する小数桁数\r\n * @param {string} [object._mark=''] y座標）目盛の単位\r\n * @param {number} [object._resolution=10] y座標）明細分割数\r\n * @param {number} [object._a=-90]\r\n * @param {number} [object._b=105]\r\n * @param {number} [object._min=0] y座標）目盛の下限値\r\n * @param {number} [object._max=2] y座標）目盛の上限値\r\n */\r\nconst drawBaseLine = (_context, { _fixed = 2, _mark = ``, _resolution = 10, _a = -90, _b = 105, _min = 0, _max = 2 } = {}) => {\r\n\t_context.clearRect(0, 0, g_limitObj.graphWidth, g_limitObj.graphHeight);\r\n\r\n\tfor (let j = _min * _resolution; j <= _max * _resolution; j += 5) {\r\n\t\tfor (let k = 0; k < 5; k++) {\r\n\t\t\tif ((j + k) % 5 === 0) {\r\n\t\t\t\tdrawLine(_context, (j + k) / _resolution, `main`, { _fixed, _mark, _a, _b });\r\n\t\t\t} else {\r\n\t\t\t\tdrawLine(_context, (j + k) / _resolution, `sub`, { _fixed, _mark, _a, _b });\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * グラフ上に目盛を表示\r\n * @param {CanvasRenderingContext2D} _context \r\n * @param {number} _y \r\n * @param {string} _lineType \r\n * @param {number} [object._fixed] y座標）目盛表記する小数桁数\r\n * @param {string} [object._mark] y座標）目盛の単位\r\n * @param {number} [object._a]\r\n * @param {number} [object._b]\r\n */\r\nconst drawLine = (_context, _y, _lineType, { _fixed, _mark, _a, _b } = {}) => {\r\n\tconst lineY = (_y - 1) * _a + _b;\r\n\t_context.beginPath();\r\n\t_context.moveTo(30, lineY);\r\n\t_context.lineTo(g_limitObj.graphWidth, lineY);\r\n\t_context.lineWidth = 1;\r\n\r\n\tif (_lineType === `main`) {\r\n\t\tconst textBaseObj = document.getElementById(`lnkDifficulty`);\r\n\t\tconst textColor = window.getComputedStyle(textBaseObj, ``).color;\r\n\t\t_context.strokeStyle = textColor;\r\n\t\t_context.font = `${wUnit(12)} ${getBasicFont()}`;\r\n\t\t_context.fillStyle = textColor;\r\n\t\t_context.fillText(_y.toFixed(_fixed) + _mark, 2, lineY + 4);\r\n\t} else {\r\n\t\t_context.strokeStyle = `#646464`;\r\n\t}\r\n\t_context.stroke();\r\n};\r\n\r\n/**\r\n * 譜面の難易度情報用ラベル作成\r\n * @param {number} _scoreId \r\n */\r\nconst makeDifInfoLabels = _scoreId => {\r\n\r\n\t// ツール難易度\r\n\tconst detailToolDif = document.getElementById(`detailToolDif`);\r\n\t/**\r\n\t * 譜面の難易度情報ラベルの作成\r\n\t * @param {string} _lbl \r\n\t * @param {string} _data \r\n\t * @param {object} _obj \r\n\t * @returns {HTMLDivElement}\r\n\t */\r\n\tconst makeDifInfoLabel = (_lbl, _data, { x = 130, y = 25, w = 125, h = 35, siz = g_limitObj.difSelectorSiz, ...rest } = {}) =>\r\n\t\tcreateDivCss2Label(_lbl, _data, { x, y, w, h, siz, align: C_ALIGN_LEFT, ...rest });\r\n\r\n\tlet printData = ``;\r\n\tfor (let j = 0; j < g_detailObj.arrowCnt.length; j++) {\r\n\t\tconst obj = getScoreBaseData(j);\r\n\t\tprintData +=\r\n\t\t\t// 譜面番号\r\n\t\t\t`[${j + 1}]\\t` +\r\n\t\t\t// ツール値\r\n\t\t\t`${g_detailObj.toolDif[j].tool}\\t` +\r\n\t\t\t// 同時\r\n\t\t\t`${g_detailObj.toolDif[j].douji}\\t` +\r\n\t\t\t// 縦連\r\n\t\t\t`${g_detailObj.toolDif[j].tate}\\t` +\r\n\t\t\t// 総矢印数\r\n\t\t\t`${(obj.arrowCnts + obj.frzCnts)}\\t` +\r\n\t\t\t// 矢印\r\n\t\t\t`${obj.arrowCnts}\\t` +\r\n\t\t\t// フリーズアロー\r\n\t\t\t`${obj.frzCnts}\\t` +\r\n\t\t\t// APM\r\n\t\t\t`${obj.apm}\\t` +\r\n\t\t\t// 時間(分秒)\r\n\t\t\t`${obj.playingTime}\\r\\n`;\r\n\t}\r\n\tmultiAppend(detailToolDif,\r\n\t\tmakeDifInfoLabel(`lblTooldif`, g_lblNameObj.s_level, g_lblPosObj.lblTooldif),\r\n\t\tmakeDifInfoLabel(`dataTooldif`, ``, g_lblPosObj.dataTooldif),\r\n\t\tmakeDifInfoLabel(`lblDouji`, g_lblNameObj.s_douji, g_lblPosObj.lblDouji),\r\n\t\tmakeDifInfoLabel(`lblTate`, g_lblNameObj.s_tate, g_lblPosObj.lblTate),\r\n\t\tmakeDifInfoLabel(`dataDouji`, ``, g_lblPosObj.dataDouji),\r\n\t\tmakeDifInfoLabel(`dataTate`, ``, g_lblPosObj.dataTate),\r\n\t\tmakeDifInfoLabel(`lblArrowInfo`, g_lblNameObj.s_cnts, g_lblPosObj.lblArrowInfo),\r\n\t\tmakeDifInfoLabel(`dataArrowInfo`, ``, g_lblPosObj.dataArrowInfo),\r\n\t\tmakeDifInfoLabel(`lblArrowInfo2`, ``, g_lblPosObj.lblArrowInfo2),\r\n\t\tmakeDifInfoLabel(`dataArrowInfo2`, ``, g_lblPosObj.dataArrowInfo2),\r\n\t\tmakeDifLblCssButton(`lnkDifInfo`, g_lblNameObj.s_print, 8, () => {\r\n\t\t\tcopyTextToClipboard(\r\n\t\t\t\t`****** ${g_lblNameObj.s_printTitle} [${g_version}] ******\\r\\n\\r\\n`\r\n\t\t\t\t+ `\\t${g_lblNameObj.s_printHeader}\\r\\n\\r\\n${printData}`, g_msgInfoObj.I_0003\r\n\t\t\t);\r\n\t\t}, g_lblPosObj.lnkDifInfo),\r\n\t);\r\n\tcreateScText(lnkDifInfo, `DifInfo`, { targetLabel: `lnkDifInfo`, x: -10 });\r\n};\r\n\r\n/**\r\n * 譜面の難易度情報更新\r\n * @param {number} _scoreId \r\n */\r\nconst makeDifInfo = _scoreId => {\r\n\r\n\tconst arrowCnts = sumData(g_detailObj.arrowCnt[_scoreId]);\r\n\tconst frzCnts = sumData(g_detailObj.frzCnt[_scoreId].map(val => Math.floor(val)));\r\n\tconst push3CntStr = (g_detailObj.toolDif[_scoreId].push3.length === 0 ? `None` : `(${g_detailObj.toolDif[_scoreId].push3.join(', ')})`);\r\n\r\n\tif (document.getElementById(`lblTooldif`) === null) {\r\n\t\tmakeDifInfoLabels(_scoreId);\r\n\t}\r\n\tdataTooldif.textContent = g_detailObj.toolDif[_scoreId].tool;\r\n\tdataDouji.textContent = g_detailObj.toolDif[_scoreId].douji;\r\n\tdataTate.textContent = g_detailObj.toolDif[_scoreId].tate;\r\n\tlblArrowInfo2.innerHTML = g_lblNameObj.s_linecnts.split(`{0}`)\r\n\t\t.join(`${makeDedupliArray(g_detailObj.toolDif[_scoreId].push3).length} /cnt:${g_detailObj.toolDif[_scoreId].push3cnt}`);\r\n\tdataArrowInfo.innerHTML = `${arrowCnts + frzCnts * (g_headerObj.frzStartjdgUse ? 2 : 1)} \r\n\t(${arrowCnts} + ${frzCnts}${g_headerObj.frzStartjdgUse ? ' x 2' : ''})`;\r\n\r\n\tconst makeArrowCntsView = (_cntlist) => {\r\n\t\tconst targetKey = g_headerObj.keyLabels[_scoreId];\r\n\t\tconst cntlist = [\r\n\t\t\t_cntlist.filter((val, j) =>\r\n\t\t\t\tg_keyObj[`pos${targetKey}_0`][j] < g_keyObj[`div${targetKey}_0`]),\r\n\t\t\t_cntlist.filter((val, j) =>\r\n\t\t\t\tg_keyObj[`pos${targetKey}_0`][j] >= g_keyObj[`div${targetKey}_0`])\r\n\t\t];\r\n\r\n\t\tlet cntlistStr = ``;\r\n\t\tcntlist.filter(array => array.length > 0).forEach(array => {\r\n\t\t\tconst maxVal = array.reduce((a, b) => Math.max(a, b));\r\n\t\t\tconst minVal = array.reduce((a, b) => Math.min(a, b));\r\n\r\n\t\t\tcntlistStr += `[ `;\r\n\t\t\tarray.forEach((val, j) => {\r\n\t\t\t\tif (maxVal !== minVal) {\r\n\t\t\t\t\tarray[j] = (val === minVal ? `${val}` :\r\n\t\t\t\t\t\t(val === maxVal ? `${val}` : val));\r\n\t\t\t\t}\r\n\t\t\t\tif (val - Math.floor(val) > 0) {\r\n\t\t\t\t\tarray[j] = `${val}`;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tcntlistStr += array.join(`, `) + ` ]`;\r\n\t\t});\r\n\r\n\t\treturn cntlistStr;\r\n\t}\r\n\r\n\tdataArrowInfo2.innerHTML = `
${makeArrowCntsView(g_detailObj.arrowCnt[_scoreId])}
\r\n\t\t\t${makeArrowCntsView(g_detailObj.frzCnt[_scoreId])}
${push3CntStr}`;\r\n};\r\n\r\n/**\r\n * ハイスコア表示\r\n * @param {number} _scoreId \r\n */\r\nconst makeHighScore = _scoreId => {\r\n\tconst detailHighScore = document.getElementById(`detailHighScore`);\r\n\r\n\t// 再描画のため一度クリア\r\n\tdeleteChildspriteAll(`detailHighScore`);\r\n\r\n\tconst keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`;\r\n\tconst assistFlg = (g_autoPlaysBase.includes(g_stateObj.autoPlay) ? `` : `-${getStgDetailName(g_stateObj.autoPlay)}${getStgDetailName('less')}`);\r\n\tconst mirrorName = (g_stateObj.shuffle === C_FLG_OFF ? `` : `-${g_stateObj.shuffle}`);\r\n\tconst transKeyName = getTransKeyName();\r\n\tlet scoreName = getStorageKeyName(g_headerObj.keyLabels[_scoreId], transKeyName, assistFlg, mirrorName, _scoreId);\r\n\r\n\tif (!hasVal(g_localStorage.highscores?.[scoreName])) {\r\n\r\n\t\t// 古いキー定義の情報を検索\r\n\t\tconst relatedKeys = Object.entries(g_keyObj.keyTransPattern)\r\n\t\t\t.filter(([key, value]) => value === g_headerObj.keyLabels[_scoreId])\r\n\t\t\t.map(([key]) => key);\r\n\r\n\t\t// 古いキー定義のハイスコアがいる場合は、現行キー定義として表示\r\n\t\tfor (const legacyKey of relatedKeys) {\r\n\t\t\tlet tmpScoreName = getStorageKeyName(legacyKey, transKeyName, assistFlg, mirrorName, _scoreId);\r\n\t\t\tconst src = g_localStorage.highscores?.[tmpScoreName];\r\n\t\t\tif (hasVal(src)) {\r\n\t\t\t\tg_localStorage.highscores[scoreName] = structuredClone(src);\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tconst createScoreLabel = (_id, _text, { xPos = 0, yPos = 0, dx = 0, w = 150, h = 17, colorName = _id, align = C_ALIGN_LEFT, overflow = `visible` } = {}) =>\r\n\t\tcreateDivCss2Label(`lblH${toCapitalize(_id)}`, _text, {\r\n\t\t\tx: xPos * 150 + 130 + dx, y: yPos * 16 + 5, w, h, siz: 14, align, overflow,\r\n\t\t}, g_cssObj[`common_${colorName}`]);\r\n\r\n\tconst charas = [\r\n\t\t`ii`, `shakin`, `matari`, `shobon`, `uwan`, `kita`, `iknai`, `maxCombo`, `fmaxCombo`, ``, `score`,\r\n\t];\r\n\tconst extData = {\r\n\t\tfast: `diffFast`, slow: `diffSlow`, adj: `estAdj`, excessive: `excessive`,\r\n\t};\r\n\t// 各判定 (FreezeComboとScoreの間に1行の空白を入れる)\r\n\tcharas.forEach((chara, j) => {\r\n\t\tif (chara === ``) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tmultiAppend(detailHighScore,\r\n\t\t\tcreateScoreLabel(chara, g_lblNameObj[`j_${chara}`], { yPos: j }),\r\n\t\t\tcreateScoreLabel(`${chara}S`, g_localStorage.highscores?.[scoreName]?.[chara] ?? `---`,\r\n\t\t\t\t{ xPos: 0, yPos: j, align: C_ALIGN_RIGHT }),\r\n\t\t);\r\n\t});\r\n\t// Fast, Slow, 推定Adj, Excessive (値が無ければスキップ)\r\n\tObject.keys(extData).forEach((chara, j) => {\r\n\t\tif (!hasVal(g_localStorage.highscores?.[scoreName]?.[chara], `---`)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tmultiAppend(detailHighScore,\r\n\t\t\tcreateScoreLabel(chara, g_lblNameObj[`j_${chara}`], { xPos: 1, yPos: j, dx: 20, colorName: extData[chara] }),\r\n\t\t\tcreateScoreLabel(`${chara}S`, g_localStorage.highscores?.[scoreName]?.[chara],\r\n\t\t\t\t{ xPos: 1, yPos: j, dx: -25, align: C_ALIGN_RIGHT }),\r\n\t\t);\r\n\t});\r\n\tif (hasVal(g_localStorage.highscores?.[scoreName]?.adj)) {\r\n\t\tmultiAppend(detailHighScore, createScoreLabel(`adjF`, `f`, { xPos: 2, yPos: 2, dx: -23 }));\r\n\t}\r\n\r\n\t// カスタム表示 (resultValsViewに指定した表示のみ)\r\n\tg_headerObj.resultValsView\r\n\t\t.filter(key => hasVal(g_localStorage.highscores?.[scoreName]?.[g_presetObj.resultVals?.[key]]))\r\n\t\t.forEach((key, j) => {\r\n\t\t\tmultiAppend(detailHighScore,\r\n\t\t\t\tcreateScoreLabel(key, g_presetObj.resultVals[key], { xPos: 1, yPos: j + 5, dx: 20 }),\r\n\t\t\t\tcreateScoreLabel(`${key}S`, g_localStorage.highscores?.[scoreName]?.[g_presetObj.resultVals[key]],\r\n\t\t\t\t\t{ xPos: 1, yPos: j + 5, dx: -25, align: C_ALIGN_RIGHT }),\r\n\t\t\t);\r\n\t\t});\r\n\t// ランク、クリアランプ、特殊設定条件\r\n\tmultiAppend(detailHighScore,\r\n\t\tcreateDivCss2Label(`lblHRank`, g_localStorage.highscores?.[scoreName]?.rankMark ?? `--`, Object.assign(g_lblPosObj.lblHRank, {\r\n\t\t\tcolor: g_localStorage.highscores?.[scoreName]?.rankColor ?? `#666666`,\r\n\t\t\tfontFamily: getBasicFont(`\"Bookman Old Style\"`),\r\n\t\t})),\r\n\t\tcreateScoreLabel(`lblHDateTime`, g_localStorage.highscores?.[scoreName]?.dateTime ?? `----/--/-- --:--`, { yPos: 12 }),\r\n\t\tcreateScoreLabel(`lblHMarks`,\r\n\t\t\t`${g_localStorage.highscores?.[scoreName]?.fullCombo ?? '' ? '◆' : ''}` +\r\n\t\t\t`${g_localStorage.highscores?.[scoreName]?.perfect ?? '' ? '◆' : ''}` +\r\n\t\t\t`${g_localStorage.highscores?.[scoreName]?.allPerfect ?? '' ? '◆' : ''}`, { xPos: 1, dx: 20, yPos: 12, w: 100, align: C_ALIGN_CENTER }),\r\n\t\tcreateScoreLabel(`lblHClearLamps`, `Cleared: ` + (g_localStorage.highscores?.[scoreName]?.clearLamps?.join(', ') ?? `---`), { yPos: 13, overflow: C_DIS_AUTO, w: g_sWidth / 2 + 40, h: 37 }),\r\n\r\n\t\tcreateScoreLabel(`lblHShuffle`, g_stateObj.shuffle.indexOf(`Mirror`) < 0 ? `` : `Shuffle: ${g_stateObj.shuffle}`, { yPos: 11.5, dx: -130 }),\r\n\t\tcreateScoreLabel(`lblHAssist`, g_autoPlaysBase.includes(g_stateObj.autoPlay) ? `` : `Assist: ${g_stateObj.autoPlay}`, { yPos: 12.5, dx: -130 }),\r\n\t\tcreateScoreLabel(`lblHAnother`, !hasVal(g_keyObj[`transKey${keyCtrlPtn}`]) ? `` : `A.Keymode: ${g_keyObj[`transKey${keyCtrlPtn}`]}`, { yPos: 13.5, dx: -130 }),\r\n\t);\r\n\r\n\t// 結果をクリップボードへコピー (ハイスコア保存分)\r\n\tif (g_localStorage.highscores?.[scoreName] !== undefined) {\r\n\t\tconst twiturl = new URL(g_localStorageUrlOrg);\r\n\t\ttwiturl.searchParams.append(`scoreId`, _scoreId);\r\n\t\tconst baseTwitUrl = g_isLocal ? `` : `${twiturl.toString()}`.replace(/[\\t\\n]/g, ``);\r\n\r\n\t\tlet tweetFrzJdg = ``;\r\n\t\tlet tweetMaxCombo = `${g_localStorage.highscores?.[scoreName]?.maxCombo}`;\r\n\t\tif (g_allFrz > 0) {\r\n\t\t\ttweetFrzJdg = `${g_localStorage.highscores?.[scoreName]?.kita}-${g_localStorage.highscores?.[scoreName]?.iknai}`;\r\n\t\t\ttweetMaxCombo += `-${g_localStorage.highscores?.[scoreName]?.fmaxCombo}`;\r\n\t\t}\r\n\r\n\t\tconst musicTitle = g_headerObj.musicTitles[g_headerObj.musicNos[_scoreId]] || g_headerObj.musicTitle;\r\n\t\tlet tweetDifData = `${getKeyName(g_headerObj.keyLabels[_scoreId])}${transKeyName}${getStgDetailName('k-')}${g_headerObj.difLabels[_scoreId]}${assistFlg}`;\r\n\t\tif (g_stateObj.shuffle !== `OFF`) {\r\n\t\t\ttweetDifData += `:${getStgDetailName(g_stateObj.shuffle)}`;\r\n\t\t}\r\n\r\n\t\tconst resultParams = {\r\n\t\t\thashTag: (hasVal(g_headerObj.hashTag) ? ` ${g_headerObj.hashTag}` : ``),\r\n\t\t\ttuning: g_headerObj.creatorNames[_scoreId],\r\n\t\t\trankMark: g_localStorage.highscores?.[scoreName]?.rankMark || `--`,\r\n\t\t\tplayStyleData: g_localStorage.highscores[scoreName]?.playStyle || `--`,\r\n\t\t\thighscore: g_localStorage.highscores[scoreName],\r\n\t\t\ttweetExcessive: hasVal(g_localStorage.highscores[scoreName]?.excessive, `---`) ? `(+${g_resultObj.excessive})` : ``,\r\n\t\t\tmusicTitle, tweetDifData, tweetFrzJdg, tweetMaxCombo, baseTwitUrl,\r\n\t\t};\r\n\t\tconst resultCommon = unEscapeHtml(makeResultText(g_templateObj.resultFormatDf, resultParams));\r\n\t\tlet tweetResultTmp = makeResultText(g_headerObj.resultFormat, resultParams);\r\n\t\tif (g_presetObj.resultVals !== undefined) {\r\n\t\t\tObject.keys(g_presetObj.resultVals).forEach(key =>\r\n\t\t\t\ttweetResultTmp = tweetResultTmp.split(`[${key}]`).join(g_localStorage.highscores[scoreName][g_presetObj.resultVals[key]] || ``));\r\n\t\t}\r\n\t\tconst resultText = `${unEscapeHtml(tweetResultTmp)}`;\r\n\t\tmultiAppend(detailHighScore,\r\n\t\t\tmakeDifLblCssButton(`lnkResetHighScore`, g_lblNameObj.s_resetResult, 7, () => {\r\n\t\t\t\tif (window.confirm(g_msgObj.highscResetConfirm)) {\r\n\t\t\t\t\tdelete g_localStorage.highscores[scoreName];\r\n\t\t\t\t\tmakeHighScore(_scoreId);\r\n\t\t\t\t}\r\n\t\t\t}, Object.assign({ btnStyle: `Reset` }, g_lblPosObj.lnkHighScore)),\r\n\t\t\tmakeDifLblCssButton(`lnkHighScore`, g_lblNameObj.s_result, 8, () => {\r\n\t\t\t\tcopyTextToClipboard(keyIsShift() ? resultCommon : resultText, g_msgInfoObj.I_0001);\r\n\t\t\t}, g_lblPosObj.lnkHighScore),\r\n\t\t);\r\n\t}\r\n};\r\n\r\n/**\r\n * 譜面初期化処理\r\n * - 譜面の基本設定（キー数、初期速度、リバース、ゲージ設定）をここで行う\r\n * - g_canLoadDifInfoFlg は譜面初期化フラグで、初期化したくない場合は対象画面にて false にしておく\r\n * (Display設定画面、キーコンフィグ画面では通常OFF)\r\n * この関数を実行後、このフラグはONに戻るようになっている \r\n * - [キーコン]->[初期化]->[名称設定]の順に配置する。\r\n * 初期化処理にてキー数関連の設定を行っているため、この順序で無いとデータが正しく格納されない\r\n * \r\n * @param {boolean} _initFlg\r\n */\r\nconst setDifficulty = (_initFlg) => {\r\n\r\n\t// ---------------------------------------------------\r\n\t// 1. キーコンフィグ設定 (KeyConfig)\r\n\tg_keyObj.currentKey = g_headerObj.keyLabels[g_stateObj.scoreId];\r\n\tconst isNotSameKey = (g_keyObj.prevKey !== g_keyObj.currentKey);\r\n\r\n\tif (g_headerObj.dummyScoreNos !== undefined) {\r\n\t\tg_stateObj.dummyId = setIntVal(g_headerObj.dummyScoreNos[g_stateObj.scoreId], ``);\r\n\t}\r\n\t// 特殊キーフラグ\r\n\tg_stateObj.extraKeyFlg = g_headerObj.keyExtraList.includes(g_keyObj.currentKey);\r\n\r\n\t// ---------------------------------------------------\r\n\t// 2. 初期化設定\r\n\r\n\t// 保存した設定の再読込条件（設定画面切り替え時はスキップ）\r\n\t// ローカルストレージで保存した設定を呼び出し\r\n\tif ((g_canLoadDifInfoFlg && (isNotSameKey && g_stateObj.dataSaveFlg)) || _initFlg) {\r\n\r\n\t\tif (isNotSameKey && g_keyObj.prevKey !== `Dummy`) {\r\n\t\t\t// キーパターン初期化\r\n\t\t\tg_keyObj.currentPtn = 0;\r\n\t\t\tg_keycons.keySwitchNum = 0;\r\n\t\t}\r\n\t\tlet storageObj, addKey = ``;\r\n\r\n\t\tif (!g_stateObj.extraKeyFlg) {\r\n\r\n\t\t\t// キー別のローカルストレージの初期設定 ※特殊キーは除く\r\n\t\t\tg_localKeyStorage = parseStorageData(`danonicw-${g_keyObj.currentKey}k`, {\r\n\t\t\t\treverse: C_FLG_OFF,\r\n\t\t\t\tkeyCtrl: [[]],\r\n\t\t\t\tkeyCtrlPtn: 0,\r\n\t\t\t\tsetColor: [],\r\n\t\t\t});\r\n\t\t\tstorageObj = g_localKeyStorage;\r\n\r\n\t\t} else {\r\n\t\t\tstorageObj = g_localStorage;\r\n\t\t\taddKey = g_keyObj.currentKey;\r\n\t\t}\r\n\t\tif (isNotSameKey) {\r\n\t\t\tgetKeyReverse(storageObj, addKey);\r\n\r\n\t\t\t// キーコンフィグ初期値設定\r\n\t\t\tif (storageObj[`keyCtrlPtn${addKey}`] === undefined) {\r\n\t\t\t\tstorageObj[`keyCtrlPtn${addKey}`] = 0;\r\n\t\t\t}\r\n\t\t\tgetKeyCtrl(storageObj, addKey);\r\n\r\n\t\t\t// カラーセット初期値設定\r\n\t\t\tif (storageObj[`setColor${addKey}`] === undefined) {\r\n\t\t\t\tstorageObj[`setColor${addKey}`] = [];\r\n\t\t\t}\r\n\t\t\tif (storageObj[`setColor${addKey}`].length > 0) {\r\n\t\t\t\tg_keycons.colorTypes = addValtoArray(g_keycons.colorTypes, g_keycons.colorSelf);\r\n\t\t\t\tresetColorType({ _fromObj: storageObj, _from: addKey, _to: g_keycons.colorSelf });\r\n\t\t\t\tresetColorType({ _fromObj: storageObj, _from: addKey, _toObj: g_dfColorObj, _to: g_keycons.colorSelf });\r\n\r\n\t\t\t} else {\r\n\t\t\t\tif (g_localStorage.colorType === g_keycons.colorSelf) {\r\n\t\t\t\t\tg_colorType = `Default`;\r\n\t\t\t\t}\r\n\t\t\t\tg_keycons.colorTypes = g_keycons.colorTypes.filter(val => val !== g_keycons.colorSelf);\r\n\t\t\t}\r\n\r\n\t\t\tconst keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`;\r\n\r\n\t\t\t// カラーグループ、シャッフルグループの設定\r\n\t\t\tg_keycons.groups.forEach(type => {\r\n\t\t\t\tresetGroupList(type, keyCtrlPtn);\r\n\t\t\t\tif (g_keyObj.currentPtn === -1) {\r\n\t\t\t\t\tconst storageKeyName = storageObj[`${type}${addKey}`] || storageObj[`${type}${g_keyObj.currentKey}_-1_-1`];\r\n\t\t\t\t\tif (storageKeyName !== undefined) {\r\n\t\t\t\t\t\tg_keyObj[`${type}${g_keyObj.currentKey}_-1`] = structuredClone(storageKeyName);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tg_keyObj[`${type}${g_keyObj.currentKey}_-1_-1`] = structuredClone(g_keyObj[`${type}${g_keyObj.currentKey}_-1`]);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tg_keyObj[`${type}${keyCtrlPtn}`] = structuredClone(g_keyObj[`${type}${keyCtrlPtn}_0`]);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t}\r\n\t\t// 曲中ショートカットキーの切り替え\r\n\t\tsetPlayingShortcut();\r\n\t}\r\n\r\n\t// スクロール設定用の配列を入れ替え\r\n\tg_settings.scrolls = structuredClone(\r\n\t\ttypeof g_keyObj[`scrollDir${g_keyObj.currentKey}_${g_keyObj.currentPtn}`] === C_TYP_OBJECT ?\r\n\t\t\tObject.keys(g_keyObj[`scrollDir${g_keyObj.currentKey}_${g_keyObj.currentPtn}`]) : g_keyObj.scrollName_def\r\n\t);\r\n\r\n\t// アシスト設定の配列を入れ替え\r\n\tg_settings.autoPlays = (typeof g_keyObj[`assistPos${g_keyObj.currentKey}_${g_keyObj.currentPtn}`] === C_TYP_OBJECT ?\r\n\t\tg_autoPlaysBase.concat(Object.keys(g_keyObj[`assistPos${g_keyObj.currentKey}_${g_keyObj.currentPtn}`])) :\r\n\t\tg_autoPlaysBase.concat());\r\n\r\n\t// ゲージ設定及びカーソル位置調整\r\n\tsetGauge(0, true);\r\n\r\n\t// 速度、スクロール、アシスト設定のカーソル位置調整\r\n\tif (_initFlg) {\r\n\t\tg_stateObj.speed = g_headerObj.initSpeeds[g_stateObj.scoreId];\r\n\t\tg_settings.speedNum = getCurrentNo(g_settings.speeds, g_stateObj.speed);\r\n\t}\r\n\tg_settings.scrollNum = getCurrentNo(g_settings.scrolls, g_stateObj.scroll);\r\n\tg_settings.autoPlayNum = getCurrentNo(g_settings.autoPlays, g_stateObj.autoPlay);\r\n\r\n\t// ---------------------------------------------------\r\n\t// 3. 名称の設定\r\n\r\n\t// 譜面名設定 (Difficulty)\r\n\tconst difWidth = parseFloat(lnkDifficulty.style.width);\r\n\tconst transKeyName = getTransKeyName();\r\n\tconst keyUnitName = getStgDetailName(getKeyUnitName(g_keyObj.currentKey));\r\n\tconst difNames = [`${getKeyName(g_keyObj.currentKey)}${transKeyName} ${keyUnitName} / ${g_headerObj.difLabels[g_stateObj.scoreId]}`];\r\n\tlnkDifficulty.style.fontSize = wUnit(getFontSize2(difNames[0], difWidth, { maxSiz: g_limitObj.setLblSiz }));\r\n\r\n\tif (g_headerObj.makerView) {\r\n\t\tdifNames.push(`(${g_headerObj.creatorNames[g_stateObj.scoreId]})`);\r\n\t\tdifNames.forEach((difName, j) => {\r\n\t\t\tconst tmpSize = getFontSize2(difName, difWidth);\r\n\t\t\tdifNames[j] = `${difName}`;\r\n\t\t});\r\n\t}\r\n\tlnkDifficulty.innerHTML = difNames.join(``);\r\n\r\n\t// 速度設定 (Speed)\r\n\tsetSetting(0, `speed`, ` ${g_lblNameObj.multi}`);\r\n\r\n\t// リバース設定 (Reverse, Scroll)\r\n\tif (g_headerObj.scrollUse) {\r\n\t\tg_stateObj.scroll = g_settings.scrolls[g_settings.scrollNum];\r\n\t\tconst [visibleScr, hiddenScr] = (g_settings.scrolls.length > 1 ? [`scroll`, `reverse`] : [`reverse`, `scroll`]);\r\n\t\tdocument.getElementById(`${visibleScr}Sprite`).style.display = C_DIS_INHERIT;\r\n\t\tdocument.getElementById(`${hiddenScr}Sprite`).style.display = C_DIS_NONE;\r\n\t\tsetSetting(0, visibleScr);\r\n\r\n\t\tg_shortcutObj.option.KeyR.id = g_settings.scrolls.includes(`Reverse`) ?\r\n\t\t\tg_shortcutObj.option.KeyR.exId : g_shortcutObj.option.KeyR.dfId;\r\n\r\n\t\tif (g_settings.scrolls.length > 1) {\r\n\t\t\tsetReverseView(document.getElementById(`btnReverse`));\r\n\t\t}\r\n\t} else {\r\n\t\tg_settings.scrolls = structuredClone(g_keyObj.scrollName_def);\r\n\t\tsetSetting(0, `reverse`);\r\n\t}\r\n\r\n\t// オート・アシスト設定 (AutoPlay)\r\n\tg_stateObj.autoPlay = g_settings.autoPlays[g_settings.autoPlayNum];\r\n\tlnkAutoPlay.textContent = getStgDetailName(g_stateObj.autoPlay);\r\n\r\n\t// 譜面毎のExcessive再設定（意図的に変更した場合のみ元に戻さない）\r\n\tif (g_canLoadDifInfoFlg && (g_stateObj.excessiveScoreId !== g_stateObj.scoreId)) {\r\n\t\tg_headerObj.excessiveJdgUse = g_headerObj.excessiveJdgUses[g_stateObj.scoreId];\r\n\t\tg_stateObj.excessive = boolToSwitch(g_headerObj.excessiveJdgUse);\r\n\t}\r\n\tg_headerObj.excessiveUse = g_headerObj.excessiveUses[g_stateObj.scoreId];\r\n\tif (g_headerObj.excessiveUse) {\r\n\t\tsetExcessive(document.getElementById(`lnkExcessive`), g_stateObj.excessive === C_FLG_ON);\r\n\t\tlnkExcessive.style.display = C_DIS_INHERIT;\r\n\t} else {\r\n\t\tg_stateObj.excessiveChgFlg = false;\r\n\t\tlblExcessive.style.display = (g_stateObj.excessive === C_FLG_ON ? C_DIS_INHERIT : C_DIS_NONE);\r\n\t\tlnkExcessive.style.display = C_DIS_NONE;\r\n\t}\r\n\r\n\t// 譜面明細画面の再描画\r\n\tif (g_settings.scoreDetails.length > 0) {\r\n\t\tdrawSpeedGraph(g_stateObj.scoreId);\r\n\t\tdrawDensityGraph(g_stateObj.scoreId);\r\n\t\tmakeDifInfo(g_stateObj.scoreId);\r\n\t\tmakeHighScore(g_stateObj.scoreId);\r\n\t}\r\n\r\n\t// 楽曲データの表示\r\n\tlblMusicInfo.textContent = getMusicInfoView();\r\n\tlblMusicInfo.style.fontSize = wUnit(getFontSize2(lblMusicInfo.textContent, g_btnWidth(3 / 4), { maxSiz: 12 }));\r\n\r\n\t// ユーザカスタムイベント(初期)\r\n\tg_customJsObj.difficulty.forEach(func => func(_initFlg, g_canLoadDifInfoFlg));\r\n\r\n\t// ---------------------------------------------------\r\n\t// 4. 譜面初期情報ロード許可フラグの設定\r\n\tg_canLoadDifInfoFlg = true;\r\n};\r\n\r\n/**\r\n * 設定・オプション画面のラベル・ボタン処理の描画\r\n * @param {Object} _sprite 基準とするスプライト(ここで指定する座標は、そのスプライトからの相対位置)\r\n */\r\nconst createOptionWindow = _sprite => {\r\n\r\n\t// 各ボタン用のスプライトを作成\r\n\tconst optionsprite = createEmptySprite(_sprite, `optionsprite`, g_windowObj.optionSprite);\r\n\r\n\t// 設定毎に個別のスプライトを作成し、その中にラベル・ボタン類を配置\r\n\tconst spriteList = setSpriteList(g_settingPos.option);\r\n\r\n\t// ---------------------------------------------------\r\n\t// 難易度 (Difficulty)\r\n\t// 縦位置: 0 \r\n\tspriteList.difficulty.appendChild(createLblSetting(`Difficulty`, -5));\r\n\r\n\tconst lnkDifficulty = makeSettingLblCssButton(`lnkDifficulty`, ``, 0, () => changeDifficulty(), {\r\n\t\ty: -10, h: g_limitObj.setLblHeight + 10, cxtFunc: () => changeDifficulty(-1),\r\n\t});\r\n\r\n\t// 譜面選択ボタン（メイン、右回し、左回し）\r\n\tmultiAppend(spriteList.difficulty,\r\n\t\tlnkDifficulty,\r\n\t\tmakeMiniCssButton(`lnkDifficulty`, `R`, 0, () => nextDifficulty(), { dy: -10, dh: 10 }),\r\n\t\tmakeMiniCssButton(`lnkDifficulty`, `L`, 0, () => nextDifficulty(-1), { dy: -10, dh: 10 }),\r\n\t);\r\n\tcreateScText(spriteList.difficulty, `Difficulty`);\r\n\tif (g_headerObj.difSelectorUse) {\r\n\t\tcreateScText(spriteList.difficulty, `DifficultyList`, { x: 147, y: -10, targetLabel: `lnkDifficulty` });\r\n\t}\r\n\r\n\t// ---------------------------------------------------\r\n\t// ハイスコア機能実装時に使用予定のスペース\r\n\t// 縦位置: 1\r\n\r\n\t// ---------------------------------------------------\r\n\t// 速度(Speed)\r\n\t// 縦位置: 2 短縮ショートカットあり\r\n\tcreateGeneralSetting(spriteList.speed, `speed`, {\r\n\t\tskipTerms: g_settings.speedTerms, hiddenBtn: true, scLabel: g_lblNameObj.sc_speed, roundNum: 5,\r\n\t\tunitName: ` ${g_lblNameObj.multi}`,\r\n\t});\r\n\tif (g_headerObj.baseSpeed !== 1) {\r\n\t\tdivRoot.appendChild(\r\n\t\t\tcreateDivCss2Label(`lblBaseSpd`, `Δv: ${Math.round(g_headerObj.baseSpeed * 100) / 100}x`, g_lblPosObj.lblBaseSpd)\r\n\t\t);\r\n\t}\r\n\r\n\t/**\r\n\t * 譜面明細子画面・グラフの作成\r\n\t * @param {string} _name \r\n\t * @param {boolean} _graphUseFlg\r\n\t * @returns {HTMLDivElement}\r\n\t */\r\n\tconst createScoreDetail = (_name, _graphUseFlg = true) => {\r\n\t\tconst detailObj = createEmptySprite(scoreDetail, `detail${_name}`, g_windowObj.detailObj);\r\n\r\n\t\tif (_graphUseFlg) {\r\n\t\t\tconst graphObj = document.createElement(`canvas`);\r\n\t\t\tconst textBaseObj = document.getElementById(`lnkDifficulty`);\r\n\t\t\tconst bkColor = window.getComputedStyle(textBaseObj, ``).backgroundColor;\r\n\r\n\t\t\tgraphObj.id = `graph${_name}`;\r\n\t\t\tgraphObj.width = g_limitObj.graphWidth;\r\n\t\t\tgraphObj.height = g_limitObj.graphHeight;\r\n\t\t\tgraphObj.style.left = wUnit(125);\r\n\t\t\tgraphObj.style.top = wUnit(0);\r\n\t\t\tgraphObj.style.position = `absolute`;\r\n\t\t\tgraphObj.style.background = bkColor;\r\n\t\t\tgraphObj.style.border = `dotted ${wUnit(2)}`;\r\n\r\n\t\t\tdetailObj.appendChild(graphObj);\r\n\t\t}\r\n\r\n\t\treturn detailObj;\r\n\t};\r\n\r\n\tif (g_settings.scoreDetails.length > 0) {\r\n\t\tmultiAppend(spriteList.speed,\r\n\t\t\tcreateCss2Button(`btnGraphB`, ``, () => true, {\r\n\t\t\t\tx: -25, y: -60, w: 0, h: 0, opacity: 0, resetFunc: () => setScoreDetail(true),\r\n\t\t\t}, g_cssObj.button_Mini),\r\n\t\t\tcreateCss2Button(`btnGraph`, `i`, () => true, {\r\n\t\t\t\tx: -25, y: -60, w: 30, h: 30, siz: g_limitObj.jdgCharaSiz, title: g_msgObj.graph,\r\n\t\t\t\tresetFunc: () => setScoreDetail(), cxtFunc: () => setScoreDetail(),\r\n\t\t\t}, g_cssObj.button_Mini)\r\n\t\t);\r\n\t\tg_stateObj.scoreDetailViewFlg = false;\r\n\t\tconst scoreDetail = createEmptySprite(optionsprite, `scoreDetail`, g_windowObj.scoreDetail, g_cssObj.settings_DifSelector);\r\n\r\n\t\t/**\r\n\t\t * 譜面明細表示の切替\r\n\t\t * @param {number} _val \r\n\t\t */\r\n\t\tconst changeScoreDetail = (_val = 0) => {\r\n\t\t\tif (g_currentPage === `difSelector`) {\r\n\t\t\t\tresetDifWindow();\r\n\t\t\t}\r\n\t\t\tg_stateObj.scoreDetailViewFlg = true;\r\n\t\t\tscoreDetail.style.visibility = `visible`;\r\n\r\n\t\t\t// 表示内容を非表示化、ボタン色をデフォルトに戻す\r\n\t\t\t$id(`detail${g_stateObj.scoreDetail}`).visibility = `hidden`;\r\n\t\t\tdocument.getElementById(`lnk${g_stateObj.scoreDetail}G`).classList.replace(g_cssObj.button_Setting, g_cssObj.button_Default);\r\n\r\n\t\t\t// 選択先を表示、ボタン色を選択中に変更\r\n\t\t\t// Qキーを押したときのリンク先を次の明細へ変更\r\n\t\t\tg_stateObj.scoreDetail = g_settings.scoreDetails[_val];\r\n\t\t\t[`option`, `difSelector`].forEach(page => g_shortcutObj[page].KeyQ.id = g_settings.scoreDetailCursors[(_val + 1) % g_settings.scoreDetailCursors.length]);\r\n\r\n\t\t\t$id(`detail${g_stateObj.scoreDetail}`).visibility = `visible`;\r\n\t\t\tdocument.getElementById(`lnk${g_stateObj.scoreDetail}G`).classList.replace(g_cssObj.button_Default, g_cssObj.button_Setting);\r\n\t\t};\r\n\r\n\t\tmultiAppend(scoreDetail,\r\n\t\t\tcreateScoreDetail(`Speed`),\r\n\t\t\tcreateScoreDetail(`Density`),\r\n\t\t\tcreateScoreDetail(`ToolDif`, false),\r\n\t\t\tcreateScoreDetail(`HighScore`, false),\r\n\t\t);\r\n\t\tg_settings.scoreDetails.forEach((sd, j) => {\r\n\t\t\tscoreDetail.appendChild(\r\n\t\t\t\tmakeDifLblCssButton(`lnk${sd}G`, getStgDetailName(sd), j, () => changeScoreDetail(j), {\r\n\t\t\t\t\tw: g_limitObj.difCoverWidth, h: 20, title: g_msgObj[`s_${sd}`],\r\n\t\t\t\t\tbtnStyle: (g_stateObj.scoreDetail === sd ? `Setting` : `Default`),\r\n\t\t\t\t})\r\n\t\t\t);\r\n\t\t\tcreateScText(document.getElementById(`lnk${sd}G`), `${sd}G`, { targetLabel: `lnk${sd}G`, x: -5 });\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * 譜面明細表示／非表示ボタンの処理\r\n\t * @param {boolean} _resetFlg\r\n\t */\r\n\tconst setScoreDetail = (_resetFlg = false) => {\r\n\t\tif (g_currentPage === `difSelector`) {\r\n\t\t\tresetDifWindow();\r\n\t\t\tg_stateObj.scoreDetailViewFlg = false;\r\n\t\t\tg_shortcutObj.difSelector.KeyQ.id = g_settings.scoreDetailCursors[0];\r\n\t\t}\r\n\t\tconst scoreDetail = document.getElementById(`scoreDetail`);\r\n\t\tconst detailObj = document.getElementById(`detail${g_stateObj.scoreDetail}`);\r\n\t\tconst visibles = [`hidden`, `visible`];\r\n\r\n\t\tg_stateObj.scoreDetailViewFlg = !g_stateObj.scoreDetailViewFlg;\r\n\t\tscoreDetail.style.visibility = visibles[Number(g_stateObj.scoreDetailViewFlg)];\r\n\t\tdetailObj.style.visibility = visibles[Number(g_stateObj.scoreDetailViewFlg)];\r\n\r\n\t\t// Qキーを押したときのカーソル位置を先頭に初期化\r\n\t\tif (_resetFlg) {\r\n\t\t\tg_shortcutObj.option.KeyQ.id = g_settings.scoreDetailCursors[0];\r\n\t\t}\r\n\t};\r\n\r\n\t// ---------------------------------------------------\r\n\t// 速度モーション (Motion)\r\n\t// 縦位置: 3\r\n\tcreateGeneralSetting(spriteList.motion, `motion`);\r\n\r\n\t// ---------------------------------------------------\r\n\t// リバース (Reverse) / スクロール (Scroll)\r\n\t// 縦位置: 4\r\n\tcreateGeneralSetting(spriteList.reverse, `reverse`, {\r\n\t\taddRFunc: () => {\r\n\t\t\tif (g_headerObj.scrollUse && g_settings.scrolls.length > 1) {\r\n\t\t\t\tsetReverseView(document.getElementById(`btnReverse`));\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\tif (g_headerObj.scrollUse) {\r\n\t\tcreateGeneralSetting(spriteList.scroll, `scroll`, { scLabel: g_lblNameObj.sc_scroll });\r\n\t\t[$id(`lnkScroll`).left, $id(`lnkScroll`).width] = [\r\n\t\t\twUnit(parseFloat($id(`lnkScroll`).left) + 90), wUnit(parseFloat($id(`lnkScroll`).width) - 90)\r\n\t\t];\r\n\r\n\t\tspriteList.scroll.appendChild(\r\n\t\t\tcreateCss2Button(`btnReverse`, `${g_lblNameObj.Reverse}:${getStgDetailName(g_stateObj.reverse)}`, evt => setReverse(evt.target),\r\n\t\t\t\tObject.assign(g_lblPosObj.btnReverse, {\r\n\t\t\t\t\tcxtFunc: evt => setReverse(evt.target),\r\n\t\t\t\t}), g_cssObj.button_Default, g_cssObj[`button_Rev${g_stateObj.reverse}`])\r\n\t\t);\r\n\t\tspriteList[g_settings.scrolls.length > 1 ? `reverse` : `scroll`].style.display = C_DIS_NONE;\r\n\t} else {\r\n\t\tspriteList.scroll.style.pointerEvents = C_DIS_NONE;\r\n\t}\r\n\r\n\t// ---------------------------------------------------\r\n\t// ミラー・ランダム (Shuffle)\r\n\t// 縦位置: 5.5\r\n\tcreateGeneralSetting(spriteList.shuffle, `shuffle`, g_settings.scoreDetails.length > 0 ? {\r\n\t\taddRFunc: () => makeHighScore(g_stateObj.scoreId),\r\n\t} : {});\r\n\r\n\t// ---------------------------------------------------\r\n\t// 鑑賞モード設定 (AutoPlay)\r\n\t// 縦位置: 6.5\r\n\tcreateGeneralSetting(spriteList.autoPlay, `autoPlay`, g_settings.scoreDetails.length > 0 ? {\r\n\t\taddRFunc: () => makeHighScore(g_stateObj.scoreId),\r\n\t} : {});\r\n\r\n\t// ---------------------------------------------------\r\n\t// ゲージ設定 (Gauge)\r\n\t// 縦位置: 7.5\r\n\tspriteList.gauge.appendChild(createLblSetting(`Gauge`));\r\n\r\n\t// ゲージ設定詳細 縦位置: ゲージ設定+1\r\n\tspriteList.gauge.appendChild(createDivCss2Label(`lblGauge2`, ``, g_lblPosObj.lblGauge2));\r\n\r\n\tif (g_headerObj.gaugeUse) {\r\n\t\tmultiAppend(spriteList.gauge,\r\n\t\t\tmakeSettingLblCssButton(`lnkGauge`, ``, 0, () => setGauge(1), { cxtFunc: () => setGauge(-1) }),\r\n\t\t\tmakeMiniCssButton(`lnkGauge`, `R`, 0, () => setGauge(1)),\r\n\t\t\tmakeMiniCssButton(`lnkGauge`, `L`, 0, () => setGauge(-1)),\r\n\t\t);\r\n\t\tcreateScText(spriteList.gauge, `Gauge`);\r\n\t} else {\r\n\t\tlblGauge.classList.add(g_cssObj.settings_Disabled);\r\n\t\tspriteList.gauge.appendChild(makeDisabledLabel(`lnkGauge`, 0, getStgDetailName(g_stateObj.gauge)));\r\n\t}\r\n\r\n\t// 空押し判定設定 (Excessive)\r\n\tspriteList.gauge.appendChild(\r\n\t\tcreateDivCss2Label(`lblExcessive`, `${g_lblNameObj.Excessive}:${C_FLG_ON}`,\r\n\t\t\tg_lblPosObj.lblExcessive, g_cssObj[`button_Disabled${C_FLG_ON}`]\r\n\t\t)\r\n\t);\r\n\tspriteList.gauge.appendChild(\r\n\t\tcreateCss2Button(`lnkExcessive`, g_lblNameObj.Excessive, evt => setExcessive(evt.target),\r\n\t\t\tObject.assign(g_lblPosObj.btnExcessive, {\r\n\t\t\t\ttitle: g_msgObj.excessive, cxtFunc: evt => setExcessive(evt.target),\r\n\t\t\t}), g_cssObj.button_Default, g_cssObj[`button_Rev${g_stateObj.excessive}`])\r\n\t);\r\n\r\n\t// ---------------------------------------------------\r\n\t// タイミング調整 (Adjustment)\r\n\t// 縦位置: 10.5 短縮ショートカットあり\r\n\tcreateGeneralSetting(spriteList.adjustment, `adjustment`, {\r\n\t\tskipTerms: g_settings.adjustmentTerms, hiddenBtn: true, scLabel: g_lblNameObj.sc_adjustment, roundNum: 5,\r\n\t\tunitName: g_lblNameObj.frame, addRFunc: () => viewAdjustment(),\r\n\t});\r\n\r\n\tconst viewAdjustment = () => {\r\n\t\tif (g_headerObj.playbackRate !== 1) {\r\n\t\t\tconst adjustmentVal = isLocalMusicFile(g_stateObj.scoreId) ?\r\n\t\t\t\tMath.round(g_stateObj.adjustment / g_headerObj.playbackRate) :\r\n\t\t\t\t(g_stateObj.adjustment / g_headerObj.playbackRate).toFixed(1);\r\n\t\t\tdocument.getElementById(`lnkAdjustment`).innerHTML = `${adjustmentVal}${g_lblNameObj.frame}`\r\n\t\t\t\t+ ` (${g_stateObj.adjustment.toFixed(1)}${g_localStorage.adjustment === g_stateObj.adjustment ? '*' : ''})`;\r\n\t\t\tdocument.getElementById(`lnkAdjustment`).style.fontSize = `${g_limitObj.adjustmentViewSiz}px`;\r\n\t\t\tdocument.getElementById(`lnkAdjustment`).style.lineHeight = `${g_limitObj.adjustmentLineHeight}px`;\r\n\t\t}\r\n\t};\r\n\tviewAdjustment();\r\n\r\n\t// ---------------------------------------------------\r\n\t// フェードイン (Fadein)\r\n\t// 縦位置: 11.5 スライダーあり\r\n\tspriteList.fadein.appendChild(createLblSetting(`Fadein`));\r\n\r\n\tconst lnkFadein = createDivCss2Label(`lnkFadein`, `${g_stateObj.fadein}${g_lblNameObj.percent}`,\r\n\t\tg_lblPosObj.lnkFadein, g_cssObj.settings_FadeinBar);\r\n\tspriteList.fadein.appendChild(lnkFadein);\r\n\r\n\tconst setFadein = _sign => {\r\n\t\tg_stateObj.fadein = nextPos(g_stateObj.fadein, _sign, 100);\r\n\t\tfadeinSlider.value = g_stateObj.fadein;\r\n\t\tlnkFadein.textContent = `${g_stateObj.fadein}${g_lblNameObj.percent}`;\r\n\t};\r\n\r\n\tmultiAppend(spriteList.fadein,\r\n\r\n\t\t// 右回し・左回しボタン\r\n\t\tmakeMiniCssButton(`lnkFadein`, `R`, 0, () => setFadein(1)),\r\n\t\tmakeMiniCssButton(`lnkFadein`, `L`, 0, () => setFadein(-1)),\r\n\r\n\t\t// フェードインのスライダー処理\r\n\t\tcreateDivCss2Label(`lblFadeinBar`, ``,\r\n\t\t\tg_lblPosObj.lblFadeinBar),\r\n\r\n\t);\r\n\r\n\tconst fadeinSlider = document.getElementById(`fadeinSlider`);\r\n\tfadeinSlider.addEventListener(`input`, () =>\r\n\t\tg_stateObj.fadein = inputSlider(fadeinSlider, lnkFadein, `fadein`), false);\r\n\r\n\t// ---------------------------------------------------\r\n\t// ボリューム (Volume) \r\n\t// 縦位置: 12.5\r\n\tcreateGeneralSetting(spriteList.volume, `volume`, { unitName: g_lblNameObj.percent });\r\n\r\n\t// 譜面番号の再取得\r\n\tg_stateObj.scoreId = getNextDifficulty(g_stateObj.scoreId, 0);\r\n\tconst keyLists = makeDedupliArray(g_headerObj.viewLists.map(j => g_headerObj.keyLabels[j]));\r\n\tg_headerObj.viewKeyLists = keyLists.sort((a, b) => parseInt(a) - parseInt(b));\r\n\tg_headerObj.difSelectorUse = getDifSelectorUse(g_rootObj.difSelectorUse);\r\n\r\n\t// 設定画面の一通りのオブジェクトを作成後に譜面・速度・ゲージ設定をまとめて行う\r\n\tsetDifficulty(false);\r\n\toptionsprite.oncontextmenu = () => false;\r\n};\r\n\r\n/**\r\n * 汎用設定\r\n * @param {HTMLDivElement} _obj \r\n * @param {string} _settingName \r\n * @param {string} [object.unitName=''] 設定名の単位\r\n * @param {number[]} [object.skipTerms] ボタンの設定スキップ間隔(デフォルト:[1(外側), 1(内側), 1(最内側)])\r\n * @param {boolean} [object.hiddenBtn=false] 隠しボタン(ショートカットキーのみ)の利用有無\r\n * @param {function} [object.addRFunc] 右側のボタンを押したときの追加処理\r\n * @param {function} [object.addLFunc] 左側のボタンを押したときの追加処理\r\n * @param {string} [object.settingLabel=_settingName] 設定名\r\n * @param {string} [object.displayName] 画面名\r\n * @param {string} [object.scLabel=''] ショートカットキーの表示名\r\n * @param {number} [object.roundNum=0] 設定スキップ間隔の丸め基準数\r\n * @param {number} [object.adjY=0] 設定ボタンのY座標位置\r\n */\r\nconst createGeneralSetting = (_obj, _settingName, { unitName = ``,\r\n\tskipTerms = fillArray(3, 1), hiddenBtn = false, addRFunc = () => { }, addLFunc = addRFunc,\r\n\tsettingLabel = _settingName, displayName = g_currentPage, scLabel = ``, roundNum = 0, adjY = 0 } = {}) => {\r\n\r\n\tconst settingUpper = toCapitalize(_settingName);\r\n\tconst linkId = `lnk${settingUpper}`;\r\n\tconst initName = `${getStgDetailName(g_stateObj[_settingName])}${unitName}`;\r\n\t_obj.appendChild(createLblSetting(settingUpper, adjY, toCapitalize(settingLabel)));\r\n\r\n\tif (g_headerObj[`${_settingName}Use`] === undefined || g_headerObj[`${_settingName}Use`]) {\r\n\r\n\t\tmultiAppend(_obj,\r\n\t\t\tmakeSettingLblCssButton(linkId, `${initName}${g_localStorage[_settingName] === g_stateObj[_settingName] ? ' *' : ''}`, 0,\r\n\t\t\t\t() => {\r\n\t\t\t\t\tsetSetting(skipTerms[1], _settingName, unitName, roundNum, { func: () => addRFunc() });\r\n\t\t\t\t}, {\r\n\t\t\t\tcxtFunc: () => {\r\n\t\t\t\t\tsetSetting(skipTerms[1] * (-1), _settingName, unitName, roundNum, { func: () => addLFunc() });\r\n\t\t\t\t}\r\n\t\t\t}),\r\n\r\n\t\t\t// 右回し・左回しボタン（外側）\r\n\t\t\tmakeMiniCssButton(linkId, `R`, 0, () =>\r\n\t\t\t\tsetSetting(skipTerms[0], _settingName, unitName, roundNum, { func: () => addRFunc() })),\r\n\t\t\tmakeMiniCssButton(linkId, `L`, 0, () =>\r\n\t\t\t\tsetSetting(skipTerms[0] * (-1), _settingName, unitName, roundNum, { func: () => addLFunc() })),\r\n\t\t);\r\n\r\n\t\t// 右回し・左回しボタン（内側）\r\n\t\tif (skipTerms[1] > 1) {\r\n\t\t\tmultiAppend(_obj,\r\n\t\t\t\tmakeMiniCssButton(linkId, `RR`, 0, () =>\r\n\t\t\t\t\tsetSetting(skipTerms[1], _settingName, unitName, roundNum, { func: () => addRFunc() })),\r\n\t\t\t\tmakeMiniCssButton(linkId, `LL`, 0, () =>\r\n\t\t\t\t\tsetSetting(skipTerms[1] * (-1), _settingName, unitName, roundNum, { func: () => addLFunc() })),\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t// 右回し・左回しボタン（最内側）\r\n\t\tif (skipTerms[2] > 1) {\r\n\t\t\tmultiAppend(_obj,\r\n\t\t\t\tmakeMiniCssButton(linkId, `RRR`, 0, () =>\r\n\t\t\t\t\tsetSetting(skipTerms[2], _settingName, unitName, roundNum, { func: () => addRFunc() })\r\n\t\t\t\t\t, { dw: -g_limitObj.setMiniWidth / 2 }),\r\n\t\t\t\tmakeMiniCssButton(linkId, `LLL`, 0, () =>\r\n\t\t\t\t\tsetSetting(skipTerms[2] * (-1), _settingName, unitName, roundNum, { func: () => addLFunc() })\r\n\t\t\t\t\t, { dw: -g_limitObj.setMiniWidth / 2 }),\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t// 右回し・左回しボタン（不可視）\r\n\t\tif (hiddenBtn) {\r\n\t\t\tmultiAppend(_obj,\r\n\t\t\t\tmakeMiniCssButton(linkId, `HR`, 0, () => setSetting(1, _settingName, unitName, roundNum, { func: () => addRFunc() }), { visibility: `hidden` }),\r\n\t\t\t\tmakeMiniCssButton(linkId, `HL`, 0, () => setSetting(-1, _settingName, unitName, roundNum, { func: () => addLFunc() }), { visibility: `hidden` }),\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t// ショートカットキー表示\r\n\t\tcreateScText(_obj, settingUpper, { displayName: displayName, dfLabel: scLabel });\r\n\r\n\t} else {\r\n\t\tdocument.getElementById(`lbl${settingUpper}`).classList.add(g_cssObj.settings_Disabled);\r\n\t\t_obj.appendChild(makeDisabledLabel(linkId, 0, initName));\r\n\t}\r\n};\r\n\r\n/**\r\n * 設定画面用ラベルの作成\r\n * @param {string} _settingName \r\n * @param {number} _adjY \r\n * @param {string} _settingLabel \r\n * @returns {HTMLDivElement}\r\n */\r\nconst createLblSetting = (_settingName, _adjY = 0, _settingLabel = _settingName) => {\r\n\tconst lbl = createDivCss2Label(`lbl${_settingName}`, g_lblNameObj[_settingLabel], {\r\n\t\tx: -5, y: _adjY, w: 110, pointerEvents: C_DIS_AUTO,\r\n\t}, `settings_${_settingName}`);\r\n\tlbl.title = g_msgObj[`${_settingName.charAt(0).toLowerCase()}${_settingName.slice(1)}`];\r\n\treturn lbl;\r\n};\r\n\r\n/**\r\n * 設定名の置き換え処理\r\n * @param {string} _name \r\n * @returns {string}\r\n */\r\nconst getStgDetailName = _name => {\r\n\treturn g_lblNameObj[`u_${_name}`] !== undefined &&\r\n\t\t(g_presetObj.lblRenames === undefined || g_presetObj.lblRenames[g_currentPage]) ? g_lblNameObj[`u_${_name}`] : _name;\r\n};\r\n\r\n/**\r\n * 設定メイン・汎用\r\n * @param {number} _scrollNum \r\n * @param {string} _settingName\r\n * @param {string} [_unitName] 設定の単位名\r\n * @param {number} [_roundNum] 設定スキップ間隔の丸め基準数\r\n * @param {function} [object.func] 設定ボタンを押した後の追加処理\r\n */\r\nconst setSetting = (_scrollNum, _settingName, _unitName = ``, _roundNum = 0, { func = () => true } = {}) => {\r\n\tlet settingNum = g_settings[`${_settingName}Num`];\r\n\tconst settingList = g_settings[`${_settingName}s`];\r\n\tconst settingMax = settingList.length - 1;\r\n\r\n\t// _roundNum単位で丸める\r\n\tif (_roundNum > 0 && _scrollNum >= _roundNum) {\r\n\t\tsettingNum = Math.floor(settingNum / _roundNum) * _roundNum;\r\n\t} else if (_roundNum > 0 && -_scrollNum >= _roundNum) {\r\n\t\tsettingNum = Math.ceil(settingNum / _roundNum) * _roundNum;\r\n\t}\r\n\r\n\tif (_scrollNum > 0) {\r\n\t\tsettingNum = (settingNum === settingMax ? 0 : Math.min(settingNum + _scrollNum, settingMax));\r\n\t} else if (_scrollNum < 0) {\r\n\t\tsettingNum = (settingNum === 0 ? settingMax : Math.max(settingNum + _scrollNum, 0));\r\n\t}\r\n\tg_stateObj[_settingName] = settingList[settingNum];\r\n\tg_settings[`${_settingName}Num`] = settingNum;\r\n\tdocument.getElementById(`lnk${toCapitalize(_settingName)}`).textContent =\r\n\t\t`${getStgDetailName(g_stateObj[_settingName])}${_unitName}${g_localStorage[_settingName] === g_stateObj[_settingName] ? ' *' : ''}`;\r\n\tfunc();\r\n};\r\n\r\n/**\r\n * 無効化用ラベル作成\r\n * @param {string} _id \r\n * @param {number} _heightPos \r\n * @param {string} _defaultStr \r\n * @returns {HTMLDivElement}\r\n */\r\nconst makeDisabledLabel = (_id, _heightPos, _defaultStr) =>\r\n\tcreateDivCss2Label(_id, _defaultStr, {\r\n\t\tx: g_limitObj.setLblLeft, y: g_limitObj.setLblHeight * _heightPos,\r\n\t}, g_cssObj.settings_Disabled);\r\n\r\n/**\r\n * 保存済みリバース取得処理\r\n * @param {object} _localStorage 保存先のローカルストレージ名\r\n * @param {string} _extraKeyName 特殊キー名(通常キーは省略)\r\n */\r\nconst getKeyReverse = (_localStorage, _extraKeyName = ``) => {\r\n\tif (_localStorage[`reverse${_extraKeyName}`] !== undefined && g_headerObj.reverseUse) {\r\n\t\tg_stateObj.reverse = _localStorage[`reverse${_extraKeyName}`] ?? C_FLG_OFF;\r\n\t\tg_settings.reverseNum = roundZero(g_settings.reverses.findIndex(reverse => reverse === g_stateObj.reverse));\r\n\t} else {\r\n\t\tsetReverseDefault();\r\n\t}\r\n};\r\n\r\n/**\r\n * リバースのデフォルト化処理\r\n */\r\nconst setReverseDefault = () => {\r\n\tg_stateObj.reverse = C_FLG_OFF;\r\n\tg_settings.reverseNum = 0;\r\n};\r\n\r\nconst setReverse = _btn => {\r\n\tif (!g_settings.scrolls.includes(`Reverse`) && g_headerObj.reverseUse) {\r\n\t\tg_settings.reverseNum = (g_settings.reverseNum + 1) % 2;\r\n\t\tg_stateObj.reverse = g_settings.reverses[g_settings.reverseNum];\r\n\t\tsetReverseView(_btn);\r\n\t}\r\n};\r\n\r\nconst setReverseView = _btn => {\r\n\t_btn.classList.replace(g_cssObj[`button_Rev${g_settings.reverses[(g_settings.reverseNum + 1) % 2]}`],\r\n\t\tg_cssObj[`button_Rev${g_settings.reverses[g_settings.reverseNum]}`]);\r\n\tif (!g_settings.scrolls.includes(`Reverse`) && g_headerObj.reverseUse) {\r\n\t\t_btn.textContent = `${g_lblNameObj.Reverse}:${getStgDetailName(g_stateObj.reverse)}`;\r\n\t} else {\r\n\t\t_btn.textContent = `X`;\r\n\t\tsetReverseDefault();\r\n\t}\r\n};\r\n\r\n/**\r\n * ゲージ設定メイン\r\n * @param {number} _scrollNum \r\n * @param {boolean} _gaugeInitFlg\r\n */\r\nconst setGauge = (_scrollNum, _gaugeInitFlg = false) => {\r\n\r\n\t/**\r\n\t * 数式からゲージ値に変換\r\n\t * arrow[] -> 矢印数, frz[] -> フリーズアロー数, all[] -> 矢印＋フリーズアロー数に置換する\r\n\t * @param {string} _val \r\n\t * @param {string} _defaultVal\r\n\t * @returns {number}\r\n\t */\r\n\tconst getGaugeCalc = (_val, _defaultVal) => {\r\n\t\treturn setVal(convertStrToVal(\r\n\t\t\treplaceStr(_val, g_escapeStr.gaugeParamName)?.split(`{0}`).join(g_stateObj.scoreId)\r\n\t\t), _defaultVal, C_TYP_CALC);\r\n\t};\r\n\t/**\r\n\t * ゲージ詳細一括変更\r\n\t * @param {object} _baseObj \r\n\t * @param {number} object.magInit\r\n\t * @param {number} object.magRcv\r\n\t * @param {number} object.magDmg\r\n\t */\r\n\tconst setLifeCategory = (_baseObj, { _magInit = 1, _magRcv = 1, _magDmg = 1 } = {}) => {\r\n\t\tg_stateObj.lifeInit = getGaugeCalc(_baseObj.lifeInits[g_stateObj.scoreId], g_stateObj.lifeInit) * _magInit;\r\n\t\tg_stateObj.lifeRcv = getGaugeCalc(_baseObj.lifeRecoverys[g_stateObj.scoreId], g_stateObj.lifeRcv) * _magRcv;\r\n\t\tg_stateObj.lifeDmg = getGaugeCalc(_baseObj.lifeDamages[g_stateObj.scoreId], g_stateObj.lifeDmg) * _magDmg;\r\n\t};\r\n\r\n\t/**\r\n\t * ライフモード切替\r\n\t * @param {object} _baseObj \r\n\t */\r\n\tconst changeLifeMode = (_baseObj) => {\r\n\t\tif (_baseObj.lifeBorders[g_stateObj.scoreId] === `x`) {\r\n\t\t\tg_stateObj.lifeBorder = 0;\r\n\t\t\tg_stateObj.lifeMode = C_LFE_SURVIVAL;\r\n\t\t} else {\r\n\t\t\tg_stateObj.lifeBorder = getGaugeCalc(_baseObj.lifeBorders[g_stateObj.scoreId], g_stateObj.lifeBorder);\r\n\t\t\tg_stateObj.lifeMode = C_LFE_BORDER;\r\n\t\t}\r\n\t};\r\n\r\n\t// ゲージ初期化\r\n\r\n\t// カスタムゲージの設定取得\r\n\tconst defaultCustomGauge = g_gaugeOptionObj.custom0 || g_gaugeOptionObj.customDefault;\r\n\tif (hasVal(defaultCustomGauge)) {\r\n\t\tg_gaugeOptionObj.custom = (g_gaugeOptionObj[`custom${g_stateObj.scoreId}`] || defaultCustomGauge).concat();\r\n\t\tg_gaugeOptionObj.varCustom = (g_gaugeOptionObj[`varCustom${g_stateObj.scoreId}`] || g_gaugeOptionObj.varCustom0 || g_gaugeOptionObj.varCustomDefault).concat();\r\n\t}\r\n\r\n\t// ゲージタイプの設定\r\n\tchangeLifeMode(g_headerObj);\r\n\tg_gaugeType = (g_gaugeOptionObj.custom.length > 0 ? C_LFE_CUSTOM : g_stateObj.lifeMode);\r\n\r\n\t// ゲージ配列を入れ替え\r\n\tg_settings.gauges = structuredClone(g_gaugeOptionObj[g_gaugeType.toLowerCase()]);\r\n\tg_settings.gaugeNum = getCurrentNo(g_settings.gauges, g_stateObj.gauge);\r\n\tg_stateObj.gauge = g_settings.gauges[g_settings.gaugeNum];\r\n\r\n\tsetSetting(_scrollNum, `gauge`);\r\n\tg_stateObj.lifeVariable = g_gaugeOptionObj[`var${g_gaugeType}`][g_settings.gaugeNum];\r\n\r\n\t// デフォルトゲージの設定を適用（g_gaugeOptionObjから取得）\r\n\tif (g_settings.gaugeNum !== 0 &&\r\n\t\t(g_gaugeOptionObj.custom.length === 0 ||\r\n\t\t\tg_gaugeOptionObj.defaultList.includes(g_gaugeOptionObj[`defaultGauge${g_stateObj.scoreId}`]))) {\r\n\r\n\t\tconst gType = (g_gaugeType === C_LFE_CUSTOM ?\r\n\t\t\ttoCapitalize(g_gaugeOptionObj[`defaultGauge${g_stateObj.scoreId}`]) : g_gaugeType);\r\n\t\tconst getGaugeVal = _type => g_gaugeOptionObj[`${_type}${gType}`][g_settings.gaugeNum];\r\n\t\tg_stateObj.lifeMode = getGaugeVal(`type`);\r\n\t\tg_stateObj.lifeBorder = getGaugeVal(`clear`);\r\n\t\tg_stateObj.lifeInit = getGaugeVal(`init`);\r\n\t\tg_stateObj.lifeRcv = getGaugeVal(`rcv`);\r\n\t\tg_stateObj.lifeDmg = getGaugeVal(`dmg`);\r\n\t}\r\n\r\n\t// デフォルトゲージの初期設定（Light, Easyでは回復量を2倍にする）\r\n\tif ([`Original`, `Light`, `Normal`, `Easy`].includes(g_stateObj.gauge)) {\r\n\t\tsetLifeCategory(g_headerObj, { _magRcv: [`Light`, `Easy`].includes(g_stateObj.gauge) ? 2 : 1 });\r\n\t}\r\n\r\n\t// ゲージ設定別に個別設定した場合はここで設定を上書き\r\n\t// 譜面ヘッダー：gaugeXXX で設定した値がここで適用される\r\n\tif (hasVal(g_gaugeOptionObj[`gauge${g_stateObj.gauge}s`])) {\r\n\t\tconst tmpGaugeObj = g_gaugeOptionObj[`gauge${g_stateObj.gauge}s`];\r\n\t\tif (hasVal(tmpGaugeObj.lifeBorders[g_stateObj.scoreId])) {\r\n\t\t\tchangeLifeMode(tmpGaugeObj);\r\n\t\t}\r\n\t\tsetLifeCategory(tmpGaugeObj);\r\n\t}\r\n\r\n\t// ゲージ詳細情報を表示\r\n\tlblGauge2.innerHTML = gaugeFormat(g_stateObj.lifeMode,\r\n\t\tg_stateObj.lifeBorder, g_stateObj.lifeRcv, g_stateObj.lifeDmg, g_stateObj.lifeInit, g_stateObj.lifeVariable);\r\n};\r\n\r\n/**\r\n * ゲージ設定の詳細表示を整形\r\n * @param {string} _mode \r\n * @param {number} _border \r\n * @param {number} _rcv \r\n * @param {number} _dmg \r\n * @param {number} _init \r\n * @param {string} _lifeValFlg \r\n * @returns {string}\r\n */\r\nconst gaugeFormat = (_mode, _border, _rcv, _dmg, _init, _lifeValFlg) => {\r\n\tconst initVal = g_headerObj.maxLifeVal * _init / 100;\r\n\tconst borderVal = g_headerObj.maxLifeVal * _border / 100;\r\n\r\n\t// 整形用にライフ初期値を整数、回復・ダメージ量を小数第2位に丸める\r\n\tconst init = Math.round(initVal);\r\n\tconst borderText = (_mode === C_LFE_BORDER && _border !== 0 ? Math.round(borderVal) : `-`);\r\n\tconst round2 = _val => Math.round(_val * 100) / 100;\r\n\r\n\tlet rcvText = round2(_rcv), dmgText = round2(_dmg);\r\n\tlet realRcv = _rcv, realDmg = _dmg;\r\n\tconst allCnt = sumData(g_detailObj.arrowCnt[g_stateObj.scoreId]) +\r\n\t\t(g_headerObj.frzStartjdgUse ? 2 : 1) * sumData(g_detailObj.frzCnt[g_stateObj.scoreId]);\r\n\r\n\t// ゲージ設定が矢印数依存の場合、実際の値に変換して表示する\r\n\t// 表示上、計算した値は小数第二位までの表示とする（それ以外はそのまま）\r\n\tif (_lifeValFlg === C_FLG_ON) {\r\n\t\trcvText = ``, dmgText = ``;\r\n\t\tif (allCnt > 0) {\r\n\t\t\trealRcv = Math.min(calcLifeVal(_rcv, allCnt), g_headerObj.maxLifeVal);\r\n\t\t\trealDmg = Math.min(calcLifeVal(_dmg, allCnt), g_headerObj.maxLifeVal);\r\n\t\t\trcvText = `${realRcv.toFixed(2)}
`;\r\n\t\t\tdmgText = `${realDmg.toFixed(2)}
`;\r\n\t\t}\r\n\t\trcvText += `(${round2(_rcv)})`;\r\n\t\tdmgText += `(${round2(_dmg)})`;\r\n\t}\r\n\r\n\t// 達成率(Accuracy)・許容ミス数の計算\r\n\tconst [rateText, allowableCntsText] = getAccuracy(borderVal, realRcv, realDmg, initVal, allCnt);\r\n\tg_workObj.requiredAccuracy = rateText;\r\n\r\n\t// 許容ミス数のみ、オンマウスで表示するためpointer-eventsを有効にする\r\n\treturn `
\r\n\t\t
\r\n\t`;\r\n};\r\n\r\n/**\r\n * 達成率、許容ミス数の取得\r\n * @param {number} _border \r\n * @param {number} _rcv \r\n * @param {number} _dmg \r\n * @param {number} _init \r\n * @param {number} _allCnt \r\n * @returns {string[]}\r\n */\r\nconst getAccuracy = (_border, _rcv, _dmg, _init, _allCnt) => {\r\n\tconst justPoint = _rcv + _dmg > 0 ? Math.max(_border - _init + _dmg * _allCnt, 0) / (_rcv + _dmg) : 0;\r\n\tconst minRecovery = (_border === 0 ? Math.floor(justPoint + 1) : Math.ceil(justPoint));\r\n\tconst rate = Math.max(minRecovery / _allCnt * 100, 0);\r\n\tlet rateText = _allCnt > 0 ? (rate <= 100 ? `${rate.toFixed(2)}%` : `${rate.toFixed(2)}%`) : `----`;\r\n\r\n\t// 許容ミス数の計算\r\n\tconst allowableCnts = Math.min(_allCnt - minRecovery, _allCnt);\r\n\tlet allowableCntsText = _allCnt > 0 ? (allowableCnts >= 0 ? `${allowableCnts}miss↓` : `Impossible (${allowableCnts}miss)`) : ``;\r\n\r\n\tif ((_rcv === 0 && _dmg === 0) || _rcv < 0 || _dmg < 0) {\r\n\t\trateText = `----`;\r\n\t\tallowableCntsText = ``;\r\n\t}\r\n\treturn [rateText, allowableCntsText];\r\n};\r\n\r\n/**\r\n * 空押し判定の設定\r\n * @param {HTMLDivElement} _btn\r\n */\r\nconst setExcessive = (_btn, _val) => {\r\n\tconst curExcessive = Number(g_settings.excessiveNum);\r\n\tg_settings.excessiveNum = _val !== undefined ? Number(_val) : (curExcessive + 1) % 2;\r\n\tg_stateObj.excessiveChgFlg = _val === undefined;\r\n\tif (g_stateObj.excessiveChgFlg) {\r\n\t\tg_stateObj.excessiveScoreId = g_stateObj.scoreId;\r\n\t}\r\n\tg_stateObj.excessive = g_settings.excessives[g_settings.excessiveNum];\r\n\t_btn.classList.replace(g_cssObj[`button_Rev${g_settings.excessives[curExcessive]}`],\r\n\t\tg_cssObj[`button_Rev${g_settings.excessives[g_settings.excessiveNum]}`]);\r\n};\r\n\r\n/**\r\n * 保存済みキーコンフィグ取得処理\r\n * @param {object} _localStorage 保存先のローカルストレージ名\r\n * @param {string} _extraKeyName 特殊キー名(通常キーは省略)\r\n */\r\nconst getKeyCtrl = (_localStorage, _extraKeyName = ``) => {\r\n\tg_keyObj.storagePtn = _localStorage[`keyCtrlPtn${_extraKeyName}`];\r\n\tconst basePtn = `${g_keyObj.currentKey}_${g_keyObj.storagePtn}`;\r\n\tconst baseKeyNum = g_keyObj[`${g_keyObj.defaultProp}${basePtn}`].length;\r\n\r\n\tif (_localStorage[`keyCtrl${_extraKeyName}`]?.[0].length > 0) {\r\n\t\tconst prevPtn = g_keyObj.currentPtn;\r\n\t\tg_keyObj.currentPtn = -1;\r\n\t\tconst copyPtn = `${g_keyObj.currentKey}_-1`;\r\n\t\tg_keyObj[`keyCtrl${copyPtn}`] = [...Array(baseKeyNum)].map(() => []);\r\n\t\tg_keyObj[`keyCtrl${copyPtn}d`] = [...Array(baseKeyNum)].map(() => []);\r\n\r\n\t\tfor (let j = 0; j < baseKeyNum; j++) {\r\n\t\t\tfor (let k = 0; k < g_keyObj[`keyCtrl${basePtn}`][j].length; k++) {\r\n\t\t\t\tg_keyObj[`keyCtrl${copyPtn}d`][j][k] = g_keyObj[`keyCtrl${copyPtn}`][j][k] = _localStorage[`keyCtrl${_extraKeyName}`][j][k];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst isUpdate = prevPtn !== -1 && g_keyObj.prevKey !== g_keyObj.currentKey;\r\n\t\tg_keyCopyLists.multiple.filter(header => g_keyObj[`${header}${basePtn}`] !== undefined && isUpdate)\r\n\t\t\t.forEach(header => g_keyObj[`${header}${copyPtn}`] = structuredClone(g_keyObj[`${header}${basePtn}`]));\r\n\t\tg_keyCopyLists.simple.filter(header => g_keyObj[`${header}${basePtn}`] !== undefined && isUpdate)\r\n\t\t\t.forEach(header => g_keyObj[`${header}${copyPtn}`] = g_keyObj[`${header}${basePtn}`]);\r\n\r\n\t\tg_keycons.groups.forEach(type => {\r\n\t\t\tlet maxPtn = 0;\r\n\t\t\twhile (g_keyObj[`${type}${basePtn}_${maxPtn}`] !== undefined) {\r\n\t\t\t\tmaxPtn++;\r\n\t\t\t}\r\n\t\t\tfor (let j = 0; j < maxPtn; j++) {\r\n\t\t\t\tg_keyObj[`${type}${copyPtn}_${j}`] = structuredClone(g_keyObj[`${type}${basePtn}_${j}`]);\r\n\t\t\t}\r\n\t\t\tg_keyObj[`${type}${copyPtn}_0d`] = structuredClone(g_keyObj[`${type}${copyPtn}_0`]);\r\n\t\t});\r\n\t}\r\n};\r\n\r\n/**\r\n * 設定・オプション表示用ボタン\r\n * @param {string} _id \r\n * @param {string} _name 初期設定文字\r\n * @param {number} _heightPos 上からの配置順\r\n * @param {function} _func 通常ボタン処理\r\n * @param {number} [object.x]\r\n * @param {number} [object.y]\r\n * @param {number} [object.w]\r\n * @param {number} [object.h]\r\n * @param {number} [object.siz]\r\n * @param {function} [object.cxtFunc] 右クリック時の処理\r\n * @param {...any} [object.rest]\r\n * @param {...any} _classes 追加するクラス\r\n * @returns {HTMLDivElement}\r\n */\r\nconst makeSettingLblCssButton = (_id, _name, _heightPos, _func, {\r\n\tx = g_limitObj.setLblLeft, y = g_limitObj.setLblHeight * _heightPos,\r\n\tw = g_limitObj.setLblWidth, h = g_limitObj.setLblHeight, siz = g_limitObj.setLblSiz,\r\n\tcxtFunc = () => true, ...rest } = {}, ..._classes) =>\r\n\tcreateCss2Button(_id, _name, _func, { x, y, w, h, siz, cxtFunc, ...rest }, g_cssObj.button_Default, ..._classes);\r\n\r\n/**\r\n * 譜面変更セレクター用ボタン\r\n * @param {string} _id\r\n * @param {string} _name 初期設定文字\r\n * @param {number} _heightPos 上からの配置順\r\n * @param {function} _func\r\n * @param {number} [object.x]\r\n * @param {number} [object.h]\r\n * @param {number} [object.y=h*_heightPos]\r\n * @param {number} [object.w]\r\n * @param {number} [object.siz]\r\n * @param {string} [object.btnStyle='Default']\r\n * @returns {HTMLDivElement}\r\n */\r\nconst makeDifLblCssButton = (_id, _name, _heightPos, _func, {\r\n\tx = 0, h = g_limitObj.setLblHeight, y = h * _heightPos,\r\n\tw = g_limitObj.difSelectorWidth, siz = g_limitObj.difSelectorSiz, btnStyle = `Default` } = {}) =>\r\n\tcreateCss2Button(_id, _name, _func, {\r\n\t\tx, y, w, h, siz, borderStyle: `solid`, title: g_msgObj[_id] ?? ``,\r\n\t}, g_cssObj[`button_${btnStyle}`], g_cssObj.button_ON);\r\n\r\n/**\r\n * 設定・オプション用の設定変更ミニボタン\r\n * @param {string} _id \r\n * @param {string} _directionFlg 表示用ボタンのどちら側に置くかを設定。(R, RR:右、L, LL:左)\r\n * @param {number} _heightPos 上からの配置順\r\n * @param {function} _func \r\n * @param {number} [object.dx=0]\r\n * @param {number} [object.dy=0]\r\n * @param {number} [object.dw=0]\r\n * @param {number} [object.dh=0]\r\n * @param {number} [object.dsiz=0]\r\n * @param {string} [object.visibility='visible']\r\n * @returns {HTMLDivElement}\r\n */\r\nconst makeMiniCssButton = (_id, _directionFlg, _heightPos, _func, { dx = 0, dy = 0, dw = 0, dh = 0, dsiz = 0, visibility = `visible` } = {}) =>\r\n\tcreateCss2Button(`${_id}${_directionFlg}`, g_settingBtnObj.chara[_directionFlg], _func, {\r\n\t\tx: g_settingBtnObj.pos[_directionFlg] + dx, y: g_limitObj.setLblHeight * _heightPos + dy,\r\n\t\tw: g_limitObj.setMiniWidth + dw, h: g_limitObj.setLblHeight + dh, siz: g_limitObj.setLblSiz + dsiz, visibility,\r\n\t}, g_cssObj.button_Mini);\r\n\r\n/**\r\n * カラーグループ、シャッフルグループの再設定\r\n * @param {string} _type \r\n * @param {string} _keyCtrlPtn\r\n */\r\nconst resetGroupList = (_type, _keyCtrlPtn) => {\r\n\tlet k = 1;\r\n\tg_keycons[`${_type}Groups`] = [0];\r\n\r\n\tif (g_keyObj.currentPtn === -1) {\r\n\t\tg_keycons[`${_type}Groups`] = addValtoArray(g_keycons[`${_type}Groups`], -1);\r\n\t}\r\n\tg_keycons[`${_type}GroupNum`] = Math.min(g_keyObj.currentPtn, 0);\r\n\twhile (g_keyObj[`${_type}${_keyCtrlPtn}_${k}`] !== undefined) {\r\n\t\tg_keycons[`${_type}Groups`].push(k);\r\n\t\tk++;\r\n\t}\r\n};\r\n\r\n/*-----------------------------------------------------------*/\r\n/* Scene : SETTINGS-DISPLAY [lemon] */\r\n/*-----------------------------------------------------------*/\r\n\r\nconst settingsDisplayInit = () => {\r\n\r\n\tclearWindow(true);\r\n\tconst divRoot = document.getElementById(`divRoot`);\r\n\tg_currentPage = `settingsDisplay`;\r\n\r\n\t// 譜面初期情報ロード許可フラグ\r\n\tg_canLoadDifInfoFlg = false;\r\n\r\n\t// タイトル文字描画\r\n\tdivRoot.appendChild(getTitleDivLabel(`lblTitle`, g_lblNameObj.display, 0, 15, `settings_Display`));\r\n\r\n\t// オプションボタン用の設置\r\n\tcreateSettingsDisplayWindow(divRoot);\r\n\r\n\t// ショートカットキーメッセージ\r\n\tdivRoot.appendChild(createDescDiv(`scMsg`, g_lblNameObj.sdShortcutDesc));\r\n\r\n\t// ユーザカスタムイベント(初期)\r\n\tg_customJsObj.settingsDisplay.forEach(func => func());\r\n\r\n\t// ボタン描画\r\n\tcommonSettingBtn(`Settings`);\r\n\r\n\t// キー操作イベント（デフォルト）\r\n\tsetShortcutEvent(g_currentPage);\r\n\tdocument.oncontextmenu = () => true;\r\n\r\n\tg_skinJsObj.settingsDisplay.forEach(func => func());\r\n};\r\n\r\n/**\r\n * 設定・オプション画面のラベル・ボタン処理の描画\r\n * @param {Object} _sprite 基準とするスプライト(ここで指定する座標は、そのスプライトからの相対位置)\r\n */\r\nconst createSettingsDisplayWindow = _sprite => {\r\n\r\n\t/**\r\n\t * Display表示/非表示ボタン\r\n\t * @param {string} _name \r\n\t * @param {number} _heightPos 縦位置\r\n\t * @param {number} _widthPos 横位置\r\n\t */\r\n\tconst makeDisplayButton = (_name, _heightPos, _widthPos) => {\r\n\r\n\t\tconst flg = g_stateObj[`d_${_name.toLowerCase()}`];\r\n\t\tconst linkId = `lnk${_name}`;\r\n\r\n\t\tif (g_headerObj[`${_name}Use`]) {\r\n\r\n\t\t\t// 設定名、CSS名(2種)、表示名\r\n\t\t\tconst list = [C_FLG_OFF, C_FLG_ON].concat(g_settings[`d_${_name}s`] || []);\r\n\t\t\tconst cssBarList = [C_FLG_OFF, C_FLG_ON].concat(Array(g_settings[`d_${_name}s`]?.length).fill(g_settings.d_cssBarExName) || []);\r\n\t\t\tconst cssBgList = [g_settings.d_cssBgName, g_settings.d_cssBgName].concat(Array(g_settings[`d_${_name}s`]?.length).fill(g_settings.d_cssBgExName) || []);\r\n\t\t\tconst lbls = [toCapitalize(_name), toCapitalize(_name)].concat(g_settings[`d_${_name}s`] || []);\r\n\r\n\t\t\tconst dispView = () => [C_FLG_OFF, C_FLG_ON].includes(g_stateObj[`d_${_name.toLowerCase()}`]) ?\r\n\t\t\t\tg_lblNameObj[`d_${toCapitalize(_name)}`] : getStgDetailName(lbls[g_settings.displayNum[_name]]);\r\n\r\n\t\t\tconst withShortCutDesc = () => createScText(document.getElementById(linkId), `${toCapitalize(_name)}`,\r\n\t\t\t\t{ displayName: g_currentPage, targetLabel: linkId, x: -5 });\r\n\r\n\t\t\t/**\r\n\t\t\t * Displayボタン処理\r\n\t\t\t * @param {number} _scrollNum \r\n\t\t\t * @param {boolean} _filterFlg \r\n\t\t\t */\r\n\t\t\tconst switchDisplay = (_scrollNum = 1, _filterFlg = true) => {\r\n\t\t\t\tconst prevDisp = g_settings.displayNum[_name];\r\n\t\t\t\tconst [prevBarColor, prevBgColor] = [cssBarList[prevDisp], cssBgList[prevDisp]];\r\n\r\n\t\t\t\tg_settings.displayNum[_name] = (prevDisp + _scrollNum) % (_filterFlg ? 2 : list.length);\r\n\t\t\t\tconst nextDisp = g_settings.displayNum[_name];\r\n\t\t\t\tconst [nextBarColor, nextBgColor] = [cssBarList[nextDisp], cssBgList[nextDisp]];\r\n\r\n\t\t\t\tg_stateObj[`d_${_name.toLowerCase()}`] = list[g_settings.displayNum[_name]];\r\n\t\t\t\tdocument.getElementById(linkId).innerHTML = dispView();\r\n\t\t\t\tdocument.getElementById(linkId).classList.replace(g_cssObj[`button_${prevBarColor}`], g_cssObj[`button_${nextBarColor}`]);\r\n\t\t\t\tdocument.getElementById(linkId).classList.replace(g_cssObj[`button_${prevBgColor}`], g_cssObj[`button_${nextBgColor}`]);\r\n\r\n\t\t\t\twithShortCutDesc();\r\n\t\t\t\tinterlockingButton(g_headerObj, _name, nextBarColor, prevBarColor, true);\r\n\t\t\t};\r\n\r\n\t\t\t// Displayボタン初期化\r\n\t\t\tg_settings.displayNum[_name] = list.findIndex(flg => flg === g_stateObj[`d_${_name.toLowerCase()}`]);\r\n\t\t\tdisplaySprite.appendChild(\r\n\t\t\t\tmakeSettingLblCssButton(linkId, dispView(), _heightPos, () => switchDisplay(), {\r\n\t\t\t\t\tx: 30 + 180 * _widthPos, w: 170,\r\n\t\t\t\t\ttitle: g_msgObj[`d_${_name.toLowerCase()}`], borderStyle: `solid`,\r\n\t\t\t\t\tcxtFunc: () => switchDisplay(-1),\r\n\t\t\t\t}, `button_${cssBgList[g_settings.displayNum[_name]]}`, `button_${cssBarList[g_settings.displayNum[_name]]}`)\r\n\t\t\t);\r\n\t\t\twithShortCutDesc();\r\n\r\n\t\t\t// Display切替ボタン（ON/OFF以外用）\r\n\t\t\tif (g_settings[`d_${_name}s`] !== undefined) {\r\n\t\t\t\tdisplaySprite.appendChild(\r\n\t\t\t\t\tmakeSettingLblCssButton(`${linkId}R`, `>`, _heightPos, () => switchDisplay(1, false), {\r\n\t\t\t\t\t\tx: 175 + 180 * _widthPos, w: 25,\r\n\t\t\t\t\t}, g_cssObj.button_Mini)\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tdisplaySprite.appendChild(\r\n\t\t\t\tcreateDivCss2Label(linkId, g_lblNameObj[`d_${toCapitalize(_name)}`] + `:${g_headerObj[`${_name}Set`]}`, {\r\n\t\t\t\t\tx: 30 + 180 * _widthPos, y: 3 + g_limitObj.setLblHeight * _heightPos,\r\n\t\t\t\t\tw: 170, siz: g_limitObj.difSelectorSiz,\r\n\t\t\t\t}, g_cssObj[`button_Disabled${flg}`])\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\t// 各ボタン用のスプライトを作成\r\n\tconst optionsprite = createEmptySprite(_sprite, `optionsprite`, g_windowObj.optionSprite);\r\n\r\n\t// 設定毎に個別のスプライトを作成し、その中にラベル・ボタン類を配置\r\n\tconst displaySprite = createEmptySprite(optionsprite, `displaySprite`, g_windowObj.displaySprite);\r\n\tconst spriteList = setSpriteList(g_settingPos.settingsDisplay);\r\n\r\n\t_sprite.appendChild(createDivCss2Label(`sdDesc`, g_lblNameObj.sdDesc, g_lblPosObj.sdDesc));\r\n\tg_displays.forEach((name, j) => makeDisplayButton(name, j % 7, Math.floor(j / 7)));\r\n\r\n\t// ---------------------------------------------------\r\n\t// 矢印の見え方 (Appearance)\r\n\t// 縦位置: 7.4\r\n\tcreateGeneralSetting(spriteList.appearance, `appearance`, {\r\n\t\taddRFunc: () => dispAppearanceSlider(),\r\n\t});\r\n\r\n\t// Hidden+/Sudden+初期値用スライダー、ロックボタン\r\n\tmultiAppend(spriteList.appearance,\r\n\t\tcreateDivCss2Label(`lblAppearancePos`, `${g_hidSudObj.distH[g_stateObj.appearance](g_hidSudObj.filterPos)}`, g_lblPosObj.lblAppearancePos),\r\n\t\tcreateDivCss2Label(`lblAppearanceBar`, ``,\r\n\t\t\tg_lblPosObj.lblAppearanceBar),\r\n\t\tcreateCss2Button(`lnkLockBtn`, g_lblNameObj.filterLock, evt => setLockView(evt.target),\r\n\t\t\tObject.assign(g_lblPosObj.lnkLockBtn, {\r\n\t\t\t\tcxtFunc: evt => setLockView(evt.target),\r\n\t\t\t}), g_cssObj.button_Default, g_cssObj[`button_Rev${g_stateObj.filterLock}`]),\r\n\t);\r\n\r\n\tconst setLockView = (_btn) => {\r\n\t\tconst prevLock = g_stateObj.filterLock;\r\n\t\tg_settings.filterLockNum = (g_settings.filterLockNum + 1) % 2;\r\n\t\tg_stateObj.filterLock = g_settings.filterLocks[g_settings.filterLockNum];\r\n\r\n\t\t_btn.classList.replace(g_cssObj[`button_Rev${prevLock}`],\r\n\t\t\tg_cssObj[`button_Rev${g_stateObj.filterLock}`]);\r\n\t};\r\n\r\n\tconst appearanceSlider = document.getElementById(`appearanceSlider`);\r\n\tappearanceSlider.addEventListener(`input`, () =>\r\n\t\tg_hidSudObj.filterPos = inputSlider(appearanceSlider, lblAppearancePos, `appearance`), false);\r\n\r\n\tconst dispAppearanceSlider = () => {\r\n\t\t[`lblAppearanceBar`, `lnkLockBtn`, `lnkfilterLine`].forEach(obj =>\r\n\t\t\t$id(obj).visibility = g_appearanceRanges.includes(g_stateObj.appearance) ? `Visible` : `Hidden`);\r\n\t\tinputSlider(appearanceSlider, lblAppearancePos, `appearance`);\r\n\t};\r\n\tdispAppearanceSlider();\r\n\r\n\t// ---------------------------------------------------\r\n\t// 判定表示系の不透明度 (Opacity)\r\n\t// 縦位置: 9\r\n\tg_headerObj.opacityUse = false;\r\n\t[`judgment`, `fastSlow`, `filterLine`].forEach(display =>\r\n\t\tg_headerObj.opacityUse ||= g_headerObj[`${display}Use`] || g_headerObj[`${display}Set`] === C_FLG_ON);\r\n\r\n\tcreateGeneralSetting(spriteList.opacity, `opacity`, { unitName: g_lblNameObj.percent });\r\n\r\n\t// ---------------------------------------------------\r\n\t// タイミング調整 (HitPosition)\r\n\t// 縦位置: 10\r\n\tcreateGeneralSetting(spriteList.hitPosition, `hitPosition`, {\r\n\t\tskipTerms: g_settings.hitPositionTerms, scLabel: g_lblNameObj.sc_hitPosition, roundNum: 5,\r\n\t\tunitName: g_lblNameObj.pixel,\r\n\t});\r\n};\r\n\r\n/**\r\n * Displayボタンを切り替えたときに連動して切り替えるボタンの設定\r\n * @param {object} _headerObj \r\n * @param {string} _name \r\n * @param {string} _current 変更元\r\n * @param {string} _next 変更先\r\n * @param {boolean} _buttonFlg ボタンフラグ (false: 初期, true: ボタン)\r\n */\r\nconst interlockingButton = (_headerObj, _name, _current, _next, _buttonFlg = false) => {\r\n\tlet includeDefaults = [];\r\n\tif (g_stateObj[`d_${_name.toLowerCase()}`] === C_FLG_OFF) {\r\n\t\tg_displays.forEach(option => {\r\n\t\t\tif (option === _name) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (g_stateObj[`d_${option.toLowerCase()}`] === C_FLG_ON && _headerObj[`${option}Default`] !== undefined) {\r\n\t\t\t\tincludeDefaults = includeDefaults.concat(_headerObj[`${option}ChainOFF`]);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tif (_headerObj[`${_name}ChainOFF`].length !== 0) {\r\n\r\n\t\t// 連動してOFFにするボタンの設定\r\n\t\t_headerObj[`${_name}ChainOFF`].filter(defaultOption => !includeDefaults.includes(defaultOption))\r\n\t\t\t.forEach(defaultOption => {\r\n\t\t\t\tg_stateObj[`d_${defaultOption.toLowerCase()}`] = _next;\r\n\t\t\t\tif (_buttonFlg) {\r\n\t\t\t\t\tlet txtDisabled = ``;\r\n\t\t\t\t\tif (!g_headerObj[`${defaultOption}Use`]) {\r\n\t\t\t\t\t\ttxtDisabled = `Disabled`;\r\n\t\t\t\t\t\tdocument.getElementById(`lnk${defaultOption}`).textContent = `${toCapitalize(defaultOption)}:${_next}`;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tdocument.getElementById(`lnk${defaultOption}`).classList.replace(g_cssObj[`button_${txtDisabled}${_current}`], g_cssObj[`button_Disabled${_next}`]);\r\n\t\t\t\t}\r\n\t\t\t\t// さらに連動する場合は設定を反転\r\n\t\t\t\tinterlockingButton(_headerObj, defaultOption, _next, _current, _buttonFlg);\r\n\t\t\t});\r\n\t}\r\n};\r\n\r\n/*-----------------------------------------------------------*/\r\n/* Scene : EX-SETTINGS [apple] */\r\n/*-----------------------------------------------------------*/\r\n\r\nconst exSettingInit = () => {\r\n\tclearWindow(true);\r\n\tg_currentPage = `exSetting`;\r\n\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// 画面タイトル\r\n\t\tgetTitleDivLabel(`lblTitle`,\r\n\t\t\t`\r\n\t\t\t
\r\n\t\t\r\n\t\t\t\t${g_lblNameObj.g_start}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t${g_lblNameObj.g_border}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t${g_lblNameObj.g_recovery}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t${g_lblNameObj.g_damage}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t${g_lblNameObj.g_rate}\r\n\t\t\t
\r\n\t\t\r\n\t\t\t
\r\n\t\r\n\t\t\t\t${init}/${g_headerObj.maxLifeVal}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t${borderText}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t${rcvText}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t${dmgText}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t${rateText}\r\n\t\t\t
\r\n\t\tEX-
SETTINGS
`\r\n\t\t\t\t.replace(/[\\t\\n]/g, ``), 0, 15, g_cssObj.flex_centering),\r\n\r\n\t);\r\n\r\n\t// 各ボタン用のスプライトを作成\r\n\tcreateEmptySprite(divRoot, `optionsprite`, g_windowObj.optionSprite);\r\n\tconst spriteList = setSpriteList(g_settingPos.exSetting);\r\n\r\n\tcreateGeneralSetting(spriteList.playWindow, `playWindow`);\r\n\tlblPlayWindow.title += g_headerObj.heightLockFlg ? g_msgObj.sideScrollDisable : g_msgObj.sideScrollMsg;\r\n\r\n\tcreateGeneralSetting(spriteList.stepArea, `stepArea`);\r\n\tcreateGeneralSetting(spriteList.frzReturn, `frzReturn`);\r\n\tcreateGeneralSetting(spriteList.shaking, `shaking`);\r\n\tcreateGeneralSetting(spriteList.effect, `effect`, {\r\n\t\taddRFunc: () => {\r\n\t\t\tg_stateObj.d_arroweffect = boolToSwitch(g_stateObj.effect !== C_FLG_OFF || g_headerObj.arrowEffectSetFlg);\r\n\t\t\tg_headerObj.arrowEffectUse = g_stateObj.effect === C_FLG_OFF && g_headerObj.arrowEffectUseOrg;\r\n\t\t\tg_headerObj.arrowEffectSet = g_stateObj.d_arroweffect;\r\n\t\t},\r\n\t});\r\n\tcreateGeneralSetting(spriteList.camoufrage, `camoufrage`);\r\n\tcreateGeneralSetting(spriteList.swapping, `swapping`);\r\n\tcreateGeneralSetting(spriteList.judgRange, `judgRange`, {\r\n\t\taddRFunc: () => {\r\n\t\t\t[g_judgObj.arrowJ, g_judgObj.frzJ] = g_judgRanges[g_stateObj.judgRange];\r\n\t\t\tlblJudgRangeView.innerHTML = getJudgRangeView();\r\n\t\t}\r\n\t});\r\n\tcreateGeneralSetting(spriteList.autoRetry, `autoRetry`);\r\n\r\n\t// 判定範囲の設定を表示\r\n\tconst getJudgRangeView = () => `| ` +\r\n\t\t`${g_lblNameObj.j_ii}: ≦ ±${g_judgObj.arrowJ[0]} f | ` +\r\n\t\t`${g_lblNameObj.j_shakin}: ≦ ±${g_judgObj.arrowJ[1]} f | ` +\r\n\t\t`${g_lblNameObj.j_matari}: ≦ ±${g_judgObj.arrowJ[2]} f | | ` +\r\n\t\t`${g_lblNameObj.j_shobon}: ≦ ±${g_judgObj.arrowJ[3]} f | ` +\r\n\t\t`${g_lblNameObj.j_uwan}: > ±${g_judgObj.arrowJ[3]} f |
| ` +\r\n\t\t`${g_lblNameObj.j_kita}: ≦ ±${g_judgObj.frzJ[1]} f | ` +\r\n\t\t`${g_lblNameObj.j_iknai}: > ±${g_judgObj.frzJ[1]} f |`;\r\n\r\n\tmultiAppend(judgRangeSprite,\r\n\t\tcreateDivCss2Label(`lblJudgRangeView`, getJudgRangeView(), {\r\n\t\t\tx: parseFloat($id(`lblJudgRange`).left) + 10, y: parseFloat($id(`lblJudgRange`).top) + 25, w: 300, h: 30, siz: 13,\r\n\t\t\talign: C_ALIGN_LEFT,\r\n\t\t}),\r\n\t);\r\n\r\n\t// ユーザカスタムイベント(初期)\r\n\tg_customJsObj.exSetting.forEach(func => func());\r\n\r\n\t// 設定系のボタン群をまとめて作成（Data Save, Display切替, Back, KeyConfig, Playボタン）\r\n\tcommonSettingBtn(g_currentPage);\r\n\r\n\t// キー操作イベント（デフォルト）\r\n\tsetShortcutEvent(g_currentPage, () => true, { dfEvtFlg: true });\r\n\tdocument.oncontextmenu = () => true;\r\n\r\n\tg_skinJsObj.exSetting.forEach(func => func());\r\n};\r\n\r\n/*-----------------------------------------------------------*/\r\n/* Scene : KEYCONFIG [orange] */\r\n/*-----------------------------------------------------------*/\r\n\r\n/**\r\n * キーコンフィグ画面初期化\r\n * @param {string} _kcType\r\n */\r\nconst keyConfigInit = (_kcType = g_kcType) => {\r\n\r\n\tclearWindow(true);\r\n\tconst divRoot = document.getElementById(`divRoot`);\r\n\tg_kcType = _kcType;\r\n\tg_currentPage = `keyConfig`;\r\n\tlet selectedKc = `Default`;\r\n\r\n\t// 譜面初期情報ロード許可フラグ\r\n\tg_canLoadDifInfoFlg = false;\r\n\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// キーコンフィグ画面タイトル\r\n\t\tgetTitleDivLabel(`lblTitle`,\r\n\t\t\t`
${g_lblNameObj.key}
${g_lblNameObj.config}
`\r\n\t\t\t\t.replace(/[\\t\\n]/g, ``), 0, 15, g_cssObj.flex_centering),\r\n\r\n\t\tcreateDescDiv(`kcDesc`, g_lblNameObj.kcDesc.split(`{0}`).join(g_kCd[C_KEY_RETRY])\r\n\t\t\t.split(`{1}:`).join(g_isMac ? `` : `Delete:`)),\r\n\r\n\t\tcreateDescDiv(`kcShuffleDesc`, g_headerObj.shuffleUse ? g_lblNameObj.kcShuffleDesc : g_lblNameObj.kcNoShuffleDesc),\r\n\t);\r\n\r\n\t// キーの一覧を表示\r\n\tconst keyconSprite = createEmptySprite(divRoot, `keyconSprite`, g_windowObj.keyconSprite);\r\n\tconst tkObj = getKeyInfo();\r\n\tconst [keyCtrlPtn, keyNum, posMax, divideCnt] =\r\n\t\t[tkObj.keyCtrlPtn, tkObj.keyNum, tkObj.posMax, tkObj.divideCnt];\r\n\r\n\tg_keyCopyLists.simpleDef.forEach(header => updateKeyInfo(header, keyCtrlPtn));\r\n\taddTransform(`keyconSprite`, `root`, `scale(${g_keyObj.scale})`)\r\n\tkeyconSprite.style.height = `${parseFloat(keyconSprite.style.height) / ((1 + g_keyObj.scale) / 2)}px`;\r\n\tconst kWidth = parseInt(keyconSprite.style.width);\r\n\tchangeSetColor();\r\n\r\n\tconst maxLeftPos = Math.max(divideCnt, posMax - divideCnt - 2) / 2;\r\n\tconst maxLeftX = Math.min(0, (kWidth - C_ARW_WIDTH) / 2 - maxLeftPos * g_keyObj.blank);\r\n\r\n\tg_keycons.cursorNumList = [...Array(keyNum).keys()].map(i => i);\r\n\tconst configKeyGroupList = g_headerObj.keyGroupOrder[g_stateObj.scoreId] ??\r\n\t\tg_keyObj[`keyGroupOrder${keyCtrlPtn}`] ?? tkObj.keyGroupList;\r\n\tg_keycons.colorCursorNum = 0;\r\n\r\n\t/**\r\n\t * keyconSpriteのスクロール位置調整\r\n\t * @param {number} _targetX \r\n\t */\r\n\tconst adjustScrollPoint = _targetX => {\r\n\t\tif (maxLeftX !== 0) {\r\n\t\t\tkeyconSprite.scrollLeft = Math.max(0, _targetX - g_sWidth / 2);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * キーコンフィグ用の矢印色を取得\r\n\t * @param {number} _j\r\n\t * @param {number} _colorPos\r\n\t * @returns {string} \r\n\t */\r\n\tconst getKeyConfigColor = (_j, _colorPos) => {\r\n\t\tlet arrowColor = g_headerObj.setColor[_colorPos];\r\n\t\tif (typeof g_keyObj[`assistPos${keyCtrlPtn}`] === C_TYP_OBJECT &&\r\n\t\t\tg_keyObj[`assistPos${keyCtrlPtn}`][g_stateObj.autoPlay] !== undefined &&\r\n\t\t\t!g_autoPlaysBase.includes(g_stateObj.autoPlay)) {\r\n\t\t\tif (g_keyObj[`assistPos${keyCtrlPtn}`][g_stateObj.autoPlay][_j] === 1) {\r\n\t\t\t\tarrowColor = g_headerObj.setDummyColor[_colorPos];\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn arrowColor;\r\n\t};\r\n\r\n\t/**\r\n\t * 対象割り当てキーの色変更\r\n\t * @param {number} _j \r\n\t * @param {number} _k \r\n\t * @param {string} _cssName \r\n\t */\r\n\tconst changeKeyConfigColor = (_j, _k, _cssName) =>\r\n\t\tchangeConfigColor(document.getElementById(`keycon${_j}_${_k}`), _cssName);\r\n\r\n\t/**\r\n\t * 一時的に矢印色・シャッフルグループを変更（共通処理）\r\n\t * @param {string} _type \r\n\t * @param {number} _len \r\n\t * @param {number} _j \r\n\t * @param {number} _scrollNum \r\n\t * @returns {number}\r\n\t */\r\n\tconst changeTmpData = (_type, _len, _j, _scrollNum) => {\r\n\t\tconst tmpNo = nextPos(g_keyObj[`${_type}${keyCtrlPtn}_${g_keycons[`${_type}GroupNum`]}`][_j], _scrollNum, _len);\r\n\t\tg_keyObj[`${_type}${keyCtrlPtn}`][_j] = tmpNo;\r\n\t\tg_keyObj[`${_type}${keyCtrlPtn}_${g_keycons[`${_type}GroupNum`]}`][_j] = tmpNo;\r\n\r\n\t\treturn tmpNo;\r\n\t};\r\n\r\n\t/**\r\n\t * 一時的に矢印色を変更\r\n\t * @param {number} _j\r\n\t * @param {number} _scrollNum \r\n\t */\r\n\tconst changeTmpColor = (_j, _scrollNum = 1) => {\r\n\t\tchangeTmpData(`color`, g_headerObj.setColor.length, _j, _scrollNum);\r\n\t\tconst arrowColor = getKeyConfigColor(_j, g_keyObj[`color${keyCtrlPtn}`][_j]);\r\n\t\t$id(`arrow${_j}`).background = arrowColor;\r\n\t\t$id(`arrowShadow${_j}`).background = getShadowColor(g_keyObj[`color${keyCtrlPtn}`][_j], arrowColor);\r\n\r\n\t\tadjustScrollPoint(parseFloat($id(`arrow${_j}`).left));\r\n\t};\r\n\r\n\t/**\r\n\t * 一時的にシャッフルグループ番号を変更\r\n\t * @param {number} _j \r\n\t * @param {number} _scrollNum \r\n\t */\r\n\tconst changeTmpShuffleNum = (_j, _scrollNum = 1) => {\r\n\t\tconst tmpShuffle = changeTmpData(`shuffle`, g_keyObj[`keyCtrl${keyCtrlPtn}`].length - 1, _j, _scrollNum);\r\n\t\tdocument.getElementById(`sArrow${_j}`).textContent = tmpShuffle + 1;\r\n\r\n\t\tchangeShuffleConfigColor(keyCtrlPtn, g_keyObj[`shuffle${keyCtrlPtn}_${g_keycons.shuffleGroupNum}`][_j], _j);\r\n\t\tadjustScrollPoint(parseFloat($id(`arrow${_j}`).left));\r\n\t};\r\n\r\n\tconst addLeft = (maxLeftX === 0 ? 0 : - maxLeftX + g_limitObj.kcColorPickerX);\r\n\tfor (let j = 0; j < keyNum; j++) {\r\n\r\n\t\tconst posj = g_keyObj[`pos${keyCtrlPtn}`][j];\r\n\t\tconst stdPos = posj - ((posj > divideCnt ? posMax : 0) + divideCnt) / 2;\r\n\r\n\t\tconst keyconX = g_keyObj.blank * stdPos + (kWidth - C_ARW_WIDTH) / 2 + addLeft;\r\n\t\tconst keyconY = C_KYC_HEIGHT * (Number(posj > divideCnt)) + 12;\r\n\t\tconst colorPos = g_keyObj[`color${keyCtrlPtn}`][j];\r\n\t\tconst arrowColor = getKeyConfigColor(j, colorPos);\r\n\r\n\t\tkeyconSprite.appendChild(\r\n\t\t\tcreateCss2Button(`color${j}`, ``, () => changeTmpColor(j), {\r\n\t\t\t\tx: keyconX, y: keyconY, w: C_ARW_WIDTH, h: C_ARW_WIDTH,\r\n\t\t\t\tcxtFunc: () => changeTmpColor(j, -1),\r\n\t\t\t}, g_cssObj.button_Default_NoColor, g_cssObj.title_base)\r\n\t\t);\r\n\t\t// キーコンフィグ表示用の矢印・おにぎりを表示\r\n\t\tmultiAppend(keyconSprite,\r\n\t\t\t// 矢印の塗り部分\r\n\t\t\tcreateColorObject2(`arrowShadow${j}`, {\r\n\t\t\t\tx: keyconX, y: keyconY, background: hasVal(g_headerObj[`setShadowColor${g_colorType}`][colorPos]) ? getShadowColor(colorPos, arrowColor) : ``,\r\n\t\t\t\trotate: g_keyObj[`stepRtn${keyCtrlPtn}_${g_keycons.stepRtnGroupNum}`][j], styleName: `Shadow`,\r\n\t\t\t}),\r\n\t\t\t// 矢印本体\r\n\t\t\tcreateColorObject2(`arrow${j}`, {\r\n\t\t\t\tx: keyconX, y: keyconY, background: arrowColor, rotate: g_keyObj[`stepRtn${keyCtrlPtn}_${g_keycons.stepRtnGroupNum}`][j],\r\n\t\t\t}),\r\n\t\t);\r\n\t\tif (g_headerObj.shuffleUse && g_keyObj[`shuffle${keyCtrlPtn}`] !== undefined) {\r\n\t\t\tkeyconSprite.appendChild(\r\n\t\t\t\tcreateCss2Button(`sArrow${j}`, ``, () => changeTmpShuffleNum(j), {\r\n\t\t\t\t\tx: keyconX, y: keyconY - 12, w: C_ARW_WIDTH, h: 15, siz: 12, fontWeight: `bold`,\r\n\t\t\t\t\tpointerEvents: (g_settings.shuffles.filter(val => val.endsWith(`+`)).length > 0 ? C_DIS_AUTO : C_DIS_NONE),\r\n\t\t\t\t\tcxtFunc: () => changeTmpShuffleNum(j, -1),\r\n\t\t\t\t}, g_cssObj.button_Default_NoColor, g_cssObj.title_base)\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t// 割り当て先のキー名を表示\r\n\t\tfor (let k = 0; k < g_keyObj[`keyCtrl${keyCtrlPtn}`][j].length; k++) {\r\n\t\t\tg_keyObj[`keyCtrl${keyCtrlPtn}`][j][k] = setIntVal(g_keyObj[`keyCtrl${keyCtrlPtn}`][j][k]);\r\n\t\t\tg_keyObj[`keyCtrl${keyCtrlPtn}d`][j][k] = setIntVal(g_keyObj[`keyCtrl${keyCtrlPtn}d`][j][k]);\r\n\r\n\t\t\tkeyconSprite.appendChild(\r\n\t\t\t\tcreateCss2Button(`keycon${j}_${k}`, g_kCd[g_keyObj[`keyCtrl${keyCtrlPtn}`][j][k]], () => {\r\n\t\t\t\t\tg_currentj = j;\r\n\t\t\t\t\tg_currentk = k;\r\n\t\t\t\t\tg_prevKey = -1;\r\n\t\t\t\t\tselectedKc = `Default`;\r\n\t\t\t\t\tg_keycons.cursorNum = g_keycons.cursorNumList.findIndex(val => val === g_currentj);\r\n\t\t\t\t\tsetKeyConfigCursor();\r\n\t\t\t\t}, {\r\n\t\t\t\t\tx: keyconX - 5, y: 50 + C_KYC_REPHEIGHT * k + keyconY,\r\n\t\t\t\t\tw: C_ARW_WIDTH + 10, h: C_KYC_REPHEIGHT, siz: g_limitObj.keySetSiz,\r\n\t\t\t\t}, g_cssObj.button_Default_NoColor, g_cssObj.title_base)\r\n\t\t\t);\r\n\r\n\t\t\t// キーに色付け\r\n\t\t\tif (g_keyObj[`keyCtrl${keyCtrlPtn}d`][j][k] !== g_keyObj[`keyCtrl${keyCtrlPtn}`][j][k]) {\r\n\t\t\t\tchangeKeyConfigColor(j, k, g_cssObj.keyconfig_Changekey);\r\n\t\t\t} else if (g_keyObj.currentPtn === -1) {\r\n\t\t\t\tchangeKeyConfigColor(j, k, g_cssObj.keyconfig_Defaultkey);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\tconst posj = g_keyObj[`pos${keyCtrlPtn}`][0];\r\n\r\n\t// カーソルの作成\r\n\tconst cursor = keyconSprite.appendChild(createImg(`cursor`, g_imgObj.cursor,\r\n\t\t(kWidth - C_ARW_WIDTH) / 2 + g_keyObj.blank * (posj - divideCnt / 2) - 10, 57, 15, 30));\r\n\tcursor.style.transitionDuration = `0.125s`;\r\n\r\n\tconst viewGroupObj = {\r\n\t\tshuffle: (_type = ``) => {\r\n\t\t\tif (g_keyObj[`shuffle${keyCtrlPtn}`] !== undefined) {\r\n\t\t\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\t\t\tdocument.getElementById(`sArrow${j}`).textContent = g_keyObj[`shuffle${keyCtrlPtn}${_type}`][j] + 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tcolor: (_type = ``) => {\r\n\t\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\t\tconst colorPos = g_keyObj[`color${keyCtrlPtn}${_type}`][j];\r\n\t\t\t\tconst arrowColor = getKeyConfigColor(j, colorPos);\r\n\t\t\t\t$id(`arrow${j}`).background = arrowColor;\r\n\t\t\t\t$id(`arrowShadow${j}`).background = hasVal(g_headerObj.setShadowColor[colorPos]) ?\r\n\t\t\t\t\tgetShadowColor(colorPos, arrowColor) : ``;\r\n\t\t\t\tif (g_headerObj.setShadowColor[colorPos] === `Default`) {\r\n\t\t\t\t\t$id(`arrowShadow${j}`).opacity = 0.5;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tstepRtn: (_type = ``) => { },\r\n\t};\r\n\r\n\t/**\r\n\t * カラー・シャッフルグループ設定の表示\r\n\t * - シャッフルグループではデフォルトからの差異表示もここで行う\r\n\t * @param {string} _type \r\n\t */\r\n\tconst viewGroup = _type => {\r\n\t\tif (g_headerObj[`${_type}Use`]) {\r\n\t\t\tconst num = g_keycons[`${_type}GroupNum`] === -1 ? g_keycons.groupSelf : g_keycons[`${_type}GroupNum`] + 1;\r\n\t\t\tif (document.getElementById(`lnk${toCapitalize(_type)}Group`) !== null) {\r\n\t\t\t\tdocument.getElementById(`lnk${toCapitalize(_type)}Group`).textContent = getStgDetailName(num);\r\n\t\t\t}\r\n\t\t\tviewGroupObj[_type](`_${g_keycons[`${_type}GroupNum`]}`);\r\n\r\n\t\t\tif (_type === `shuffle`) {\r\n\t\t\t\tchangeShuffleConfigColor(keyCtrlPtn, g_keyObj[`shuffle${keyCtrlPtn}_${g_keycons.shuffleGroupNum}`]);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\t/**\r\n\t * カラー・シャッフルグループ設定\r\n\t * @param {string} _type \r\n\t * @param {number} [_scrollNum=1] \r\n\t */\r\n\tconst setGroup = (_type, _scrollNum = 1) => {\r\n\t\tg_keycons[`${_type}GroupNum`] = g_keycons[`${_type}Groups`][getNextNum(_scrollNum, `${_type}Groups`, g_keycons[`${_type}GroupNum`])];\r\n\t\tg_keyObj[`${_type}${keyCtrlPtn}`] = structuredClone(g_keyObj[`${_type}${keyCtrlPtn}_${g_keycons[`${_type}GroupNum`]}`]);\r\n\t\tviewGroup(_type);\r\n\t\tif (_type === `stepRtn`) {\r\n\t\t\tkeyConfigInit(g_kcType);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * キーコンフィグ用設定ラベル\r\n\t * @param {string} _id \r\n\t * @param {string} _name \r\n\t * @param {number} [object.x=g_btnX(5 / 6)]\r\n\t * @param {number} [object.y=0]\r\n\t * @param {number} [object.w=g_btnWidth(1 / 6)]\r\n\t * @param {number} [object.h=20]\r\n\t * @param {number} [object.siz=12]\r\n\t * @param {string} [object.align='left']\r\n\t * @param {...any} [object.rest]\r\n\t * @param {...any} _classes \r\n\t * @returns {HTMLDivElement}\r\n\t */\r\n\tconst makeKCButtonHeader = (_id, _name, {\r\n\t\tx = g_btnX(5 / 6) - 30, y = 0, w = g_btnWidth(1 / 6), h = 20, siz = 12, align = C_ALIGN_LEFT, ...rest\r\n\t} = {}, ..._classes) => createDivCss2Label(_id, g_lblNameObj[_name], { x, y, w, h, siz, align, ...rest }, ..._classes);\r\n\r\n\t/**\r\n\t * キーコンフィグ用設定ボタン\r\n\t * @param {string} _id \r\n\t * @param {string} _text \r\n\t * @param {function} _func \r\n\t * @param {number} [object.x=g_btnX(5 / 6) - 20]\r\n\t * @param {number} [object.y=15]\r\n\t * @param {number} [object.w=g_btnWidth(1 / 6)]\r\n\t * @param {number} [object.h=18]\r\n\t * @param {number} [object.siz=g_limitObj.jdgCntsSiz]\r\n\t * @param {string} [object.borderStyle='solid']\r\n\t * @param {function} [object.cxtFunc]\r\n\t * @param {...any} [object.rest]\r\n\t * @param {string} [_mainClass=g_cssObj.button_RevOFF] \r\n\t * @param {...any} _classes \r\n\t * @returns {HTMLDivElement}\r\n\t */\r\n\tconst makeKCButton = (_id, _text, _func, { x = g_btnX(5 / 6) - 20, y = 15, w = g_btnWidth(1 / 6), h = 18,\r\n\t\tsiz = g_limitObj.jdgCntsSiz, borderStyle = `solid`, cxtFunc, ...rest } = {}, _mainClass = g_cssObj.button_RevOFF, ..._classes) =>\r\n\t\tmakeSettingLblCssButton(_id, getStgDetailName(_text), 0, _func, { x, y, w, h, siz, cxtFunc, borderStyle, ...rest }, _mainClass, ..._classes);\r\n\r\n\t/**\r\n\t * キーコンフィグ用ミニボタン\r\n\t * @param {string} _id \r\n\t * @param {string} _directionFlg \r\n\t * @param {function} _func \r\n\t * @param {number} [object.x=g_btnX(5 / 6) - 30]\r\n\t * @param {number} [object.y=15]\r\n\t * @param {number} [object.w=15]\r\n\t * @param {number} [object.h=20]\r\n\t * @param {number} [object.siz=g_limitObj.mainSiz]\r\n\t */\r\n\tconst makeMiniKCButton = (_id, _directionFlg, _func, { x = g_btnX(5 / 6) - 30, y = 15, w = 15, h = 20, siz = g_limitObj.mainSiz } = {}) =>\r\n\t\tcreateCss2Button(`${_id}${_directionFlg}`, g_settingBtnObj.chara[_directionFlg], _func, { x, y, w, h, siz }, g_cssObj.button_Mini);\r\n\r\n\t/**\r\n\t * キーコンフィグ用グループ設定ラベル・ボタンの作成\r\n\t * @param {string} _type \r\n\t * @param {number} [object.baseX=g_btnX(5 / 6) - 20]\r\n\t * @param {number} [object.baseY=0]\r\n\t * @param {string} [object.cssName]\r\n\t */\r\n\tconst makeGroupButton = (_type, { baseX = g_btnX(5 / 6) - 20, baseY = 0, cssName } = {}) => {\r\n\t\tif (g_headerObj[`${_type}Use`] && g_keycons[`${_type}Groups`].length > 1) {\r\n\t\t\tconst typeName = toCapitalize(_type);\r\n\t\t\tmultiAppend(divRoot,\r\n\t\t\t\tmakeKCButtonHeader(`lbl${_type}Group`, `${typeName}Group`, { x: baseX - 10, y: baseY }, cssName),\r\n\t\t\t\tmakeKCButton(`lnk${typeName}Group`, ``, () => setGroup(_type), {\r\n\t\t\t\t\tx: baseX, y: baseY + 13, w: g_btnWidth(1 / 18), title: g_msgObj[`${_type}Group`], cxtFunc: () => setGroup(_type, -1),\r\n\t\t\t\t}),\r\n\t\t\t\tmakeMiniKCButton(`lnk${typeName}Group`, `L`, () => setGroup(_type, -1), { x: baseX - 10, y: baseY + 13 }),\r\n\t\t\t\tmakeMiniKCButton(`lnk${typeName}Group`, `R`, () => setGroup(_type), { x: baseX + g_btnWidth(1 / 18), y: baseY + 13 }),\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tg_keycons[`${_type}GroupNum`] = 0;\r\n\t\t}\r\n\t\tviewGroup(_type);\r\n\t};\r\n\r\n\tconst kcSubX = parseFloat(keyconSprite.style.width) * ((1 - g_keyObj.scale) / 4);\r\n\tconst kcSubY = parseFloat(keyconSprite.style.height) / ((1 + g_keyObj.scale) / 2) - parseFloat(keyconSprite.style.height);\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// ショートカットキーメッセージ\r\n\t\tcreateDescDiv(`scMsg`, g_lblNameObj.kcShortcutDesc, { altId: `scKcMsg` }),\r\n\r\n\t\t// タイトルバックのショートカットキー変更\r\n\t\tcreateCss2Button(`scTitleBack`, getScMsg.TitleBack(), () => {\r\n\t\t\tif (!g_isMac) {\r\n\t\t\t\tcursor.style.left = wUnit(g_btnX(1 / 4) - kcSubX);\r\n\t\t\t\tcursor.style.top = wUnit(g_sHeight - 160 + kcSubY);\r\n\t\t\t\tselectedKc = `TitleBack`;\r\n\t\t\t}\r\n\t\t}, g_lblPosObj.scTitleBack, g_cssObj.button_Default_NoColor,\r\n\t\t\tg_headerObj.keyTitleBack === g_headerObj.keyTitleBackDef2 ?\r\n\t\t\t\tg_cssObj.title_base : g_cssObj.keyconfig_Changekey),\r\n\r\n\t\t// リトライのショートカットキー変更\r\n\t\tcreateCss2Button(`scRetry`, getScMsg.Retry(), () => {\r\n\t\t\tcursor.style.left = wUnit(g_btnX(5 / 8) + kcSubX);\r\n\t\t\tcursor.style.top = wUnit(g_sHeight - 160 + kcSubY);\r\n\t\t\tselectedKc = `Retry`;\r\n\t\t}, g_lblPosObj.scRetry, g_cssObj.button_Default_NoColor,\r\n\t\t\tg_headerObj.keyRetry === g_headerObj.keyRetryDef2 ?\r\n\t\t\t\tg_cssObj.title_base : g_cssObj.keyconfig_Changekey),\r\n\r\n\t\t// 別キーモード警告メッセージ\r\n\t\tcreateDivCss2Label(\r\n\t\t\t`kcMsg`,\r\n\t\t\thasVal(g_keyObj[`transKey${keyCtrlPtn}`]) ? g_lblNameObj.transKeyDesc : ``,\r\n\t\t\tg_lblPosObj.kcMsg, g_cssObj.keyconfig_warning\r\n\t\t),\r\n\r\n\t\t// キーカラータイプ切替ボタン\r\n\t\tmakeKCButtonHeader(`lblcolorType`, `ColorType`, { x: 10 + g_btnX() }, g_cssObj.keyconfig_ColorType),\r\n\t\tmakeKCButton(`lnkColorType`, g_colorType, () => setColorType(), {\r\n\t\t\tx: 20 + g_btnX(), title: g_msgObj.colorType, cxtFunc: () => setColorType(-1),\r\n\t\t}),\r\n\t\tmakeMiniKCButton(`lnkColorType`, `L`, () => setColorType(-1), { x: 10 + g_btnX() }),\r\n\t\tmakeMiniKCButton(`lnkColorType`, `R`, () => setColorType(), { x: 20 + g_btnX(1 / 6) }),\r\n\t);\r\n\r\n\tif (g_headerObj.imgType.length > 1) {\r\n\t\tconst [imgBaseX, imgBaseY] = [20 + g_btnX(), 50];\r\n\t\tmultiAppend(divRoot,\r\n\t\t\t// オブジェクトタイプの切り替え（リロードあり）\r\n\t\t\tmakeKCButtonHeader(`lblImgType`, `ImgType`, { x: imgBaseX - 10, y: 37 }, g_cssObj.keyconfig_ConfigType),\r\n\t\t\tmakeKCButton(`lnkImgType`, g_imgType, () => setImgType(), {\r\n\t\t\t\tx: imgBaseX, y: imgBaseY, title: g_msgObj.imgType, cxtFunc: () => setImgType(-1),\r\n\t\t\t}),\r\n\t\t\tmakeMiniKCButton(`lnkImgType`, `L`, () => setImgType(-1), { x: imgBaseX - 10, y: imgBaseY }),\r\n\t\t\tmakeMiniKCButton(`lnkImgType`, `R`, () => setImgType(), { x: imgBaseX + g_btnWidth(1 / 6), y: imgBaseY }),\r\n\t\t);\r\n\t}\r\n\r\n\t// カラー/シャッフルグループ切替ボタン（カラー/シャッフルパターンが複数ある場合のみ）\r\n\tmakeGroupButton(`color`, { cssName: g_cssObj.keyconfig_ColorGr });\r\n\tmakeGroupButton(`shuffle`, { baseX: g_btnX(11 / 12) - 10, cssName: g_cssObj.keyconfig_ShuffleGr });\r\n\tmakeGroupButton(`stepRtn`, { baseY: 37, cssName: g_cssObj.keyconfig_StepRtnGr });\r\n\r\n\t/**\r\n\t * カーソル位置の設定\r\n\t */\r\n\tconst setKeyConfigCursor = () => {\r\n\t\tconst posj = g_keyObj[`pos${keyCtrlPtn}`][g_currentj];\r\n\t\tconst stdPos = posj - ((posj > divideCnt ? posMax : 0) + divideCnt) / 2;\r\n\r\n\t\tconst nextLeft = (kWidth - C_ARW_WIDTH) / 2 + g_keyObj.blank * stdPos + addLeft - 10;\r\n\t\tcursor.style.left = wUnit(nextLeft);\r\n\t\tcursor.style.top = wUnit(C_KYC_HEIGHT * Number(posj > divideCnt) + 57 + C_KYC_REPHEIGHT * g_currentk);\r\n\t\tg_kcType = (g_currentk === 0 ? `Main` : `Replaced`);\r\n\r\n\t\t// 次の位置が見えなくなったらkeyconSpriteの位置を調整する\r\n\t\tadjustScrollPoint(nextLeft);\r\n\t};\r\n\r\n\t/**\r\n\t * カーソル位置の変更\r\n\t * @param {number} [_nextj] 次のカーソル位置\r\n\t */\r\n\tconst changeConfigCursor = (_nextj = ++g_keycons.cursorNum % g_keycons.cursorNumList.length) => {\r\n\t\tg_keycons.cursorNum = _nextj;\r\n\r\n\t\tg_currentj = g_keycons.cursorNumList[_nextj];\r\n\t\tg_currentk = 0;\r\n\t\tif (g_kcType === `Replaced`) {\r\n\t\t\tg_currentk = 1;\r\n\r\n\t\t\t// 代替キー設定の場合は次の代替キーが見つかるまで移動\r\n\t\t\twhile (g_keyObj[`keyCtrl${keyCtrlPtn}`][g_currentj][1] === undefined) {\r\n\t\t\t\tg_keycons.cursorNum = (g_keycons.cursorNum + 1) % g_keycons.cursorNumList.length;\r\n\t\t\t\tg_currentj = g_keycons.cursorNumList[g_keycons.cursorNum];\r\n\r\n\t\t\t\t// 一周して対象が無い場合は代替キーが無いため処理を抜ける（無限ループ対策）\r\n\t\t\t\tif (g_keycons.cursorNum === _nextj) {\r\n\t\t\t\t\tg_kcType = `Main`;\r\n\t\t\t\t\tg_currentk = 0;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tsetKeyConfigCursor();\r\n\t};\r\n\r\n\t/**\r\n\t * 次のカーソル位置の取得\r\n\t * @param {number} _scrollNum \r\n\t * @param {string} _groupName \r\n\t * @param {string} _target \r\n\t * @returns {number}\r\n\t */\r\n\tconst getNextNum = (_scrollNum, _groupName, _target) =>\r\n\t\tnextPos(g_keycons[_groupName].findIndex(value => value === _target), _scrollNum, g_keycons[_groupName].length);\r\n\r\n\t/**\r\n\t * ConfigTypeの制御\r\n\t * @param {number} _scrollNum \r\n\t */\r\n\tconst setConfigType = (_scrollNum = 1) => {\r\n\t\tg_kcType = g_keycons.configTypes[getNextNum(_scrollNum, `configTypes`, g_kcType)];\r\n\t\tchangeConfigCursor(g_keycons.cursorNum);\r\n\t};\r\n\r\n\t/**\r\n\t * 一部のキーコンフィグを表示する\r\n\t * （キーグループ毎にフィルターされたもののみを表示する）\r\n\t * @param {number} _num \r\n\t */\r\n\tconst appearConfigSteps = _num => {\r\n\r\n\t\tconst appearConfigView = (_j, _display) => {\r\n\t\t\t$id(`arrow${_j}`).display = _display;\r\n\t\t\t$id(`arrowShadow${_j}`).display = _display;\r\n\t\t\t$id(`color${_j}`).display = _display;\r\n\t\t\tif (document.getElementById(`sArrow${_j}`) !== null) {\r\n\t\t\t\t$id(`sArrow${_j}`).display = _display;\r\n\t\t\t}\r\n\t\t\tconst ctrlPtn = g_keyObj[`keyCtrl${g_headerObj.keyLabels[g_stateObj.scoreId]}_${g_keyObj.currentPtn}`][_j];\r\n\t\t\tfor (let k = 0; k < ctrlPtn.length; k++) {\r\n\t\t\t\t$id(`keycon${_j}_${k}`).display = _display;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tg_keycons.keySwitchNum = _num;\r\n\t\tg_keycons.cursorNumList = [];\r\n\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\tappearConfigView(j, C_DIS_NONE);\r\n\r\n\t\t\tif (tkObj.keyGroupMaps[j].includes(configKeyGroupList[_num])) {\r\n\t\t\t\tg_keycons.cursorNumList.push(j);\r\n\t\t\t\tappearConfigView(j, C_DIS_INHERIT);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (g_keycons.cursorNumList.length === 0) {\r\n\t\t\tappearConfigSteps(0);\r\n\t\t} else {\r\n\t\t\tchangeConfigCursor(0);\r\n\r\n\t\t\t// keySwitchボタンを一旦非選択にして、選択中のものを再度色付け\r\n\t\t\tif (configKeyGroupList.length > 1) {\r\n\t\t\t\tfor (let j = 0; j < configKeyGroupList.length; j++) {\r\n\t\t\t\t\tdocument.getElementById(`key${j}`).classList.replace(g_cssObj.button_Next, g_cssObj.button_Mini);\r\n\t\t\t\t}\r\n\t\t\t\tdocument.getElementById(`key${_num}`).classList.replace(g_cssObj.button_Mini, g_cssObj.button_Next);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * ColorPickerの色切替\r\n\t * @param {number} _j \r\n\t * @param {string} _type \r\n\t * @param {string} _color \r\n\t */\r\n\tconst changeColorPicker = (_j, _type, _color) => {\r\n\t\tif (_color !== ``) {\r\n\t\t\tdocument.getElementById(`pick${_type}${_j}`).value = _color.slice(0, 7);\r\n\t\t\t$id(`pick${_type}${_j}`).display = C_DIS_INHERIT;\r\n\t\t} else {\r\n\t\t\t$id(`pick${_type}${_j}`).display = C_DIS_NONE;\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * ColorPickerに対応する実際の番号を取得\r\n\t * @param {number} _j \r\n\t */\r\n\tconst getGroupNum = _j => _j + g_keycons.colorCursorNum * g_limitObj.kcColorPickerNum;\r\n\r\n\t/**\r\n\t * ColorPicker（一式）の切替\r\n\t */\r\n\tconst changeColorPickers = () => {\r\n\t\tlnkColorR.innerHTML = `[${g_keycons.colorCursorNum + 1} /`;\r\n\t\tfor (let j = 0; j < g_limitObj.kcColorPickerNum; j++) {\r\n\t\t\tconst m = getGroupNum(j);\r\n\t\t\tchangeColorPicker(j, `arrow`, g_headerObj.setColor[m]);\r\n\t\t\tchangeColorPicker(j, `arrowShadow`, g_headerObj.setShadowColor[m]);\r\n\t\t\tchangeColorPicker(j, `frz`, g_headerObj.frzColor[m][0]);\r\n\t\t\tchangeColorPicker(j, `frzBar`, g_headerObj.frzColor[m][1]);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * ColorTypeの制御\r\n\t * @param {number} [_scrollNum=1] \r\n\t * @param {boolean} [_reloadFlg=true]\r\n\t */\r\n\tconst setColorType = (_scrollNum = 1, _reloadFlg = true) => {\r\n\t\tconst nextNum = getNextNum(_scrollNum, `colorTypes`, g_colorType);\r\n\t\tg_colorType = g_keycons.colorTypes[nextNum];\r\n\t\tif (g_headerObj.colorUse) {\r\n\t\t\tg_stateObj.d_color = boolToSwitch(g_keycons.colorDefTypes.findIndex(val => val === g_colorType) !== -1);\r\n\t\t}\r\n\t\tchangeSetColor();\r\n\t\tviewGroupObj.color(`_${g_keycons.colorGroupNum}`);\r\n\t\tlnkColorType.textContent = `${getStgDetailName(g_colorType)}${g_localStorage.colorType === g_colorType ? ' *' : ''}`;\r\n\t\tif (_reloadFlg) {\r\n\t\t\tcolorPickSprite.style.display = ([`Default`, `Type0`].includes(g_colorType) ? C_DIS_NONE : C_DIS_INHERIT);\r\n\t\t\tg_keycons.colorCursorNum = g_keycons.colorCursorNum % Math.ceil(g_headerObj.setColor.length / g_limitObj.kcColorPickerNum);\r\n\t\t\tchangeColorPickers();\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * ImgTypeの制御\r\n\t * @param {number} [_scrollNum=1] \r\n\t */\r\n\tconst setImgType = (_scrollNum = 1) => {\r\n\t\tconst nextNum = getNextNum(_scrollNum, `imgTypes`, g_imgType);\r\n\t\tg_imgType = g_keycons.imgTypes[nextNum];\r\n\t\tg_stateObj.rotateEnabled = g_headerObj.imgType[nextNum].rotateEnabled;\r\n\t\tg_stateObj.flatStepHeight = g_headerObj.imgType[nextNum].flatStepHeight;\r\n\r\n\t\tupdateImgType(g_headerObj.imgType[nextNum]);\r\n\t\tkeyConfigInit(g_kcType);\r\n\t};\r\n\r\n\tconst colorPickSprite = createEmptySprite(divRoot, `colorPickSprite`, Object.assign({ title: g_msgObj.pickArrow }, g_windowObj.colorPickSprite));\r\n\tif ([`Default`, `Type0`].includes(g_colorType)) {\r\n\t\tcolorPickSprite.style.display = C_DIS_NONE;\r\n\t}\r\n\tmultiAppend(colorPickSprite,\r\n\r\n\t\t// ColorPickerの切替\r\n\t\tcreateCss2Button(`lnkColorR`, `[${g_keycons.colorCursorNum + 1} /`, () => {\r\n\t\t\tg_keycons.colorCursorNum = (g_keycons.colorCursorNum + 1) % Math.ceil(g_headerObj.setColor.length / g_limitObj.kcColorPickerNum);\r\n\t\t\tchangeColorPickers();\r\n\t\t}, g_lblPosObj.lnkColorR, g_cssObj.button_Start),\r\n\r\n\t\t// 矢印の配色をフリーズアローへ反映\r\n\t\tcreateCss2Button(`lnkColorCopy`, `↓]`, () => {\r\n\t\t\tif (window.confirm(g_msgObj.colorCopyConfirm)) {\r\n\t\t\t\tfor (let j = 0; j < g_headerObj.setColor.length; j++) {\r\n\t\t\t\t\tg_headerObj.frzColor[j] = g_headerObj[`frzColor${g_colorType}`][j] =\r\n\t\t\t\t\t\tfillArray(g_headerObj[`frzColor${g_colorType}`][j].length, g_headerObj[`setColor${g_colorType}`][j]);\r\n\t\t\t\t}\r\n\t\t\t\tfor (let j = 0; j < g_limitObj.kcColorPickerNum; j++) {\r\n\t\t\t\t\tconst m = getGroupNum(j);\r\n\t\t\t\t\t[``, `Bar`].forEach((val, k) =>\r\n\t\t\t\t\t\tdocument.getElementById(`pickfrz${val}${j}`).value = g_headerObj[`frzColor${g_colorType}`][m][k]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, g_lblPosObj.lnkColorCopy, g_cssObj.button_Start),\r\n\r\n\t\tcreateDivCss2Label(`lblPickArrow`, g_lblNameObj.s_arrow, Object.assign({ y: 0 }, g_lblPosObj.pickPos)),\r\n\t\tcreateDivCss2Label(`lblPickFrz`, g_lblNameObj.s_frz, Object.assign({ y: 140 }, g_lblPosObj.pickPos)),\r\n\r\n\t\t// ColorPickerの色を元に戻す\r\n\t\tcreateCss2Button(`lnkColorReset`, g_lblNameObj.b_cReset, () => {\r\n\t\t\tif (window.confirm(g_msgObj.colorResetConfirm)) {\r\n\t\t\t\tresetColorType({ _from: g_colorType, _to: ``, _fromObj: g_dfColorObj });\r\n\t\t\t\tresetColorType({ _from: g_colorType, _to: g_colorType, _fromObj: g_dfColorObj });\r\n\r\n\t\t\t\t// 影矢印が未指定の場合はType1, Type2の影矢印指定を無くす\r\n\t\t\t\tconst _idHeader = setScoreIdHeader(g_stateObj.scoreId, false, true);\r\n\t\t\t\tconst _shadowDefault = g_headerObj[`setShadowColor${_idHeader}Default`];\r\n\t\t\t\tif ((!Array.isArray(_shadowDefault) || !hasVal(_shadowDefault[0])) &&\r\n\t\t\t\t\t[`Type1`, `Type2`].includes(g_colorType)) {\r\n\r\n\t\t\t\t\tg_headerObj.setShadowColor = fillArray(g_headerObj.setColorInit.length, ``);\r\n\t\t\t\t\tg_headerObj[`setShadowColor${g_colorType}`] = fillArray(g_headerObj.setColorInit.length, ``);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tchangeColorPickers();\r\n\t\t\t\tviewGroupObj.color(`_${g_keycons.colorGroupNum}`);\r\n\t\t\t}\r\n\t\t}, g_lblPosObj.lnkColorReset, g_cssObj.button_Reset),\r\n\t);\r\n\r\n\t/**\r\n\t * ColorPicker部分の作成\r\n\t * @param {number} _j \r\n\t * @param {string} _type \r\n\t * @param {function} _func \r\n\t * @param {number} [object.x=0]\r\n\t * @param {number} [object.y=15] \r\n\t */\r\n\tconst createColorPickWindow = (_j, _type, _func, { x = 0, y = 15 } = {}) =>\r\n\t\tcreateColorPicker(colorPickSprite, `pick${_type}${_j}`, _func, { x, y: y + 25 * _j });\r\n\r\n\tfor (let j = 0; j < g_limitObj.kcColorPickerNum; j++) {\r\n\t\tcreateColorPickWindow(j, `arrow`, () => {\r\n\t\t\tg_headerObj[`setColor${g_colorType}`][getGroupNum(j)] = document.getElementById(`pickarrow${j}`).value;\r\n\t\t\tsetColorType(0, false);\r\n\t\t});\r\n\r\n\t\tcreateColorPickWindow(j, `arrowShadow`, () => {\r\n\t\t\tg_headerObj[`setShadowColor${g_colorType}`][getGroupNum(j)] = `${document.getElementById(`pickarrowShadow${j}`).value}80`;\r\n\t\t\tsetColorType(0, false);\r\n\t\t}, { x: 25 });\r\n\r\n\t\t[``, `Bar`].forEach((val, k) =>\r\n\t\t\tcreateColorPickWindow(j, `frz${val}`, () => {\r\n\t\t\t\tg_headerObj[`frzColor${g_colorType}`][getGroupNum(j)][k] = document.getElementById(`pickfrz${val}${j}`).value;\r\n\t\t\t}, { x: 25 * k, y: 155 }));\r\n\t}\r\n\r\n\t// ConfigType, ColorTypeの初期設定\r\n\tsetConfigType(0);\r\n\tsetColorType(0);\r\n\tkeyconSprite.scrollLeft = - maxLeftX;\r\n\r\n\t// キーパターン表示\r\n\tconst lblTransKey = hasVal(g_keyObj[`transKey${keyCtrlPtn}`]) ? `(${g_keyObj[`transKey${keyCtrlPtn}`] ?? ''})` : ``;\r\n\r\n\t/**\r\n\t * キーパターン検索\r\n\t * @param {number} _tempPtn \r\n\t * @param {number} _sign \r\n\t * @param {boolean} [_transKeyUse=false] \r\n\t * @param {boolean} [_skipFlg=false]\r\n\t */\r\n\tconst searchPattern = (_tempPtn, _sign, _transKeyUse = false, _skipFlg = false) => {\r\n\t\tlet nextPtn = _tempPtn + _sign;\r\n\t\tconst initialPtn = hasVal(g_keyObj[`keyCtrl${g_keyObj.currentKey}_-1`]) ? -1 : 0;\r\n\r\n\t\tconst searchStart = () => {\r\n\t\t\tif (!hasVal(g_keyObj[`keyCtrl${g_keyObj.currentKey}_${nextPtn}`])) {\r\n\t\t\t\tnextPtn = 0;\r\n\t\t\t\twhile (hasVal(g_keyObj[`keyCtrl${g_keyObj.currentKey}_${nextPtn}`])) {\r\n\t\t\t\t\tnextPtn -= _sign;\r\n\t\t\t\t}\r\n\t\t\t\tnextPtn += _sign;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst searchNextGroup = () => {\r\n\t\t\twhile (nextPtn !== initialPtn &&\r\n\t\t\t\tg_keyObj[`transKey${g_keyObj.currentKey}_${_tempPtn}`] === g_keyObj[`transKey${g_keyObj.currentKey}_${nextPtn}`] &&\r\n\t\t\t\thasVal(g_keyObj[`keyCtrl${g_keyObj.currentKey}_${nextPtn}`])) {\r\n\t\t\t\tnextPtn += _sign;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tsearchStart();\r\n\t\tif (_skipFlg) {\r\n\t\t\tsearchNextGroup();\r\n\t\t\tsearchStart();\r\n\t\t}\r\n\t\tif (!_transKeyUse) {\r\n\t\t\twhile (hasVal(g_keyObj[`transKey${g_keyObj.currentKey}_${nextPtn}`])) {\r\n\t\t\t\tnextPtn += _sign;\r\n\t\t\t}\r\n\t\t\tsearchStart();\r\n\t\t}\r\n\t\treturn nextPtn;\r\n\t};\r\n\r\n\t/**\r\n\t * キーパターン変更時処理\r\n\t * @param {number} [_sign=1] \r\n\t * @param {boolean} [_skipFlg=false]\r\n\t */\r\n\tconst changePattern = (_sign = 1, _skipFlg = false) => {\r\n\r\n\t\t// キーパターンの変更\r\n\t\tg_keyObj.currentPtn = searchPattern(g_keyObj.currentPtn, _sign, g_headerObj.transKeyUse, _skipFlg);\r\n\r\n\t\t// カラーグループ、シャッフルグループの再設定\r\n\t\tg_keycons.groups.forEach(type => resetGroupList(type, `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`));\r\n\r\n\t\t// 曲中ショートカットキーの切り替え\r\n\t\tsetPlayingShortcut();\r\n\r\n\t\t// キーコンフィグ画面を再呼び出し\r\n\t\tkeyConfigInit();\r\n\r\n\t\t// シャッフルグループのデフォルト値からの差異表示（色付け）\r\n\t\t// 再描画後で無いと色付けできないため、keyConfigInit() 実行後に処理\r\n\t\tif (g_headerObj.shuffleUse) {\r\n\t\t\tchangeShuffleConfigColor(`${g_keyObj.currentKey}_${g_keyObj.currentPtn}`, g_keyObj[`shuffle${g_keyObj.currentKey}_${g_keyObj.currentPtn}_${g_keycons.shuffleGroupNum}`]);\r\n\t\t}\r\n\t};\r\n\r\n\t// ユーザカスタムイベント(初期)\r\n\tg_customJsObj.keyconfig.forEach(func => func());\r\n\r\n\t// 部分キー表示用ボタン描画\r\n\tif (configKeyGroupList.length > 1) {\r\n\t\tmultiAppend(divRoot,\r\n\t\t\tcreateDivCss2Label(`lblkey`, `KeySwitch`, g_lblPosObj.lblkey));\r\n\t\tconfigKeyGroupList.forEach((val, j) =>\r\n\t\t\tdivRoot.appendChild(\r\n\t\t\t\tcreateCss2Button(`key${j}`, `${j + 1}`, () => appearConfigSteps(j),\r\n\t\t\t\t\tObject.assign({ y: 110 + j * 20 }, g_lblPosObj.lnkKeySwitch), g_cssObj.button_Mini),\r\n\t\t\t));\r\n\t}\r\n\r\n\t// カーソル位置の初期化\r\n\tappearConfigSteps(g_keycons.keySwitchNum);\r\n\r\n\t// ラベル・ボタン描画\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// 設定画面へ戻る\r\n\t\tcreateCss2Button(`btnBack`, g_lblNameObj.b_settings, () => {\r\n\t\t\tg_currentj = 0;\r\n\t\t\tg_currentk = 0;\r\n\t\t\tg_prevKey = 0;\r\n\t\t}, Object.assign(g_lblPosObj.btnKcBack, {\r\n\t\t\tresetFunc: () => g_moveSettingWindow(false),\r\n\t\t}), g_cssObj.button_Back),\r\n\r\n\t\tcreateDivCss2Label(`lblPattern`, `${g_lblNameObj.KeyPattern}: ${g_keyObj.currentPtn === -1 ?\r\n\t\t\t'Self' : g_keyObj.currentPtn + 1}${lblTransKey}`, g_lblPosObj.lblPattern),\r\n\r\n\t\t// パターン変更ボタン描画(右回り)\r\n\t\tcreateCss2Button(`btnPtnChangeR`, `>`, () => true, Object.assign(g_lblPosObj.btnPtnChangeR, {\r\n\t\t\tresetFunc: () => changePattern(),\r\n\t\t}), g_cssObj.button_Mini),\r\n\r\n\t\t// パターン変更ボタン描画(左回り)\r\n\t\tcreateCss2Button(`btnPtnChangeL`, `<`, () => true, Object.assign(g_lblPosObj.btnPtnChangeL, {\r\n\t\t\tresetFunc: () => changePattern(-1),\r\n\t\t}), g_cssObj.button_Mini),\r\n\r\n\t\t// パターン変更ボタン描画(右回り/別キーモード間スキップ)\r\n\t\tcreateCss2Button(`btnPtnChangeRR`, `|>`, () => true, Object.assign(g_lblPosObj.btnPtnChangeRR, {\r\n\t\t\tresetFunc: () => changePattern(1, true),\r\n\t\t}), g_cssObj.button_Setting),\r\n\r\n\t\t// パターン変更ボタン描画(左回り/別キーモード間スキップ)\r\n\t\tcreateCss2Button(`btnPtnChangeLL`, `<|`, () => true, Object.assign(g_lblPosObj.btnPtnChangeLL, {\r\n\t\t\tresetFunc: () => changePattern(-1, true),\r\n\t\t}), g_cssObj.button_Setting),\r\n\r\n\t\t// キーコンフィグリセットボタン描画\r\n\t\tcreateCss2Button(`btnReset`, g_lblNameObj.b_reset, () => {\r\n\t\t\tif (window.confirm(g_msgObj.keyResetConfirm)) {\r\n\t\t\t\tconst keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`;\r\n\r\n\t\t\t\tfor (let m = 0; m < g_keycons.cursorNumList.length; m++) {\r\n\t\t\t\t\tconst j = g_keycons.cursorNumList[m];\r\n\t\t\t\t\tfor (let k = 0; k < g_keyObj[`keyCtrl${keyCtrlPtn}`][j].length; k++) {\r\n\t\t\t\t\t\tg_keyObj[`keyCtrl${keyCtrlPtn}`][j][k] = setIntVal(g_keyObj[`keyCtrl${keyCtrlPtn}d`][j][k]);\r\n\t\t\t\t\t\tdocument.getElementById(`keycon${j}_${k}`).textContent = g_kCd[g_keyObj[`keyCtrl${keyCtrlPtn}`][j][k]];\r\n\t\t\t\t\t\tchangeKeyConfigColor(j, k, g_keyObj.currentPtn === -1 ? g_cssObj.keyconfig_Defaultkey : g_cssObj.title_base);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tchangeConfigCursor(0);\r\n\t\t\t}\r\n\t\t}, g_lblPosObj.btnKcReset, g_cssObj.button_Reset),\r\n\r\n\t\t// プレイ開始\r\n\t\tmakePlayButton(() => loadMusic())\r\n\t);\r\n\r\n\t// キーボード押下時処理\r\n\tsetShortcutEvent(g_currentPage, (kbCode) => {\r\n\t\tconst keyCdObj = document.getElementById(`keycon${g_currentj}_${g_currentk}`);\r\n\t\tlet setKey = g_kCdN.findIndex(kCd => kCd === kbCode);\r\n\r\n\t\t// 全角切替、BackSpace、Deleteキー、Escキーは割り当て禁止\r\n\t\t// また、直前と同じキーを押した場合(BackSpaceを除く)はキー操作を無効にする\r\n\t\tconst disabledKeys = [240, 242, 243, 244, 91, 29, 28, 27, 259, g_prevKey];\r\n\r\n\t\tif (selectedKc === `TitleBack` || selectedKc === `Retry`) {\r\n\t\t\t// プレイ中ショートカットキー変更\r\n\t\t\tif (disabledKeys.includes(setKey) || g_kCdN[setKey] === undefined) {\r\n\t\t\t\tmakeInfoWindow(g_msgInfoObj.I_0002, `fadeOut0`);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tg_headerObj[`key${selectedKc}`] = setKey;\r\n\t\t\tg_headerObj[`key${selectedKc}Def`] = setKey;\r\n\t\t\tdocument.getElementById(`sc${selectedKc}`).textContent = getScMsg[selectedKc]();\r\n\t\t\tdocument.getElementById(`sc${selectedKc}`).style.fontSize = `${getFontSize2(getScMsg[selectedKc](), g_btnWidth(5 / 12) - 40, { maxSiz: 13 })}px`;\r\n\t\t\tif (g_isMac) {\r\n\t\t\t\tscTitleBack.textContent = getScMsg.TitleBack();\r\n\t\t\t\tscTitleBack.style.fontSize = `${getFontSize2(getScMsg.TitleBack(), g_btnWidth(5 / 12) - 40, { maxSiz: 13 })}px`;\r\n\t\t\t}\r\n\t\t\tchangeConfigColor(document.getElementById(`sc${selectedKc}`),\r\n\t\t\t\tg_headerObj[`key${selectedKc}`] === g_headerObj[`key${selectedKc}Def2`] ?\r\n\t\t\t\t\tg_cssObj.title_base : g_cssObj.keyconfig_Changekey);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (g_localeObj.val === `Ja`) {\r\n\t\t\tdisabledKeys.unshift(229);\r\n\t\t}\r\n\t\tif (disabledKeys.includes(setKey) || g_kCdN[setKey] === undefined) {\r\n\t\t\tmakeInfoWindow(g_msgInfoObj.I_0002, `fadeOut0`);\r\n\t\t\treturn;\r\n\t\t} else if ((setKey === C_KEY_TITLEBACK && g_currentk === 0) ||\r\n\t\t\t((keyIsDown(g_kCdNameObj.metaLKey) || keyIsDown(g_kCdNameObj.metaRKey)) && keyIsShift())) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (setKey === C_KEY_RETRY && (!g_isMac || g_currentk === 0)) {\r\n\t\t\t// スキップ\r\n\t\t} else {\r\n\t\t\t// キー割り当て処理\r\n\t\t\tif (setKey === C_KEY_TITLEBACK || setKey === C_KEY_RETRY) {\r\n\t\t\t\t// キー無効化（代替キーのみ）\r\n\t\t\t\tsetKey = 0;\r\n\t\t\t}\r\n\t\t\tif (g_keyObj[`keyCtrl${keyCtrlPtn}d`][g_currentj][g_currentk] !== setKey) {\r\n\t\t\t\t// 既定キーと異なる場合は色付け\r\n\t\t\t\tchangeKeyConfigColor(g_currentj, g_currentk, g_cssObj.keyconfig_Changekey);\r\n\t\t\t}\r\n\t\t\tkeyCdObj.textContent = g_kCd[setKey];\r\n\t\t\tg_keyObj[`keyCtrl${keyCtrlPtn}`][g_currentj][g_currentk] = setKey;\r\n\t\t\tg_prevKey = setKey;\r\n\t\t}\r\n\r\n\t\t// カーソル移動\r\n\t\tif (g_currentk < g_keyObj[`keyCtrl${keyCtrlPtn}`][g_currentj].length - 1 && g_kcType !== `Main`) {\r\n\t\t\t// 後続に代替キーが存在する場合\r\n\t\t\tg_currentk++;\r\n\t\t\tcursor.style.top = wUnit(parseInt(cursor.style.top) + C_KYC_REPHEIGHT);\r\n\r\n\t\t} else {\r\n\t\t\tchangeConfigCursor();\r\n\t\t}\r\n\t});\r\n\r\n\tg_skinJsObj.keyconfig.forEach(func => func());\r\n\tdocument.onkeyup = evt => commonKeyUp(evt);\r\n\tdocument.oncontextmenu = () => false;\r\n};\r\n\r\n/**\r\n * 影矢印色の取得\r\n * @param {number} _colorPos \r\n * @param {string} _arrowColor \r\n * @returns {string}\r\n */\r\nconst getShadowColor = (_colorPos, _arrowColor) => g_headerObj.setShadowColor[_colorPos] === `Default` ?\r\n\t_arrowColor : g_headerObj.setShadowColor[_colorPos];\r\n\r\n/**\r\n * キー数基礎情報の取得\r\n * @returns {{ \r\n * \tkeyCtrlPtn: string, keyNum: number, posMax: number,\r\n * \tdivideCnt: number, keyGroupMaps: string[], keyGroupList: string[] \r\n * }}\r\n */\r\nconst getKeyInfo = () => {\r\n\tconst keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`;\r\n\tconst keyNum = g_keyObj[`${g_keyObj.defaultProp}${keyCtrlPtn}`].length;\r\n\tconst posMax = g_keyObj[`divMax${keyCtrlPtn}`] ?? Math.max(...g_keyObj[`pos${keyCtrlPtn}`]) + 1;\r\n\tconst divideCnt = g_keyObj[`div${keyCtrlPtn}`] - 1;\r\n\tconst keyGroupMaps = setVal(g_keyObj[`keyGroup${keyCtrlPtn}`], fillArray(keyNum, [`0`]), C_TYP_STRING);\r\n\tconst keyGroupList = makeDedupliArray(keyGroupMaps.flat()).sort((a, b) => parseInt(a) - parseInt(b));\r\n\r\n\treturn {\r\n\t\tkeyCtrlPtn, keyNum, posMax, divideCnt, keyGroupMaps, keyGroupList,\r\n\t};\r\n};\r\n\r\n/**\r\n * デフォルトの曲中ショートカットをキー数・キーパターンにより切り替え\r\n * - キーコンフィグ画面で個別に変えていた場合は変更しない\r\n */\r\nconst setPlayingShortcut = () => {\r\n\tconst keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`;\r\n\tif (g_headerObj.keyRetryDef === C_KEY_RETRY) {\r\n\t\tg_headerObj.keyRetry = setIntVal(getKeyCtrlVal(g_keyObj[`keyRetry${keyCtrlPtn}`]), g_headerObj.keyRetryDef);\r\n\t}\r\n\tif (g_headerObj.keyTitleBackDef === C_KEY_TITLEBACK) {\r\n\t\tg_headerObj.keyTitleBack = setIntVal(getKeyCtrlVal(g_keyObj[`keyTitleBack${keyCtrlPtn}`]), g_headerObj.keyTitleBackDef);\r\n\t}\r\n};\r\n\r\n/**\r\n * ステップゾーン間隔、大きさの更新\r\n * @param {string} _header \r\n * @param {string} _keyCtrlPtn \r\n */\r\nconst updateKeyInfo = (_header, _keyCtrlPtn) => {\r\n\tconst kcPtn = hasVal(g_keyObj[`${_header}${_keyCtrlPtn}`]) ? _keyCtrlPtn : `_def`;\r\n\tg_keyObj[_header] = g_keyObj[`${_header}${kcPtn}`];\r\n};\r\n\r\n/**\r\n * 初期矢印色・フリーズアロー色の変更\r\n * - ここでのID管理は1譜面目も区別して設定する (setScoreIdHeaderの第三引数を使用)\r\n */\r\nconst changeSetColor = () => {\r\n\tconst isDefault = [`Default`, `Type0`].includes(g_colorType);\r\n\tconst idHeader = setScoreIdHeader(g_stateObj.scoreId, false, true);\r\n\tconst defaultType = idHeader + g_colorType;\r\n\tconst currentTypes = {\r\n\t\t'': (isDefault ? defaultType : g_colorType),\r\n\t\t'Shadow': (isDefault ? defaultType : `${idHeader}Default`),\r\n\t};\r\n\tObject.keys(currentTypes).forEach(pattern => {\r\n\t\tg_headerObj[`set${pattern}Color`] = structuredClone(g_headerObj[`set${pattern}Color${currentTypes[pattern]}`]);\r\n\t\tif (g_headerObj[`frz${pattern}Color`] === undefined) {\r\n\t\t\tg_headerObj[`frz${pattern}Color`] = fillArray(g_headerObj.setColorInit.length, ``);\r\n\t\t}\r\n\t\tfor (let j = 0; j < g_headerObj.setColorInit.length; j++) {\r\n\t\t\tg_headerObj[`frz${pattern}Color`][j] = structuredClone(g_headerObj[`frz${pattern}Color${currentTypes[pattern]}`][j]);\r\n\t\t}\r\n\t\tif (!isDefault) {\r\n\t\t\tg_headerObj[`set${pattern}Color`] = structuredClone(g_headerObj[`set${pattern}Color${g_colorType}`]);\r\n\t\t}\r\n\t});\r\n\r\n\t// 影矢印が未指定の場合はType1, Type2の影矢印指定を無くす\r\n\tif (!hasVal(g_headerObj[`setShadowColor${idHeader}Default`][0]) && [`Type1`, `Type2`].includes(g_colorType)) {\r\n\t\tg_headerObj.setShadowColor = fillArray(g_headerObj.setColorInit.length, ``);\r\n\t}\r\n};\r\n\r\n/**\r\n * コンフィグの色変更\r\n * @param {HTMLDivElement} _obj \r\n * @param {string} _cssName \r\n */\r\nconst changeConfigColor = (_obj, _cssName) => {\r\n\t_obj.classList.remove(g_cssObj.keyconfig_Changekey, g_cssObj.keyconfig_Defaultkey, g_cssObj.title_base);\r\n\t_obj.classList.add(_cssName);\r\n};\r\n\r\n/**\r\n * シャッフルグループの色変更\r\n * - デフォルト値と違う番号になった場合、色付けする\r\n * @param {string} _keyCtrlPtn キーコンフィグパターン\r\n * @param {number[]} _vals シャッフルグループ番号（群）\r\n * @param {number} _j (-1: 全体に対して色付け, それ以外: 指定箇所のみ色付け)\r\n */\r\nconst changeShuffleConfigColor = (_keyCtrlPtn, _vals, _j = -1) => {\r\n\tconst changeTargetColor = (_val, _k) => {\r\n\t\tconst isEqualShuffleGr = (_val === g_keyObj[`shuffle${_keyCtrlPtn}_0d`][_k]);\r\n\t\tchangeConfigColor(document.getElementById(`sArrow${_k}`), isEqualShuffleGr ? g_cssObj.title_base : g_cssObj.keyconfig_Changekey);\r\n\t};\r\n\r\n\tif (_j === -1) {\r\n\t\t_vals.forEach((val, m) => changeTargetColor(val, m));\r\n\t} else {\r\n\t\tchangeTargetColor(_vals, _j);\r\n\t}\r\n};\r\n\r\n/*-----------------------------------------------------------*/\r\n/* Scene : LOADING [strawberry] */\r\n/*-----------------------------------------------------------*/\r\n\r\nconst loadMusic = () => {\r\n\r\n\tclearWindow(true);\r\n\tg_currentPage = `loading`;\r\n\r\n\tconst musicUrl = getMusicUrl(g_stateObj.scoreId);\r\n\tconst url = getFullMusicUrl(musicUrl);\r\n\tg_headerObj.musicUrl = musicUrl;\r\n\tg_musicEncodedFlg = listMatching(musicUrl, [`.js`, `.txt`], { suffix: `$` });\r\n\r\n\t// Now Loadingを表示\r\n\tconst lblLoading = getLoadingLabel();\r\n\tdivRoot.appendChild(lblLoading);\r\n\r\n\t// ローカル動作時\r\n\tif (g_isFile) {\r\n\t\tsetAudio(url);\r\n\t\treturn;\r\n\t}\r\n\r\n\t// XHRで読み込み\r\n\tconst request = new XMLHttpRequest();\r\n\trequest.open(`GET`, url, true);\r\n\trequest.responseType = `blob`;\r\n\r\n\t// 読み込み完了時\r\n\trequest.addEventListener(`load`, () => {\r\n\t\tif (request.status >= 200 && request.status < 300) {\r\n\t\t\tconst blobUrl = URL.createObjectURL(request.response);\r\n\t\t\tcreateEmptySprite(divRoot, `loader`, g_windowObj.loader);\r\n\t\t\tlblLoading.textContent = g_lblNameObj.pleaseWait;\r\n\t\t\tsetAudio(blobUrl);\r\n\t\t} else {\r\n\t\t\tmakeWarningWindow(`${g_msgInfoObj.E_0041.split('{0}').join(getFullPath(url))}(${request.status} ${request.statusText})`, { backBtnUse: true });\r\n\t\t}\r\n\t});\r\n\r\n\t// 進捗時\r\n\trequest.addEventListener(`progress`, _event => {\r\n\t\tconst lblLoading = document.getElementById(`lblLoading`);\r\n\r\n\t\tif (_event.lengthComputable) {\r\n\t\t\tconst rate = _event.loaded / _event.total;\r\n\t\t\tcreateEmptySprite(divRoot, `loader`, { y: g_sHeight - 10, h: 10, w: g_sWidth * rate, backgroundColor: `#eeeeee` });\r\n\t\t\tlblLoading.textContent = `${g_lblNameObj.nowLoading} ${Math.floor(rate * 100)}%`;\r\n\t\t} else {\r\n\t\t\tlblLoading.textContent = `${g_lblNameObj.nowLoading} ${_event.loaded}Bytes`;\r\n\t\t}\r\n\t\t// ユーザカスタムイベント\r\n\t\tg_customJsObj.progress.forEach(func => func(_event));\r\n\t});\r\n\r\n\t// エラー処理\r\n\trequest.addEventListener(`timeout`, () => makeWarningWindow(g_msgInfoObj.E_0033, { backBtnUse: true }));\r\n\trequest.addEventListener(`error`, () => makeWarningWindow(g_msgInfoObj.E_0034, { backBtnUse: true }));\r\n\r\n\trequest.send();\r\n};\r\n\r\n/**\r\n * 音楽データの設定\r\n * iOSの場合はAudioタグによる再生\r\n * @param {string} _url \r\n */\r\nconst setAudio = async (_url) => {\r\n\r\n\tconst loadMp3 = () => {\r\n\t\tif (g_isFile) {\r\n\t\t\tg_audio = new Audio();\r\n\t\t\tg_audio.src = _url;\r\n\t\t\tmusicAfterLoaded();\r\n\t\t} else {\r\n\t\t\tinitWebAudioAPIfromURL(_url);\r\n\t\t}\r\n\t};\r\n\r\n\tconst readyToStart = _func => {\r\n\t\tif (g_isIos) {\r\n\t\t\tg_currentPage = `loadingIos`;\r\n\t\t\tlblLoading.textContent = `Click to Start!`;\r\n\t\t\tdivRoot.appendChild(makePlayButton(evt => {\r\n\t\t\t\tg_currentPage = `loading`;\r\n\t\t\t\tresetKeyControl();\r\n\t\t\t\tdivRoot.removeChild(evt.target);\r\n\t\t\t\t_func();\r\n\t\t\t}));\r\n\t\t\tsetShortcutEvent(g_currentPage);\r\n\t\t} else {\r\n\t\t\t_func();\r\n\t\t}\r\n\t};\r\n\r\n\tif (g_musicEncodedFlg) {\r\n\t\tawait loadScript2(_url);\r\n\t\tif (typeof musicInit === C_TYP_FUNCTION) {\r\n\t\t\tmusicInit();\r\n\t\t\treadyToStart(() => initWebAudioAPIfromBase64(g_musicdata));\r\n\t\t} else {\r\n\t\t\tmakeWarningWindow(g_msgInfoObj.E_0031);\r\n\t\t\tmusicAfterLoaded();\r\n\t\t}\r\n\t} else {\r\n\t\treadyToStart(() => loadMp3());\r\n\t}\r\n};\r\n\r\n// Base64から音声データに変換してWebAudioAPIで再生する準備\r\nconst initWebAudioAPIfromBase64 = async (_base64) => {\r\n\tg_audio = new AudioPlayer();\r\n\tmusicAfterLoaded();\r\n\tconst array = Uint8Array.from(atob(_base64), v => v.charCodeAt(0))\r\n\tawait g_audio.init(array.buffer);\r\n};\r\n\r\n// 音声ファイルを読み込んでWebAudioAPIで再生する準備\r\nconst initWebAudioAPIfromURL = async (_url) => {\r\n\tg_audio = new AudioPlayer();\r\n\tmusicAfterLoaded();\r\n\tconst promise = await fetch(_url);\r\n\tconst arrayBuffer = await promise.arrayBuffer();\r\n\tawait g_audio.init(arrayBuffer);\r\n};\r\n\r\nconst musicAfterLoaded = () => {\r\n\tg_audio.load();\r\n\r\n\tif (g_audio.readyState === 4) {\r\n\t\t// audioの読み込みが終わった後の処理\r\n\t\tloadingScoreInit();\r\n\t} else {\r\n\t\t// 読込中の状態\r\n\t\tg_audio.addEventListener(`canplaythrough`, (() => function f() {\r\n\t\t\tg_audio.removeEventListener(`canplaythrough`, f, false);\r\n\t\t\tloadingScoreInit();\r\n\t\t})(), false);\r\n\r\n\t\t// エラー時\r\n\t\tg_audio.addEventListener(`error`, (() => function f() {\r\n\t\t\tg_audio.removeEventListener(`error`, f, false);\r\n\t\t\tmakeWarningWindow(g_msgInfoObj.E_0041.split(`{0}`).join(g_audio.src), { backBtnUse: true });\r\n\t\t})(), false);\r\n\t}\r\n};\r\n\r\n/**\r\n * 読込画面初期化\r\n */\r\nconst loadingScoreInit = async () => {\r\n\r\n\t// 譜面データの読み込み\r\n\tawait loadChartFile();\r\n\tconst tkObj = getKeyInfo();\r\n\tconst [keyCtrlPtn, keyNum] = [tkObj.keyCtrlPtn, tkObj.keyNum];\r\n\tg_headerObj.blankFrameDef = setVal(g_headerObj.blankFrameDefs[g_stateObj.scoreId], g_headerObj.blankFrameDefs[0]);\r\n\tg_headerObj.blankFrame = g_headerObj.blankFrameDef;\r\n\r\n\t// ユーザカスタムイベント\r\n\tg_customJsObj.preloading.forEach(func => func());\r\n\tg_skinJsObj.preloading.forEach(func => func());\r\n\r\n\tlet dummyIdHeader = ``;\r\n\tif (g_stateObj.dummyId !== ``) {\r\n\t\tif (g_stateObj.dummyId === 0 || g_stateObj.dummyId === 1) {\r\n\t\t\tdummyIdHeader = ``;\r\n\t\t} else {\r\n\t\t\tdummyIdHeader = g_stateObj.dummyId;\r\n\t\t}\r\n\t}\r\n\tg_scoreObj = scoreConvert(g_rootObj, g_stateObj.scoreId, 0, dummyIdHeader);\r\n\r\n\t// 最終フレーム数の取得\r\n\tlet lastFrame = getLastFrame(g_scoreObj) + g_headerObj.blankFrame;\r\n\r\n\t// 最初の矢印データがあるフレーム数を取得\r\n\tlet firstArrowFrame = getFirstArrowFrame(g_scoreObj);\r\n\r\n\t// 開始フレーム数の取得(フェードイン加味)\r\n\tg_scoreObj.frameNum = getStartFrame(lastFrame, g_stateObj.fadein);\r\n\r\n\t// フレームごとの速度を取得（配列形式）\r\n\tlet speedOnFrame = setSpeedOnFrame(g_scoreObj.speedData, lastFrame);\r\n\r\n\t// Motionオプション適用時の矢印別の速度を取得（配列形式）\r\n\tg_workObj.motionOnFrames = setMotionOnFrame();\r\n\r\n\t// 最初のフレームで出現する矢印が、ステップゾーンに到達するまでのフレーム数を取得\r\n\tconst firstFrame = (g_scoreObj.frameNum === 0 ? 0 : g_scoreObj.frameNum + g_headerObj.blankFrame);\r\n\tlet arrivalFrame = getFirstArrivalFrame(firstFrame, speedOnFrame);\r\n\r\n\t// キーパターン(デフォルト)に対応する矢印番号を格納\r\n\tconvertReplaceNums();\r\n\r\n\tconst setData = (_data, _minLength = 1) => hasArrayList(_data, _minLength) ? _data.concat() : [];\r\n\r\n\t// フレーム・曲開始位置調整\r\n\tlet preblankFrame = 0;\r\n\tif (g_scoreObj.frameNum === 0) {\r\n\t\tif (firstArrowFrame - g_limitObj.adjustment < arrivalFrame) {\r\n\t\t\tpreblankFrame = arrivalFrame - firstArrowFrame + g_limitObj.adjustment;\r\n\r\n\t\t\t// 譜面データの再読み込み\r\n\t\t\tconst noteExistObj = {\r\n\t\t\t\tarrow: true,\r\n\t\t\t\tfrz: true,\r\n\t\t\t\tdummyArrow: g_stateObj.shuffle === C_FLG_OFF,\r\n\t\t\t\tdummyFrz: g_stateObj.shuffle === C_FLG_OFF,\r\n\t\t\t};\r\n\t\t\tconst tmpObj = scoreConvert(g_rootObj, g_stateObj.scoreId, preblankFrame, dummyIdHeader);\r\n\t\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\t\tObject.keys(noteExistObj).filter(name => tmpObj[`${name}Data`][j] !== undefined && noteExistObj[name])\r\n\t\t\t\t\t.forEach(name => g_scoreObj[`${name}Data`][j] = structuredClone(tmpObj[`${name}Data`][j]));\r\n\t\t\t}\r\n\r\n\t\t\tObject.keys(g_dataMinObj).forEach(dataType =>\r\n\t\t\t\tg_scoreObj[`${dataType}Data`] = setData(tmpObj[`${dataType}Data`], g_dataMinObj[dataType]));\r\n\r\n\t\t\tlastFrame += preblankFrame;\r\n\t\t\tfirstArrowFrame += preblankFrame;\r\n\t\t\tspeedOnFrame = setSpeedOnFrame(g_scoreObj.speedData, lastFrame);\r\n\t\t\tarrivalFrame = getFirstArrivalFrame(firstFrame, speedOnFrame);\r\n\t\t\tg_headerObj.blankFrame += preblankFrame;\r\n\t\t}\r\n\t}\r\n\tg_scoreObj.baseFrame = g_scoreObj.frameNum - g_stateObj.intAdjustment;\r\n\r\n\t// シャッフルグループ未定義の場合\r\n\tif (g_keyObj[`shuffle${keyCtrlPtn}`] === undefined) {\r\n\t\tg_keyObj[`shuffle${keyCtrlPtn}`] = fillArray(keyNum);\r\n\t}\r\n\r\n\t// シャッフルグループを扱いやすくする\r\n\t// [0, 0, 0, 1, 0, 0, 0] -> [[0, 1, 2, 4, 5, 6], [3]]\r\n\tg_workObj.shuffleGroupMap = {};\r\n\tg_keyObj[`shuffle${keyCtrlPtn}`].forEach((_val, _i) =>\r\n\t\tg_workObj.shuffleGroupMap[_val]?.push(_i) || (g_workObj.shuffleGroupMap[_val] = [_i]));\r\n\r\n\t// Mirror,Random,S-Randomの適用\r\n\tg_shuffleFunc.get(g_stateObj.shuffle)(keyNum, Object.values(g_workObj.shuffleGroupMap));\r\n\r\n\t// アシスト用の配列があれば、ダミーデータで上書き\r\n\tif (typeof g_keyObj[`assistPos${keyCtrlPtn}`] === C_TYP_OBJECT &&\r\n\t\t!g_autoPlaysBase.includes(g_stateObj.autoPlay)) {\r\n\t\tconst assistArray = g_keyObj[`assistPos${keyCtrlPtn}`][g_stateObj.autoPlay];\r\n\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\tif (assistArray[j] === 1) {\r\n\t\t\t\tg_scoreObj.dummyArrowData[j] = g_scoreObj.arrowData[j].concat();\r\n\t\t\t\tg_scoreObj.arrowData[j] = [];\r\n\t\t\t\tg_scoreObj.dummyFrzData[j] = g_scoreObj.frzData[j].concat();\r\n\t\t\t\tg_scoreObj.frzData[j] = [];\r\n\t\t\t} else {\r\n\t\t\t\tg_scoreObj.dummyArrowData[j] = [];\r\n\t\t\t\tg_scoreObj.dummyFrzData[j] = [];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// 矢印・フリーズアロー数をカウント\r\n\tg_allArrow = 0;\r\n\tg_allFrz = 0;\r\n\tg_scoreObj.arrowData.forEach(data => g_allArrow += data.length);\r\n\tg_scoreObj.frzData.forEach(data => g_allFrz += Math.floor(data.length / 2) * 2);\r\n\r\n\t// ライフ回復・ダメージ量の計算\r\n\t// フリーズ始点でも通常判定させる場合は総矢印数を水増しする\r\n\tif (g_headerObj.frzStartjdgUse) {\r\n\t\tg_allArrow += g_allFrz / 2;\r\n\t}\r\n\tg_fullArrows = g_allArrow + g_allFrz / 2;\r\n\r\n\tcalcLifeVals(g_fullArrows);\r\n\r\n\t// 矢印・フリーズアロー・速度/色変化格納処理\r\n\tpushArrows(g_scoreObj, speedOnFrame, arrivalFrame);\r\n\r\n\t// メインに入る前の最終初期化処理\r\n\tgetArrowSettings();\r\n\r\n\t// ユーザカスタムイベント\r\n\tg_customJsObj.loading.forEach(func => func());\r\n\r\n\tmainInit();\r\n};\r\n\r\n/**\r\n * 譜面番号の取得\r\n * @param {number} _scoreId \r\n * @param {boolean} _scoreLockFlg \r\n * @param {boolean} _useOne 1譜面目指定有無フラグ (初期色に関する箇所のみ指定)\r\n * @returns {number|string}\r\n */\r\nconst setScoreIdHeader = (_scoreId = 0, _scoreLockFlg = false, _useOne = false) => {\r\n\tif (!_scoreLockFlg && _scoreId > 0) {\r\n\t\treturn Number(_scoreId) + 1;\r\n\t} else if (_scoreLockFlg && g_headerObj.scoreNos?.[_scoreId] > 1) {\r\n\t\treturn g_headerObj.scoreNos[_scoreId];\r\n\t}\r\n\treturn _useOne ? 1 : ``;\r\n};\r\n\r\n/**\r\n * 譜面ファイル番号の取得\r\n * @param {number} [_scoreId=0] \r\n * @param {boolean} [_scoreLockFlg=false] \r\n * @returns {number|string}\r\n */\r\nconst setDosIdHeader = (_scoreId = 0, _scoreLockFlg = false) => {\r\n\tif (_scoreLockFlg && g_headerObj.dosNos?.[_scoreId] > 0) {\r\n\t\treturn g_headerObj.dosNos?.[_scoreId] > 1 ? g_headerObj.dosNos[_scoreId] : ``;\r\n\t} else if (_scoreId > 0) {\r\n\t\treturn Number(_scoreId) + 1;\r\n\t}\r\n\treturn ``;\r\n};\r\n\r\n/**\r\n * Mirror,Randomの適用\r\n * @param {number} _keyNum\r\n * @param {number[][]} _shuffleGroup\r\n * @param {number[][]} _style\r\n */\r\nconst applyShuffle = (_keyNum, _shuffleGroup, _style) => {\r\n\t// 並べ替え用の配列を作成\r\n\t// index[i]番目のキーの譜面がi番目のキーに流れるようになります\r\n\tconst index = [...Array(_keyNum).keys()];\r\n\tfor (let i = 0; i < _shuffleGroup.length; i++) {\r\n\t\tfor (let j = 0; j < _shuffleGroup[i].length; j++) {\r\n\t\t\tindex[_shuffleGroup[i][j]] = _style[i][j];\r\n\t\t}\r\n\t}\r\n\r\n\t// indexに従って並べ替え\r\n\tg_typeLists.arrow.forEach(type => {\r\n\t\tconst tmpData = structuredClone(g_scoreObj[`${type}Data`]);\r\n\t\tfor (let i = 0; i < _keyNum; i++) {\r\n\t\t\tg_scoreObj[`${type}Data`][i] = tmpData[index[i]] || [];\r\n\t\t}\r\n\t});\r\n};\r\n\r\n/**\r\n * X-Mirror作成用の入れ替え関数\r\n * グループが4の倍数のとき、4n+1, 4n+2のみ入れ替える\r\n * @param {number[][]} _style \r\n * @param {number[]} _group \r\n * @param {number} _i \r\n * @param {number} _divideNum \r\n * @returns \r\n */\r\nconst swapGroupNums = (_style, _group, _i, _divideNum) => {\r\n\tif (_group.length % _divideNum === 0) {\r\n\t\tfor (let k = 0; k < _group.length / _divideNum; k++) {\r\n\t\t\tconst swap1 = Math.floor(_divideNum * (k + 1 / 2) - 1);\r\n\t\t\tconst swap2 = Math.ceil(_divideNum * (k + 1 / 2));\r\n\t\t\t[_style[_i][swap1], _style[_i][swap2]] = [_style[_i][swap2], _style[_i][swap1]];\r\n\t\t}\r\n\t}\r\n\treturn _style;\r\n};\r\n\r\n/**\r\n * Mirrorの適用\r\n * @param {number} _keyNum\r\n * @param {number[][]} _shuffleGroup\r\n * @param {boolean} [_swapFlg=false]\r\n */\r\nconst applyMirror = (_keyNum, _shuffleGroup, _swapFlg = false) => {\r\n\r\n\t// シャッフルグループごとにミラー\r\n\tconst style = structuredClone(_shuffleGroup).map(_group => _group.reverse());\r\n\tconst mirStyle = structuredClone(style);\r\n\r\n\tif (_swapFlg) {\r\n\t\tstyle.forEach((group, i) => g_settings.swapPattern.forEach(val => swapGroupNums(style, group, i, val)));\r\n\t\tlet swapUseFlg = false;\r\n\t\tstyle.forEach((_group, j) => {\r\n\t\t\t_group.forEach((val, k) => {\r\n\t\t\t\tif (style[j][k] !== mirStyle[j][k]) {\r\n\t\t\t\t\tswapUseFlg = true;\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t\tif (!swapUseFlg) {\r\n\t\t\tg_stateObj.shuffle = `Mirror`;\r\n\t\t}\r\n\t}\r\n\tapplyShuffle(_keyNum, _shuffleGroup, style);\r\n};\r\n\r\n/**\r\n * Turningの適用\r\n * @param {number} _keyNum \r\n * @param {number[][]} _shuffleGroup \r\n */\r\nconst applyTurning = (_keyNum, _shuffleGroup) => {\r\n\tconst mirrorOrNot = _array => Math.random() >= 0.5 ? _array.reverse() : _array;\r\n\tconst style = structuredClone(_shuffleGroup).map(_group => {\r\n\t\tconst startNum = Math.floor(Math.random() * (_group.length - 1)) + 1;\r\n\t\treturn mirrorOrNot(makeDedupliArray(_group.slice(startNum), _group.slice(0, startNum)));\r\n\t});\r\n\tapplyShuffle(_keyNum, _shuffleGroup, style);\r\n};\r\n\r\n/**\r\n * Randomの適用\r\n * @param {number} _keyNum\r\n * @param {number[][]} _shuffleGroup\r\n */\r\nconst applyRandom = (_keyNum, _shuffleGroup) => {\r\n\t// シャッフルグループごとにシャッフル(Fisher-Yates)\r\n\tconst style = structuredClone(_shuffleGroup).map(_group => {\r\n\t\tfor (let i = _group.length - 1; i > 0; i--) {\r\n\t\t\tconst random = Math.floor(Math.random() * (i + 1));\r\n\t\t\t[_group[i], _group[random]] = [_group[random], _group[i]];\r\n\t\t}\r\n\t\treturn _group;\r\n\t});\r\n\tapplyShuffle(_keyNum, _shuffleGroup, style);\r\n};\r\n\r\n/**\r\n * S-Randomの適用\r\n * @param {number} _keyNum\r\n * @param {number[][]} _shuffleGroup\r\n * @param {string} _arrowHeader\r\n * @param {string} _frzHeader\r\n */\r\nconst applySRandom = (_keyNum, _shuffleGroup, _arrowHeader, _frzHeader) => {\r\n\r\n\tconst tmpArrowData = [...Array(_keyNum)].map(() => []);\r\n\tconst tmpFrzData = [...Array(_keyNum)].map(() => []);\r\n\tconst scatterFrame = 10;\r\n\r\n\t// シャッフルグループごとに処理\r\n\t_shuffleGroup.forEach(_group => {\r\n\t\t// 全フリーズを開始フレーム順に並べる\r\n\t\tconst allFreezeArrows = [];\r\n\t\t_group.forEach(_key => {\r\n\t\t\tconst frzData = g_scoreObj[`${_frzHeader}Data`][_key] || [];\r\n\t\t\tfor (let i = 0; i < frzData.length; i += 2) {\r\n\t\t\t\tallFreezeArrows.push({ begin: frzData[i], end: frzData[i + 1] });\r\n\t\t\t}\r\n\t\t});\r\n\t\tallFreezeArrows.sort((_a, _b) => _a.begin - _b.begin);\r\n\r\n\t\t// 重ならないようにフリーズを配置\r\n\t\tallFreezeArrows.forEach(_freeze => {\r\n\t\t\t// 置ける場所を検索\r\n\t\t\tconst freeSpacesFlat = _group.filter(\r\n\t\t\t\t_key => tmpFrzData[_key].find(_other => _freeze.begin - scatterFrame <= _other.end + scatterFrame) === undefined\r\n\t\t\t);\r\n\t\t\tconst freeSpaces = _group.filter(\r\n\t\t\t\t_key => tmpFrzData[_key].find(_other => _freeze.begin <= _other.end) === undefined\r\n\t\t\t);\r\n\t\t\tlet currentFreeSpaces = freeSpaces;\r\n\t\t\tif (g_stateObj.shuffle.startsWith(`Scatter`)) {\r\n\t\t\t\tcurrentFreeSpaces = freeSpacesFlat.length > 0 ? freeSpacesFlat : freeSpaces;\r\n\t\t\t}\r\n\t\t\t// ランダムに配置\r\n\t\t\tconst random = Math.floor(Math.random() * currentFreeSpaces.length);\r\n\t\t\ttmpFrzData[currentFreeSpaces[random]].push(_freeze);\r\n\t\t});\r\n\r\n\t\t// 通常矢印の配置\r\n\t\tconst allArrows = _group.map(_key => g_scoreObj[`${_arrowHeader}Data`][_key]).flat();\r\n\t\tallArrows.sort((_a, _b) => _a - _b);\r\n\t\tlet prev2Num = 0, prevNum = 0, sameFlg = true;\r\n\t\tallArrows.forEach(_arrow => {\r\n\r\n\t\t\t// 直前の矢印のフレーム数を取得\r\n\t\t\tsameFlg = true;\r\n\t\t\tif (prev2Num !== _arrow && prevNum !== _arrow) {\r\n\t\t\t\tprev2Num = prevNum;\r\n\t\t\t\tprevNum = _arrow;\r\n\t\t\t\tsameFlg = false;\r\n\t\t\t}\r\n\r\n\t\t\tconst getFreeSpaces = ({ scatterFrame = 0, frzFlg = false, prevFlg = false } = {}) =>\r\n\t\t\t\t_group.filter(_key =>\r\n\t\t\t\t\t// 通常矢印と重ならない\r\n\t\t\t\t\ttmpArrowData[_key].find(_other => _arrow >= _other - scatterFrame && _arrow <= _other + scatterFrame) === undefined\r\n\t\t\t\t\t// フリーズと重ならない\r\n\t\t\t\t\t&& (!frzFlg || tmpFrzData[_key].find(_freeze => _arrow >= _freeze.begin - scatterFrame && _arrow <= _freeze.end + scatterFrame) === undefined)\r\n\t\t\t\t\t// 直前の矢印と重ならない\r\n\t\t\t\t\t&& (!prevFlg || tmpArrowData[_key].find(_other => prev2Num === _other) === undefined)\r\n\t\t\t\t);\r\n\r\n\t\t\t// 置ける場所を検索\r\n\t\t\tconst freeSpacesFlat = getFreeSpaces({ scatterFrame, frzFlg: true, prevFlg: true });\r\n\t\t\tconst freeSpaces = getFreeSpaces({ frzFlg: true });\r\n\t\t\tconst freeSpacesAlt = getFreeSpaces();\r\n\r\n\t\t\t// ランダムに配置\r\n\t\t\tlet currentFreeSpaces = freeSpaces.length > 0 ? freeSpaces : freeSpacesAlt;\r\n\t\t\tif (g_stateObj.shuffle.startsWith(`Scatter`)) {\r\n\t\t\t\tcurrentFreeSpaces = freeSpacesFlat.length > 0 && !sameFlg ? freeSpacesFlat : currentFreeSpaces;\r\n\t\t\t}\r\n\t\t\tconst random = Math.floor(Math.random() * currentFreeSpaces.length);\r\n\t\t\ttmpArrowData[currentFreeSpaces[random]].push(_arrow);\r\n\t\t})\r\n\t});\r\n\r\n\tg_scoreObj[`${_arrowHeader}Data`] = tmpArrowData;\r\n\tg_scoreObj[`${_frzHeader}Data`] = tmpFrzData.map(_freezes =>\r\n\t\t_freezes.map(_freeze => [_freeze.begin, _freeze.end]).flat()\r\n\t);\r\n};\r\n\r\n/**\r\n * 譜面データの分解\r\n * @param {object} _dosObj \r\n * @param {number} _scoreId 譜面番号\r\n * @param {number} _preblankFrame 補完フレーム数\r\n * @param {string} [_dummyNo] ダミー用譜面番号添え字\r\n * @param {string} [_keyCtrlPtn] 選択キー及びパターン\r\n * @param {boolean} [_scoreAnalyzeFlg=false] 譜面詳細データのために必要分で読込を中断\r\n * @returns\r\n */\r\nconst scoreConvert = (_dosObj, _scoreId, _preblankFrame, _dummyNo = ``,\r\n\t_keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`, _scoreAnalyzeFlg = false) => {\r\n\r\n\t// 矢印群の格納先\r\n\tconst obj = {};\r\n\r\n\tconst scoreIdHeader = setScoreIdHeader(_scoreId, g_stateObj.scoreLockFlg, false);\r\n\tconst keyNum = g_keyObj[`${g_keyObj.defaultProp}${_keyCtrlPtn}`].length;\r\n\tobj.arrowData = [];\r\n\tobj.frzData = [];\r\n\tobj.dummyArrowData = [];\r\n\tobj.dummyFrzData = [];\r\n\r\n\t// realAdjustment: 全体, intAdjustment: 整数値のみ(切り捨て、ファイル時のみ四捨五入), decimalAdjustment: 小数値のみ\r\n\tconst headerAdjustment = parseFloat(g_headerObj.adjustment[g_stateObj.scoreId] || g_headerObj.adjustment[0]);\r\n\tg_stateObj.realAdjustment = (parseFloat(g_stateObj.adjustment) + headerAdjustment) / g_headerObj.playbackRate + _preblankFrame;\r\n\tg_stateObj.intAdjustment = isLocalMusicFile(g_stateObj.scoreId) ?\r\n\t\tMath.round(g_stateObj.realAdjustment) : Math.floor(g_stateObj.realAdjustment);\r\n\tg_stateObj.decimalAdjustment = g_stateObj.realAdjustment - g_stateObj.intAdjustment;\r\n\r\n\tconst blankFrame = g_headerObj.blankFrame;\r\n\tconst calcFrame = _frame => Math.round((parseFloat(_frame) - blankFrame) / g_headerObj.playbackRate + blankFrame + g_stateObj.intAdjustment);\r\n\r\n\t/**\r\n\t * 矢印データの格納\r\n\t * @param {string} _data \r\n\t * @returns {number[]}\r\n\t */\r\n\tconst storeArrowData = _data => hasVal(_data) ?\r\n\t\tsplitLF(_data)?.join(``).split(`,`).filter(data => !isNaN(parseFloat(data))).map(data => calcFrame(data)).sort((_a, _b) => _a - _b) : [];\r\n\r\n\tfor (let j = 0; j < keyNum; j++) {\r\n\r\n\t\t// 矢印データの分解\r\n\t\tconst arrowName = g_keyObj[`chara${_keyCtrlPtn}`][j];\r\n\t\tobj.arrowData[j] = storeArrowData(_dosObj[`${arrowName}${scoreIdHeader}_data`]);\r\n\r\n\t\tif (g_stateObj.dummyId !== ``) {\r\n\t\t\tobj.dummyArrowData[j] = storeArrowData(_dosObj[`${arrowName}${_dummyNo}_data`]);\r\n\t\t}\r\n\r\n\t\t// 矢印名からフリーズアロー名への変換\r\n\t\tlet frzName = replaceStr(g_keyObj[`chara${_keyCtrlPtn}`][j], g_escapeStr.frzName);\r\n\t\tif (frzName.indexOf(`frz`) === -1 && frzName.indexOf(`foni`) === -1) {\r\n\t\t\tfrzName = frzName.replaceAll(frzName, `frz${toCapitalize(frzName)}`);\r\n\t\t}\r\n\r\n\t\t// フリーズアローデータの分解 (2つで1セット)\r\n\t\tobj.frzData[j] = storeArrowData(_dosObj[`${frzName}${scoreIdHeader}_data`]);\r\n\r\n\t\tif (g_stateObj.dummyId !== ``) {\r\n\t\t\tobj.dummyFrzData[j] = storeArrowData(_dosObj[`${frzName}${_dummyNo}_data`]);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * 速度変化データの分解・格納（フレーム数, 矢印番号）\r\n\t * @param {string} _header \r\n\t * @param {number} _scoreNo \r\n\t * @param {string} _footer \r\n\t * @returns {number[]}\r\n\t */\r\n\tconst setSpeedData = (_header, _scoreNo, _footer = `_data`) => {\r\n\t\tconst dosSpeedData = getRefData(_header, `${_scoreNo}${_footer}`);\r\n\t\tconst speedData = [];\r\n\r\n\t\tif (hasVal(dosSpeedData) && g_stateObj.d_speed === C_FLG_ON) {\r\n\t\t\tconst tmpArrayData = splitLF(dosSpeedData);\r\n\r\n\t\t\ttmpArrayData.filter(data => hasVal(data)).forEach(tmpData => {\r\n\t\t\t\tconst tmpSpeedData = tmpData.split(`,`);\r\n\t\t\t\tfor (let k = 0; k < tmpSpeedData.length; k += 2) {\r\n\t\t\t\t\tif (!hasVal(tmpSpeedData[k])) {\r\n\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t} else if (tmpSpeedData[k + 1] === `-`) {\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tconst frame = calcFrame(setVal(tmpSpeedData[k], ``, C_TYP_CALC));\r\n\t\t\t\t\tconst speed = setVal(tmpSpeedData[k + 1], 1, C_TYP_CALC);\r\n\r\n\t\t\t\t\tspeedData.push([frame, speed]);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\treturn speedData.sort((_a, _b) => _a[0] - _b[0]).flat();\r\n\t\t}\r\n\t\treturn [];\r\n\t};\r\n\r\n\t/**\r\n\t * 個別・全体色変化データをマージして整列し、単純配列として返却\r\n\t * @param {string} _header \r\n\t * @returns {any[]}\r\n\t */\r\n\tconst mergeColorData = (_header = ``) => {\r\n\t\tif (obj[`color${_header}Data`] === undefined) return [];\r\n\t\tconst tmpArr = obj[`color${_header}Data`].concat(obj[`acolor${_header}Data`]);\r\n\t\tdelete obj[`acolor${_header}Data`];\r\n\t\treturn tmpArr.sort((_a, _b) => _a[0] - _b[0]).flat();\r\n\t};\r\n\r\n\t/**\r\n\t * 色変化データの分解・格納（フレーム数, 矢印番号）\r\n\t * 後で個別・全体色変化をマージするため、二次元配列として返却\r\n\t * @param {string} _header \r\n\t * @param {number} _scoreNo \r\n\t * @returns {any[][]}\r\n\t */\r\n\tconst setColorData = (_header, _scoreNo) => {\r\n\t\tconst dosColorData = getRefData(_header, `${_scoreNo}_data`);\r\n\t\tconst colorData = [];\r\n\t\tconst allFlg = (_header.charAt(0) === `a`);\r\n\r\n\t\tif (hasVal(dosColorData) && g_stateObj.d_color === C_FLG_ON) {\r\n\t\t\tconst tmpArrayData = splitLF(dosColorData);\r\n\r\n\t\t\ttmpArrayData.filter(data => hasVal(data)).forEach(tmpData => {\r\n\t\t\t\tconst tmpColorData = tmpData.split(`,`);\r\n\t\t\t\tfor (let k = 0; k < tmpColorData.length; k += 3) {\r\n\t\t\t\t\tif (!hasVal(tmpColorData[k])) {\r\n\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t} else if (tmpColorData[k + 1] === `-`) {\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tconst frame = calcFrame(setVal(tmpColorData[k], ``, C_TYP_CALC));\r\n\t\t\t\t\tconst colorNum = setVal(tmpColorData[k + 1], 0, C_TYP_CALC);\r\n\t\t\t\t\tconst colorCd = tmpColorData[k + 2];\r\n\r\n\t\t\t\t\t// フレーム数、色番号、カラーコード、全体色変化フラグをセットとして配列化\r\n\t\t\t\t\tcolorData.push([frame, colorNum, colorCd, allFlg]);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\treturn colorData.sort((_a, _b) => _a[0] - _b[0]);\r\n\t\t}\r\n\t\treturn [];\r\n\t};\r\n\r\n\t/**\r\n\t * 色変化データの分解・格納（新形式）\r\n\t * - 個別・全体色変化を一体で管理するため通常の配列で返却\r\n\t * @param {string} _header \r\n\t * @param {number} _scoreNo \r\n\t * @returns \r\n\t */\r\n\tconst setColor2Data = (_header, _scoreNo) => {\r\n\t\tconst dosColorData = getRefData(_header, `${_scoreNo}_data`);\r\n\t\tconst colorData = {\r\n\t\t\tArrow: [], ArrowShadow: [], Normal: [], NormalBar: [], NormalShadow: [],\r\n\t\t\tHit: [], HitBar: [], HitShadow: [],\r\n\t\t};\r\n\r\n\t\tif (hasVal(dosColorData) && g_stateObj.d_color === C_FLG_ON) {\r\n\r\n\t\t\tsplitLF(dosColorData).filter(data => hasVal(data)).forEach(tmpData => {\r\n\t\t\t\tconst tmpColorData = tmpData.split(`,`).map(val => trimStr(val));\r\n\t\t\t\tif (!hasVal(tmpColorData[0]) || tmpColorData[1] === `-`) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst frame = calcFrame(setVal(tmpColorData[0], ``, C_TYP_CALC));\r\n\t\t\t\tconst colorCd = tmpColorData[2];\r\n\r\n\t\t\t\t// 色変化対象の取得\r\n\t\t\t\tconst pos = tmpColorData[1]?.indexOf(`:`);\r\n\t\t\t\tconst patternStr = pos > 0 ? [trimStr(tmpColorData[1].substring(0, pos)), trimStr(tmpColorData[1].substring(pos + 1))]\r\n\t\t\t\t\t: [tmpColorData[1]];\r\n\t\t\t\tconst patterns = replaceStr(trimStr(patternStr[1] || `Arrow`), g_escapeStr.colorPatternName).split(`/`);\r\n\r\n\t\t\t\t// 矢印番号の組み立て\r\n\t\t\t\tconst colorVals = [];\r\n\t\t\t\treplaceStr(patternStr[0], g_escapeStr.targetPatternName)?.split(`/`)?.forEach(val => {\r\n\t\t\t\t\tif (val.indexOf(`...`) > 0) {\r\n\t\t\t\t\t\t// 範囲指定表記の補完 例. 0...3 -> 0/1/2/3\r\n\t\t\t\t\t\tconst [valMin, valMax] = [val.split(`...`)[0], val.split(`...`)[1]].map(val => setIntVal(val));\r\n\t\t\t\t\t\tfor (let k = valMin; k <= valMax; k++) {\r\n\t\t\t\t\t\t\tcolorVals.push(String(k));\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tcolorVals.push(val);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// フレーム数、色番号、カラーコード、全体色変化フラグ、変更対象をセットとして配列化し、色変化対象ごとのプロパティへ追加\r\n\t\t\t\tpatterns.forEach(pattern => {\r\n\t\t\t\t\ttry {\r\n\t\t\t\t\t\tcolorVals.forEach(val => colorData[pattern].push([frame, val, colorCd, hasVal(tmpColorData[3]), pattern]));\r\n\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\tmakeWarningWindow(g_msgInfoObj.E_0201.split(`{0}`).join(pattern));\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\t// 色変化対象ごとにフレーム数をキーにソートしてフラット化\r\n\t\t\tObject.keys(colorData).forEach(pattern =>\r\n\t\t\t\tcolorData[pattern] = colorData[pattern].sort((_a, _b) => _a[0] - _b[0]).flat());\r\n\t\t}\r\n\t\treturn colorData;\r\n\t};\r\n\r\n\t/**\r\n\t * 矢印モーションデータの分解・格納（フレーム数, 矢印番号）\r\n\t * @param {string} _header \r\n\t * @param {number} _scoreNo \r\n\t * @returns {any[]}\r\n\t */\r\n\tconst setCssMotionData = (_header, _scoreNo) => {\r\n\t\tconst dosCssMotionData = getRefData(`${_header}Motion`, `${_scoreNo}_data`) || _dosObj[`${_header}Motion_data`];\r\n\t\tconst cssMotionData = [];\r\n\r\n\t\tif (hasVal(dosCssMotionData) && g_stateObj.d_arroweffect === C_FLG_ON) {\r\n\t\t\tsplitLF(dosCssMotionData).filter(data => hasVal(data)).forEach(tmpData => {\r\n\t\t\t\tconst tmpcssMotionData = tmpData.split(`,`);\r\n\t\t\t\tif (isNaN(parseInt(tmpcssMotionData[0]))) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst frame = calcFrame(tmpcssMotionData[0]);\r\n\t\t\t\tconst arrowNum = parseFloat(tmpcssMotionData[1]);\r\n\t\t\t\tconst styleUp = (tmpcssMotionData[2] === `none` ? `` : tmpcssMotionData[2]);\r\n\t\t\t\tconst styleDown = (tmpcssMotionData[3] === `none` ? `` : setVal(tmpcssMotionData[3], styleUp));\r\n\r\n\t\t\t\tcssMotionData.push([frame, arrowNum, styleUp, styleDown]);\r\n\t\t\t});\r\n\r\n\t\t\t// 個別のモーションデータが存在する場合、Effect設定を自動リセット\r\n\t\t\tif (cssMotionData.length > 0) {\r\n\t\t\t\tg_stateObj.effect = C_FLG_OFF;\r\n\t\t\t\tg_settings.effectNum = 0;\r\n\t\t\t}\r\n\t\t\treturn cssMotionData.sort((_a, _b) => _a[0] - _b[0]).flat();\r\n\t\t}\r\n\t\treturn [];\r\n\t};\r\n\r\n\t/**\r\n\t * スクロール変化データの分解\r\n\t * @param {number} _scoreNo \r\n\t * @returns {number[]}\r\n\t */\r\n\tconst setScrollchData = (_scoreNo) => {\r\n\t\tconst dosScrollchData = getRefData(`scrollch`, `${_scoreNo}_data`) || _dosObj.scrollch_data;\r\n\t\tconst scrollchData = [];\r\n\t\tlet maxLayerGroup = 0;\r\n\r\n\t\tif (hasVal(dosScrollchData)) {\r\n\t\t\tsplitLF(dosScrollchData).filter(data => hasVal(data)).forEach(tmpData => {\r\n\t\t\t\tconst tmpScrollchData = tmpData.split(`,`);\r\n\t\t\t\tif (isNaN(parseInt(tmpScrollchData[0]))) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst frame = calcFrame(tmpScrollchData[0]);\r\n\t\t\t\tconst arrowNum = parseFloat(tmpScrollchData[1]);\r\n\t\t\t\tconst scrollDir = parseFloat(tmpScrollchData[2] ?? `1`);\r\n\t\t\t\tconst layerGroup = parseFloat(tmpScrollchData[3] ?? `-1`);\r\n\t\t\t\tconst layerTrans = tmpScrollchData[4] ?? ``;\r\n\t\t\t\tmaxLayerGroup = Math.max(maxLayerGroup, layerGroup);\r\n\r\n\t\t\t\tscrollchData.push([frame, arrowNum, frame, scrollDir, layerGroup, layerTrans]);\r\n\t\t\t});\r\n\t\t\tg_stateObj.layerNumDf = Math.max((maxLayerGroup + 1) * 2, 2);\r\n\t\t\treturn scrollchData.sort((_a, _b) => _a[0] - _b[0]).flat();\r\n\t\t}\r\n\t\treturn [];\r\n\t};\r\n\r\n\t/**\r\n\t * 譜面データに別の関連名が含まれていた場合、関連名の変数を返す\r\n\t * 例) |backA2_data=back_data| -> back_dataで定義された値を使用\r\n\t * @param {string} _header \r\n\t * @param {string} _dataName \r\n\t * @returns\r\n\t */\r\n\tconst getRefData = (_header, _dataName) => {\r\n\t\tconst data = _dosObj[`${_header}${_dataName}`];\r\n\t\tlet dataStr = data;\r\n\t\tsplitLF(data)?.filter(val => val?.startsWith(_header) && _dosObj[val] !== undefined)\r\n\t\t\t.forEach(val => dataStr = dataStr.replace(val, _dosObj[val]));\r\n\t\treturn dataStr;\r\n\t}\r\n\r\n\t/**\r\n\t * 譜面データの優先順配列パターンの取得\r\n\t * @param {string} _type \r\n\t * @param {number} _scoreNo \r\n\t * @returns {string[]}\r\n\t */\r\n\tconst getPriorityVal = (_type, _scoreNo) => [\r\n\t\t`${_type}${g_localeObj.val}${_scoreNo}_data`,\r\n\t\t`${_type}${g_localeObj.val}_data`,\r\n\t\t`${_type}${_scoreNo}_data`,\r\n\t\t`${_type}_data`\r\n\t];\r\n\r\n\t/**\r\n\t * 歌詞表示、背景・マスクデータの優先順取得\r\n\t * @param {string[]} _defaultHeaders \r\n\t * @returns {string[]}\r\n\t */\r\n\tconst getPriorityHeader = (_defaultHeaders = []) => {\r\n\t\tif (_defaultHeaders.length > 0) {\r\n\t\t\treturn makeDedupliArray(_defaultHeaders);\r\n\t\t}\r\n\r\n\t\tconst list = [];\r\n\t\tconst ptnName = `${(g_keyObj.currentPtn === -1 ? g_keyObj.storagePtn : g_keyObj.currentPtn) + 1}`;\r\n\t\tconst keyName = setVal(g_keyObj[`transKey${_keyCtrlPtn}`], g_keyObj.currentKey);\r\n\t\tlet type = ``;\r\n\t\tif (g_stateObj.scroll !== `---`) {\r\n\t\t\ttype = `Alt`;\r\n\t\t} else if (g_stateObj.reverse === C_FLG_ON) {\r\n\t\t\ttype = `Rev`;\r\n\t\t}\r\n\r\n\t\t[g_stateObj.scroll, type, ``].forEach(header => {\r\n\t\t\tlist.push(`${header}[${ptnName}]`, `${header}<${keyName}>`);\r\n\t\t\tif (hasVal(g_keyObj[`transKey${_keyCtrlPtn}`])) {\r\n\t\t\t\tlist.push(`${header}A`);\r\n\t\t\t}\r\n\t\t});\r\n\t\tlist.push(g_stateObj.scroll, type, ``);\r\n\r\n\t\treturn makeDedupliArray(list);\r\n\t};\r\n\r\n\t/**\r\n\t * 歌詞データの分解\r\n\t * @param {string} _scoreNo \r\n\t * @returns\r\n\t */\r\n\tconst makeWordData = _scoreNo => {\r\n\t\tconst wordDataList = [];\r\n\t\tconst wordTargets = [];\r\n\t\tlet wordReverseFlg = false;\r\n\t\tconst divideCnt = getKeyInfo().divideCnt;\r\n\t\tconst addDataList = (_type = ``) => wordTargets.push(...getPriorityVal(_type, _scoreNo));\r\n\t\tgetPriorityHeader().forEach(val => addDataList(val));\r\n\t\tmakeDedupliArray(wordTargets).forEach(val => wordDataList.push(getRefData(`word`, val)));\r\n\r\n\t\tif (g_stateObj.reverse === C_FLG_ON) {\r\n\t\t\tlet wordTarget = ``;\r\n\t\t\tfor (let val of makeDedupliArray(wordTargets)) {\r\n\t\t\t\tif (getRefData(`word`, val) !== undefined) {\r\n\t\t\t\t\twordTarget = val;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// wordRev_dataが指定されている場合はそのままの位置を採用\r\n\t\t\t// word_dataのみ指定されている場合、下記ルールに従って設定\r\n\t\t\tif (!wordTarget.includes(`Rev`) && g_stateObj.scroll === `---`) {\r\n\t\t\t\t// Reverse時の歌詞の自動反転制御設定\r\n\t\t\t\tif (g_headerObj.wordAutoReverse !== C_DIS_AUTO) {\r\n\t\t\t\t\twordReverseFlg = g_headerObj.wordAutoReverse === C_FLG_ON;\r\n\t\t\t\t} else if (keyNum === divideCnt + 1) {\r\n\t\t\t\t\twordReverseFlg = true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst inputWordData = wordDataList.find((v) => v !== undefined);\r\n\t\treturn (inputWordData !== undefined ? makeSpriteWordData(inputWordData, wordReverseFlg) : [[], -1]);\r\n\t};\r\n\r\n\t/**\r\n\t * 多層歌詞データの格納処理\r\n\t * @param {object} _data \r\n\t * @param {boolean} _reverseFlg\r\n\t * @returns\r\n\t */\r\n\tconst makeSpriteWordData = (_data, _reverseFlg = false) => {\r\n\t\tconst wordData = [];\r\n\t\tlet wordMaxDepth = -1;\r\n\t\tlet wordReverseFlg = _reverseFlg;\r\n\t\tconst tmpArrayData = splitLF(_data);\r\n\r\n\t\tif (g_headerObj.wordAutoReverse === C_DIS_AUTO) {\r\n\t\t\ttmpArrayData.filter(data => hasVal(data) && data?.indexOf(`
`) !== -1).forEach(() => wordReverseFlg = false);\r\n\t\t}\r\n\r\n\t\ttmpArrayData.filter(data => hasVal(data)).forEach(tmpData => {\r\n\t\t\tconst tmpWordData = tmpData.split(`,`).map(val => trimStr(val));\r\n\t\t\tfor (let k = 0; k < tmpWordData.length; k += 3) {\r\n\t\t\t\tif (!hasVal(tmpWordData[k])) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t} else if (tmpWordData[k + 1] === `-`) {\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t\ttmpWordData[k] = calcFrame(setVal(tmpWordData[k], ``, C_TYP_CALC));\r\n\t\t\t\ttmpWordData[k + 1] = setVal(tmpWordData[k + 1], 0, C_TYP_CALC);\r\n\t\t\t\ttmpWordData[k + 1] = Math.floor(tmpWordData[k + 1] / 2) * 2 +\r\n\t\t\t\t\t(tmpWordData[k + 1] + Number(wordReverseFlg)) % 2;\r\n\r\n\t\t\t\tif (tmpWordData[k + 1] > wordMaxDepth) {\r\n\t\t\t\t\twordMaxDepth = tmpWordData[k + 1];\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// 同一行数で数字が取得できるまでは歌詞表示と見做して結合\r\n\t\t\t\tlet m = 3;\r\n\t\t\t\twhile (hasVal(tmpWordData[m]) && isNaN(parseInt(tmpWordData[m])) && m < tmpWordData.length) {\r\n\t\t\t\t\ttmpWordData[k + 2] += `,${tmpWordData[k + m]}`;\r\n\t\t\t\t\ttmpWordData.splice(k + m, 1);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// 歌詞表示データの格納\r\n\t\t\t\tlet dataCnts = 0;\r\n\t\t\t\t[wordData[tmpWordData[k]], dataCnts] =\r\n\t\t\t\t\tcheckDuplicatedObjects(wordData[tmpWordData[k]]);\r\n\r\n\t\t\t\tif (tmpWordData.length > 3 && tmpWordData.length < 6) {\r\n\t\t\t\t\ttmpWordData[3] = setIntVal(tmpWordData[3], C_WOD_FRAME);\r\n\t\t\t\t\twordData[tmpWordData[0]][dataCnts].push(tmpWordData[1],\r\n\t\t\t\t\t\tescapeHtmlForEnabledTag(tmpWordData[2]), tmpWordData[3]);\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t} else {\r\n\t\t\t\t\twordData[tmpWordData[k]][dataCnts].push(tmpWordData[k + 1],\r\n\t\t\t\t\t\tescapeHtmlForEnabledTag(tmpWordData[k + 2] ?? ``));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn [wordData, wordMaxDepth];\r\n\t};\r\n\r\n\t/**\r\n\t * 背景・マスク、スキン変更データの分解\r\n\t * @param {string} _header \r\n\t * @param {string} _scoreNo 譜面番号\r\n\t * @param {string[]} [object.resultTypes] リザルトモーションの種類 (result, failedB, failedS)\r\n\t * @returns\r\n\t */\r\n\tconst makeBackgroundData = (_header, _scoreNo, { resultTypes = [] } = {}) => {\r\n\t\tconst dataList = [];\r\n\t\tconst animationTargets = [];\r\n\t\tconst calcFrameFunc = resultTypes.length > 0 ? undefined : calcFrame;\r\n\t\tconst addDataList = (_type = ``) => animationTargets.push(...getPriorityVal(_type, _scoreNo));\r\n\t\tgetPriorityHeader(resultTypes).forEach(val => addDataList(val));\r\n\t\tmakeDedupliArray(animationTargets).forEach(val => dataList.push(getRefData(_header, val)));\r\n\r\n\t\tconst data = dataList.find((v) => v !== undefined);\r\n\t\treturn (data !== undefined ? g_animationFunc.make[_header](data, calcFrameFunc) : [[], -1]);\r\n\t};\r\n\r\n\t// 速度変化データの分解 (2つで1セット)\r\n\tlet speedFooter = ``;\r\n\tif (hasVal(_dosObj[`speed${scoreIdHeader}_data`])) {\r\n\t\tspeedFooter = `_data`;\r\n\t}\r\n\tif (hasVal(_dosObj[`speed${scoreIdHeader}_change`])) {\r\n\t\tspeedFooter = `_change`;\r\n\t}\r\n\r\n\t// 速度変化（個別・全体）の分解 (2つで1セット, セット毎の改行区切り可)\r\n\tobj.boostData = setSpeedData(`boost`, scoreIdHeader);\r\n\tobj.speedData = setSpeedData(`speed`, scoreIdHeader, speedFooter);\r\n\r\n\t// 色変化（個別・全体）の分解 (3つで1セット, セット毎の改行区切り可)\r\n\tg_typeLists.color.forEach(sprite => {\r\n\t\tobj[`${sprite}Data`] = setColorData(sprite, scoreIdHeader);\r\n\t\tif (g_stateObj.dummyId !== ``) {\r\n\t\t\tobj[`${sprite}DummyData`] = setColorData(sprite, _dummyNo);\r\n\t\t}\r\n\t});\r\n\t// 色変化（新形式）の分解（3～4つで1セット, セット毎の改行区切り）\r\n\tobj.ncolorData = setColor2Data(`ncolor`, scoreIdHeader);\r\n\tif (g_stateObj.dummyId !== ``) {\r\n\t\tobj.ncolorDummyData = setColor2Data(`ncolor`, _dummyNo);\r\n\t}\r\n\r\n\tif (_scoreAnalyzeFlg) {\r\n\t\treturn obj;\r\n\t}\r\n\r\n\tobj.colorData = mergeColorData();\r\n\tobj.dummyColorData = mergeColorData(`Dummy`);\r\n\r\n\t// レイヤー数の初期値設定（譜面ごとに設定のため）\r\n\tg_stateObj.layerNumDf = 2;\r\n\r\n\t// 矢印モーション（個別）データの分解（3～4つで1セット, セット毎の改行区切り）\r\n\tobj.arrowCssMotionData = setCssMotionData(`arrow`, scoreIdHeader);\r\n\tobj.frzCssMotionData = setCssMotionData(`frz`, scoreIdHeader);\r\n\tif (g_stateObj.dummyId !== ``) {\r\n\t\tobj.dummyArrowCssMotionData = setCssMotionData(`arrow`, _dummyNo);\r\n\t\tobj.dummyFrzCssMotionData = setCssMotionData(`frz`, _dummyNo);\r\n\t}\r\n\r\n\t// スクロール変化データの分解\r\n\tobj.scrollchData = setScrollchData(scoreIdHeader);\r\n\r\n\t// 歌詞データの分解 (3つで1セット, セット毎の改行区切り可)\r\n\tobj.wordData = [];\r\n\tobj.wordMaxDepth = -1;\r\n\tif (g_stateObj.d_lyrics === C_FLG_OFF) {\r\n\t} else {\r\n\t\t[obj.wordData, obj.wordMaxDepth] = makeWordData(scoreIdHeader);\r\n\t}\r\n\r\n\t// 背景・マスク・スキン変更データの分解 (下記すべてで1セット、改行区切り)\r\n\t// - 背景・マスク: [フレーム数, 階層, 背景パス, class(CSSで別定義), X, Y, width, height, opacity, animationName, animationDuration, animationFillMode]\r\n\t// - スキン変更 : [フレーム数, CSSカスタムプロパティ名, 設定内容]\r\n\tg_animationData.forEach(sprite => {\r\n\t\tobj[`${sprite}Data`] = [];\r\n\t\tobj[`${sprite}MaxDepth`] = -1;\r\n\r\n\t\tif (g_stateObj.d_background === C_FLG_OFF) {\r\n\t\t} else {\r\n\t\t\t[obj[`${sprite}Data`], obj[`${sprite}MaxDepth`]] = makeBackgroundData(sprite, scoreIdHeader);\r\n\t\t}\r\n\r\n\t\tif (g_stateObj.d_background === C_FLG_OFF && g_headerObj.resultMotionSet) {\r\n\t\t\t[`Result`, `Failed`].forEach(backName => {\r\n\t\t\t\tg_headerObj[`${backName}Data`] = [];\r\n\t\t\t\tg_headerObj[`${backName}MaxDepth`] = -1;\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\t[g_headerObj[`${sprite}ResultData`], g_headerObj[`${sprite}ResultMaxDepth`]] =\r\n\t\t\t\tmakeBackgroundData(sprite, scoreIdHeader, { resultTypes: [`result`] });\r\n\t\t\t[g_headerObj[`${sprite}FailedData`], g_headerObj[`${sprite}FailedMaxDepth`]] =\r\n\t\t\t\tmakeBackgroundData(sprite, scoreIdHeader, { resultTypes: [`failed${g_stateObj.lifeMode.slice(0, 1)}`, `result`] });\r\n\t\t}\r\n\t});\r\n\r\n\t// キー変化定義\r\n\tobj.keychFrames = [];\r\n\tobj.keychTarget = [];\r\n\tobj.keychTargetAlpha = [];\r\n\tif (hasVal(getRefData(`keych`, `${scoreIdHeader}_data`))) {\r\n\t\tconst keychdata = splitLF2(getRefData(`keych`, `${scoreIdHeader}_data`), `,`);\r\n\t\tobj.keychFrames.push(...(keychdata.filter((val, j) => j % 2 === 0)).map(val => val === `0` ? 0 : calcFrame(val)));\r\n\r\n\t\tkeychdata.filter((val, j) => j % 2 === 1)?.forEach(targets => {\r\n\t\t\tconst targetKeyList = [], targetKeyAlpha = [];\r\n\t\t\ttargets?.split(`/`).forEach(target => {\r\n\t\t\t\ttargetKeyList.push(trimStr(target?.split(`:`)[0]));\r\n\t\t\t\ttargetKeyAlpha.push(trimStr(target?.split(`:`)[1]) || 1);\r\n\t\t\t})\r\n\t\t\tobj.keychTarget.push(targetKeyList);\r\n\t\t\tobj.keychTargetAlpha.push(targetKeyAlpha);\r\n\t\t});\r\n\t}\r\n\tobj.keychFrames.unshift(0);\r\n\tobj.keychTarget.unshift([`0`]);\r\n\tobj.keychTargetAlpha.unshift([1]);\r\n\r\n\treturn obj;\r\n};\r\n\r\n/**\r\n * ライフ回復量・ダメージ量の算出\r\n * @param {number} _allArrows \r\n */\r\nconst calcLifeVals = _allArrows => {\r\n\r\n\tif (g_stateObj.lifeVariable === C_FLG_ON) {\r\n\t\tg_workObj.lifeRcv = calcLifeVal(g_stateObj.lifeRcv, _allArrows);\r\n\t\tg_workObj.lifeDmg = calcLifeVal(g_stateObj.lifeDmg, _allArrows);\r\n\t} else {\r\n\t\tg_workObj.lifeRcv = g_stateObj.lifeRcv;\r\n\t\tg_workObj.lifeDmg = g_stateObj.lifeDmg;\r\n\t}\r\n\tg_workObj.lifeBorder = g_headerObj.maxLifeVal * g_stateObj.lifeBorder / 100;\r\n\tg_workObj.lifeInit = g_headerObj.maxLifeVal * g_stateObj.lifeInit / 100;\r\n};\r\n\r\n/**\r\n * ライフ回復量・ダメージ量の算出\r\n * @param {number} _val \r\n * @param {number} _allArrows \r\n */\r\nconst calcLifeVal = (_val, _allArrows) => _val * g_headerObj.maxLifeVal / _allArrows;\r\n\r\n/**\r\n * 最終フレーム数の取得\r\n * @param {object} _dataObj \r\n * @param {string} [_keyCtrlPtn]\r\n * @returns {number}\r\n */\r\nconst getLastFrame = (_dataObj, _keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`) => {\r\n\r\n\tlet tmpLastNum = 0;\r\n\tconst keyNum = g_keyObj[`${g_keyObj.defaultProp}${_keyCtrlPtn}`].length;\r\n\r\n\tfor (let j = 0; j < keyNum; j++) {\r\n\t\tconst data = [\r\n\t\t\t_dataObj.arrowData[j],\r\n\t\t\t_dataObj.frzData[j],\r\n\t\t\t_dataObj.dummyArrowData[j],\r\n\t\t\t_dataObj.dummyFrzData[j]\r\n\t\t];\r\n\r\n\t\tdata.filter(data => hasVal(data)).forEach(_objData => {\r\n\t\t\tif (_objData.at(-1) > tmpLastNum) {\r\n\t\t\t\ttmpLastNum = _objData.at(-1);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\treturn tmpLastNum;\r\n};\r\n\r\n/**\r\n * 最初の矢印フレームの取得\r\n * @param {object} _dataObj \r\n * @param {string} [_keyCtrlPtn]\r\n * @returns {number}\r\n */\r\nconst getFirstArrowFrame = (_dataObj, _keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`) => {\r\n\r\n\tlet tmpFirstNum = Infinity;\r\n\tconst keyNum = g_keyObj[`${g_keyObj.defaultProp}${_keyCtrlPtn}`].length;\r\n\r\n\tfor (let j = 0; j < keyNum; j++) {\r\n\t\tconst data = [\r\n\t\t\t_dataObj.arrowData[j],\r\n\t\t\t_dataObj.frzData[j],\r\n\t\t\t_dataObj.dummyArrowData[j],\r\n\t\t\t_dataObj.dummyFrzData[j]\r\n\t\t];\r\n\r\n\t\tdata.filter(data => hasVal(data)).forEach(_objData => {\r\n\t\t\tif (_objData[0] !== `` && _objData[0] < tmpFirstNum && _objData[0] + g_limitObj.adjustment > 0) {\r\n\t\t\t\ttmpFirstNum = _objData[0];\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\treturn (tmpFirstNum === Infinity ? 0 : tmpFirstNum);\r\n};\r\n\r\n/**\r\n * 開始フレームの取得\r\n * @param {number} _lastFrame \r\n * @param {number} [_fadein=0]\r\n * @param {number} [_scoreId=g_scoreObj.scoreId]\r\n * @returns {number}\r\n */\r\nconst getStartFrame = (_lastFrame, _fadein = 0, _scoreId = g_stateObj.scoreId) => {\r\n\tlet frameNum = setIntVal(g_headerObj.startFrame?.[_scoreId], setIntVal(g_headerObj.startFrame?.[0], 0));\r\n\tif (_lastFrame >= frameNum) {\r\n\t\tframeNum = Math.round(_fadein / 100 * (_lastFrame - frameNum)) + frameNum;\r\n\t}\r\n\treturn frameNum;\r\n};\r\n\r\n/**\r\n * 各フレームごとの速度を格納\r\n * @param {object} _speedData \r\n * @param {number} _lastFrame \r\n * @returns {number[]}\r\n */\r\nconst setSpeedOnFrame = (_speedData, _lastFrame) => {\r\n\r\n\tconst speedOnFrame = [];\r\n\tlet currentSpeed = g_stateObj.speed * g_headerObj.baseSpeed * 2;\r\n\r\n\tfor (let frm = 0, s = 0; frm <= _lastFrame; frm++) {\r\n\t\twhile (frm >= _speedData?.[s]) {\r\n\t\t\tcurrentSpeed = _speedData[s + 1] * g_stateObj.speed * g_headerObj.baseSpeed * 2;\r\n\t\t\ts += 2;\r\n\t\t}\r\n\t\tspeedOnFrame[frm] = currentSpeed;\r\n\t}\r\n\treturn speedOnFrame;\r\n};\r\n\r\n/**\r\n * Motionオプション適用時の矢印別の速度設定\r\n * - 矢印が表示される最大フレーム数を 101フレーム と定義。\r\n */\r\nconst setMotionOnFrame = () => g_motionFunc.get(g_stateObj.motion)(fillArray(101));\r\n\r\n/**\r\n * Boost用の適用関数\r\n * - ステップゾーンに近づくにつれて加速量を大きく/小さくする (16 → 85)\r\n * @param {number[]} _frms \r\n * @param {number} _spd \r\n * @param {number} [_pnFlg=1] 正負(1 もしくは -1) \r\n * @returns {number[]}\r\n */\r\nconst getBoostTrace = (_frms, _spd, _pnFlg = 1) => {\r\n\tfor (let j = C_MOTION_STD_POS + 1; j < C_MOTION_STD_POS + 70; j++) {\r\n\t\t_frms[j] = (C_MOTION_STD_POS + 70 - j) * _pnFlg * _spd / 50;\r\n\t}\r\n\treturn _frms;\r\n};\r\n\r\n/**\r\n * Brake用の適用関数\r\n * - 初期は+2x、ステップゾーンに近づくにつれて加速量を下げる (20 → 34)\r\n * @param {number[]} _frms\r\n * @returns {number[]} \r\n */\r\nconst getBrakeTrace = _frms => {\r\n\tfor (let j = C_MOTION_STD_POS + 5; j < C_MOTION_STD_POS + 19; j++) {\r\n\t\t_frms[j] = (j - 15) * 4 / 14;\r\n\t}\r\n\tfor (let j = C_MOTION_STD_POS + 19; j <= g_headerObj.playingHeight / 2; j++) {\r\n\t\t_frms[j] = 4;\r\n\t}\r\n\treturn _frms;\r\n};\r\n\r\n/**\r\n * Fountain用の適用関数\r\n * - 反対側から出現し、画面中央付近で折り返す。タイミングは初期速度により変化。\r\n * @param {number[]} _frms \r\n * @param {number} _spd\r\n * @returns {number[]}\r\n */\r\nconst getFountainTrace = (_frms, _spd) => {\r\n\tconst minj = C_MOTION_STD_POS + 1;\r\n\tconst maxj = C_MOTION_STD_POS + Math.ceil(400 / _spd) + 1;\r\n\tconst maxMotionFrm = Math.max(maxj, C_MOTION_STD_POS + g_sHeight / 2);\r\n\tconst diff = 50 / (maxj - minj);\r\n\tconst factor = 0.5 + _spd / 40;\r\n\r\n\tfor (let j = minj; j < maxMotionFrm; j++) {\r\n\t\t_frms[j] = Math.floor((10 - (j - C_MOTION_STD_POS - 1) * diff) * factor);\r\n\t}\r\n\treturn _frms;\r\n}\r\n\r\n/**\r\n * 最初のフレームで出現する矢印が、ステップゾーンに到達するまでのフレーム数を取得\r\n * @param {number} _startFrame \r\n * @param {object} _speedOnFrame\r\n * @returns {number} \r\n */\r\nconst getFirstArrivalFrame = (_startFrame, _speedOnFrame) => {\r\n\tlet startY = 0;\r\n\tlet frm = _startFrame;\r\n\r\n\twhile (g_posObj.distY - startY > 0) {\r\n\t\tstartY += _speedOnFrame[frm];\r\n\t\tfrm++;\r\n\t}\r\n\treturn frm;\r\n};\r\n\r\n/**\r\n * 矢印・フリーズアロー・速度/色変化格納処理\r\n * @param {object} _dataObj \r\n * @param {object} _speedOnFrame \r\n * @param {number} _firstArrivalFrame\r\n */\r\nconst pushArrows = (_dataObj, _speedOnFrame, _firstArrivalFrame) => {\r\n\r\n\t// 矢印・フリーズアロー・速度/色変化用 フレーム別処理配列\r\n\t[``, `Dummy`].forEach(header =>\r\n\t\tg_typeLists.dataList.forEach(name => g_workObj[`mk${header}${name}`] = []));\r\n\r\n\t/** 矢印の移動距離 */\r\n\tg_workObj.initY = [];\r\n\t/** 矢印の移動距離 (Motion加算分) */\r\n\tg_workObj.initBoostY = [];\r\n\t/** 矢印がステップゾーンに到達するまでのフレーム数 */\r\n\tg_workObj.arrivalFrame = [];\r\n\t/** Motionの適用フレーム数 */\r\n\tg_workObj.motionFrame = [];\r\n\r\n\t/**\r\n\t * 矢印・フリーズアローのデータ格納処理\r\n\t * @param {number} _j \r\n\t * @param {number} _k \r\n\t * @param {number[]} _data \r\n\t * @param {number} _startPoint \r\n\t * @param {string} _header \r\n\t * @param {boolean} _frzFlg \r\n\t * @param {number} object.initY\r\n\t * @param {number} object.initBoostY\r\n\t * @param {number} object.arrivalFrame\r\n\t * @param {number} object.motionFrame \r\n\t */\r\n\tconst setNotes = (_j, _k, _data, _startPoint, _header, _frzFlg = false, { initY, initBoostY, arrivalFrame, motionFrame } = {}) => {\r\n\t\tif (_startPoint >= 0) {\r\n\t\t\tconst arrowAttrs = { pos: _j, initY, initBoostY, arrivalFrame, motionFrame };\r\n\t\t\tif (g_workObj[`mk${_header}Arrow`][_startPoint] === undefined) {\r\n\t\t\t\tg_workObj[`mk${_header}Arrow`][_startPoint] = [arrowAttrs];\r\n\t\t\t} else {\r\n\t\t\t\tlet insertFlg = false;\r\n\t\t\t\tfor (let m = 0; m < g_workObj[`mk${_header}Arrow`][_startPoint].length; m++) {\r\n\t\t\t\t\tif (arrowAttrs.arrivalFrame < g_workObj[`mk${_header}Arrow`][_startPoint][m].arrivalFrame) {\r\n\t\t\t\t\t\tg_workObj[`mk${_header}Arrow`][_startPoint].splice(m, 0, arrowAttrs);\r\n\t\t\t\t\t\tinsertFlg = true;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (!insertFlg) {\r\n\t\t\t\t\tg_workObj[`mk${_header}Arrow`][_startPoint].push(arrowAttrs);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (_frzFlg) {\r\n\t\t\t\tg_workObj[`mk${_header}Length`][_j][_k] = getFrzLength(_speedOnFrame, _data[_k], _data[_k + 1]);\r\n\t\t\t}\r\n\t\t} else if (_frzFlg && g_workObj[`mk${_header}Length`][_j] !== undefined) {\r\n\t\t\tg_workObj[`mk${_header}Length`][_j] = structuredClone(g_workObj[`mk${_header}Length`][_j].slice(_k + 2));\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * 矢印・フリーズアローの出現位置計算\r\n\t * @param {number} _j \r\n\t * @param {number[]} _data \r\n\t * @param {string} _header \r\n\t * @param {boolean} _frzFlg \r\n\t */\r\n\tconst calcNotes = (_j, _data, _header = ``, _frzFlg = false) => {\r\n\t\tif (_data === undefined) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst calcInitBoostY = _frm => sumData(g_workObj.motionOnFrames.filter((val, j) => j <= g_workObj.motionFrame[_frm]));\r\n\t\tconst camelHeader = toCapitalize(_header);\r\n\t\tconst setcnt = (_frzFlg ? 2 : 1);\r\n\t\tif (_frzFlg && _data.length % 2 !== 0) {\r\n\t\t\t_data.pop();\r\n\t\t}\r\n\r\n\t\tconst startPoint = [];\r\n\t\tlet spdNext = Infinity;\r\n\t\tlet spdk = (_dataObj.speedData?.length ?? 0) - 2;\r\n\t\tlet spdPrev = _dataObj.speedData?.[spdk] ?? 0;\r\n\r\n\t\t// 最後尾のデータから計算して格納\r\n\t\tconst lastk = _data.length - setcnt;\r\n\t\tlet arrowArrivalFrm = _data[lastk];\r\n\t\tlet tmpObj = getArrowStartFrame(arrowArrivalFrm, _speedOnFrame);\r\n\r\n\t\tstartPoint[lastk] = tmpObj.frm;\r\n\t\tlet frmPrev = tmpObj.frm;\r\n\t\tg_workObj.initY[frmPrev] = tmpObj.startY;\r\n\t\tg_workObj.arrivalFrame[frmPrev] = tmpObj.arrivalFrm;\r\n\t\tg_workObj.motionFrame[frmPrev] = tmpObj.motionFrm;\r\n\t\tg_workObj.initBoostY[frmPrev] = calcInitBoostY(frmPrev);\r\n\r\n\t\tif (_frzFlg) {\r\n\t\t\tg_workObj[`mk${camelHeader}Length`][_j] = [];\r\n\t\t}\r\n\t\tsetNotes(_j, lastk, _data, startPoint[lastk], camelHeader, _frzFlg,\r\n\t\t\t{ initY: tmpObj.startY, initBoostY: g_workObj.initBoostY[frmPrev], arrivalFrame: tmpObj.arrivalFrm, motionFrame: tmpObj.motionFrm });\r\n\r\n\t\t// 矢印は1つずつ、フリーズアローは2つで1セット\r\n\t\tfor (let k = lastk - setcnt; k >= 0; k -= setcnt) {\r\n\t\t\tarrowArrivalFrm = _data[k];\r\n\r\n\t\t\tif (arrowArrivalFrm < _firstArrivalFrame) {\r\n\r\n\t\t\t\t// 出現位置が開始前の場合は除外\r\n\t\t\t\tif (_frzFlg && g_workObj[`mk${camelHeader}Length`][_j] !== undefined) {\r\n\t\t\t\t\tg_workObj[`mk${camelHeader}Length`][_j] = structuredClone(g_workObj[`mk${camelHeader}Length`][_j].slice(k + 2));\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\r\n\t\t\t} else if ((arrowArrivalFrm - g_workObj.arrivalFrame[frmPrev] > spdPrev)\r\n\t\t\t\t&& arrowArrivalFrm < spdNext) {\r\n\r\n\t\t\t\t// 最初から最後まで同じスピードのときは前回のデータを流用\r\n\t\t\t\tconst tmpFrame = arrowArrivalFrm - g_workObj.arrivalFrame[frmPrev];\r\n\t\t\t\tstartPoint[k] = tmpFrame;\r\n\t\t\t\tg_workObj.initY[tmpFrame] = g_workObj.initY[frmPrev];\r\n\t\t\t\tg_workObj.arrivalFrame[tmpFrame] = g_workObj.arrivalFrame[frmPrev];\r\n\t\t\t\tg_workObj.motionFrame[tmpFrame] = g_workObj.motionFrame[frmPrev];\r\n\t\t\t\tg_workObj.initBoostY[tmpFrame] = calcInitBoostY(tmpFrame);\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\t// 速度変化が間に入るときは再計算\r\n\t\t\t\twhile (arrowArrivalFrm < spdPrev) {\r\n\t\t\t\t\tspdk -= 2;\r\n\t\t\t\t\tspdNext = spdPrev;\r\n\t\t\t\t\tspdPrev = _dataObj.speedData[spdk];\r\n\t\t\t\t}\r\n\t\t\t\ttmpObj = getArrowStartFrame(arrowArrivalFrm, _speedOnFrame);\r\n\r\n\t\t\t\tstartPoint[k] = tmpObj.frm;\r\n\t\t\t\tfrmPrev = tmpObj.frm;\r\n\t\t\t\tg_workObj.initY[frmPrev] = tmpObj.startY;\r\n\t\t\t\tg_workObj.arrivalFrame[frmPrev] = tmpObj.arrivalFrm;\r\n\t\t\t\tg_workObj.motionFrame[frmPrev] = tmpObj.motionFrm;\r\n\t\t\t\tg_workObj.initBoostY[frmPrev] = calcInitBoostY(frmPrev);\r\n\t\t\t}\r\n\r\n\t\t\t// 出現タイミングを保存\r\n\t\t\tsetNotes(_j, k, _data, startPoint[k], camelHeader, _frzFlg,\r\n\t\t\t\t{ initY: tmpObj.startY, initBoostY: g_workObj.initBoostY[frmPrev], arrivalFrame: tmpObj.arrivalFrm, motionFrame: tmpObj.motionFrm }\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tfor (let j = 0; j < getKeyInfo().keyNum; j++) {\r\n\r\n\t\t// 矢印の出現フレーム数計算\r\n\t\tcalcNotes(j, _dataObj.arrowData[j]);\r\n\t\tcalcNotes(j, _dataObj.dummyArrowData[j], `dummy`);\r\n\r\n\t\t// フリーズアローの出現フレーム数計算\r\n\t\tcalcNotes(j, _dataObj.frzData[j], `frz`, true);\r\n\t\tcalcNotes(j, _dataObj.dummyFrzData[j], `dummyFrz`, true);\r\n\t}\r\n\r\n\t// 個別加速のタイミング更新\r\n\tconst calcBoostData = _data => {\r\n\t\tif (hasArrayList(_data, 2)) {\r\n\t\t\tlet delIdx = 0;\r\n\t\t\tfor (let k = _data.length - 2; k >= 0; k -= 2) {\r\n\t\t\t\tconst tmpObj = getArrowStartFrame(_data[k], _speedOnFrame);\r\n\t\t\t\tif (tmpObj.frm < g_scoreObj.frameNum) {\r\n\t\t\t\t\t_data[k] = g_scoreObj.frameNum;\r\n\t\t\t\t\tdelIdx = k;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t_data[k] = tmpObj.frm;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tfor (let k = 0; k < delIdx; k++) {\r\n\t\t\t\t_data.shift();\r\n\t\t\t}\r\n\t\t\treturn _data;\r\n\t\t}\r\n\t\treturn [];\r\n\t};\r\n\tg_workObj.boostData = calcBoostData(_dataObj.boostData);\r\n\r\n\t/**\r\n\t * 色変化・モーションデータ・スクロール反転データのタイミング更新\r\n\t * - この関数を使用する場合、配列グループの先頭2つが「フレーム数、矢印番号」となっていないと動作しない\r\n\t * @param {string} _type \r\n\t * @param {string} _header \r\n\t * @param {function} _setFunc 後続実行関数\r\n\t * @param {number} object._term 1セット当たりのデータ数 \r\n\t * @param {boolean} object._colorFlg 個別色変化フラグ\r\n\t * @param {boolean} object._calcFrameFlg 逆算を無条件で行うかどうかの可否\r\n\t * @param {string} object._propName 色変化種類 (Arrow, ArrowShadow, FrzNormal, FrzNormalBar, ...)\r\n\t */\r\n\tconst calcDataTiming = (_type, _header, _setFunc = () => true,\r\n\t\t{ _term = 4, _colorFlg = false, _calcFrameFlg = false, _propName = `` } = {}) => {\r\n\r\n\t\tconst camelHeader = _header === `` ? _type : `${_header}${toCapitalize(_type)}`;\r\n\t\tconst baseData = hasVal(_propName) ? _dataObj[`${camelHeader}Data`][_propName] : _dataObj[`${camelHeader}Data`];\r\n\r\n\t\tif (!hasArrayList(baseData, _term)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst frontData = [];\r\n\t\tfor (let k = baseData.length - _term; k >= 0; k -= _term) {\r\n\t\t\tconst calcFrameFlg = (_colorFlg && !baseData[k + 3]) || _calcFrameFlg;\r\n\r\n\t\t\tif (baseData[k] < g_scoreObj.frameNum) {\r\n\t\t\t\t// フェードイン直前にある色変化・モーションデータ・スクロール反転データを取得して格納\r\n\t\t\t\tif (!hasValInArray(baseData[k + 1], frontData)) {\r\n\t\t\t\t\tfrontData.unshift(baseData.slice(k + 1, k + _term));\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (calcFrameFlg) {\r\n\t\t\t\t\tconst tmpObj = getArrowStartFrame(baseData[k], _speedOnFrame);\r\n\t\t\t\t\tif (tmpObj.frm < g_scoreObj.frameNum) {\r\n\t\t\t\t\t\tconst diff = g_scoreObj.frameNum - tmpObj.frm;\r\n\t\t\t\t\t\ttmpObj.frm = g_scoreObj.frameNum;\r\n\t\t\t\t\t\ttmpObj.arrivalFrm -= diff;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tg_workObj.arrivalFrame[tmpObj.frm] = tmpObj.arrivalFrm;\r\n\t\t\t\t\tbaseData[k] = tmpObj.frm;\r\n\t\t\t\t}\r\n\t\t\t\t_setFunc(toCapitalize(_header), ...baseData.slice(k, k + _term));\r\n\t\t\t}\r\n\t\t}\r\n\t\tfrontData.forEach(data => _setFunc(toCapitalize(_header), g_scoreObj.frameNum, ...data));\r\n\t};\r\n\r\n\t/**\r\n\t * 歌詞表示、背景・マスク表示のフェードイン時調整処理\r\n\t * @param {string} _type\r\n\t * @param {object} _data \r\n\t * @returns\r\n\t */\r\n\tconst calcAnimationData = (_type, _data) => {\r\n\r\n\t\tconst startNum = g_scoreObj.frameNum;\r\n\t\tconst cgArrays = [`word`];\r\n\r\n\t\tconst isSameDepth = (_j, _k) =>\r\n\t\t\t_data[startNum][_j] !== undefined &&\r\n\t\t\t_data[startNum][_k] !== undefined &&\r\n\t\t\t(cgArrays.includes(_type) ? _data[startNum][_j][0] === _data[startNum][_k][0] :\r\n\t\t\t\t_data[startNum][_j].depth === _data[startNum][_k].depth);\r\n\r\n\t\tconst isExceptData = {\r\n\t\t\tword: (_exceptList, _j) => listMatching(_data[startNum][_j][1] || ``, _exceptList.word),\r\n\t\t\tback: (_exceptList, _j) => listMatching(_data[startNum][_j].animationName || ``, _exceptList.back),\r\n\t\t\tmask: (_exceptList, _j) => listMatching(_data[startNum][_j].animationName || ``, _exceptList.mask),\r\n\t\t\tstyle: (_exceptList, _j) => listMatching(_data[startNum][_j].depth || ``, _exceptList.style),\r\n\t\t};\r\n\r\n\t\tconst getLength = _list =>\r\n\t\t\t_list === undefined ? 0 :\r\n\t\t\t\t(cgArrays.includes(_type) ? _list.length : Object.keys(_list).length);\r\n\r\n\t\t// フェードイン位置にそれ以前のデータを前追加\r\n\t\tif (startNum > 0 && _data[startNum] === undefined) {\r\n\t\t\t_data[startNum] = [];\r\n\t\t}\r\n\t\tfor (let j = _data.length - 1; j >= 0; j--) {\r\n\t\t\tif (_data[j] !== undefined && j < g_scoreObj.frameNum) {\r\n\t\t\t\t_data[startNum].unshift(..._data[j]);\r\n\t\t\t\t_data[j] = undefined;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// 重複する深度をカット（後方優先）\r\n\t\t// ただし、除外リストにあるデータは残す\r\n\t\tfor (let j = getLength(_data[startNum]) - 1; j >= 0; j--) {\r\n\t\t\tif (_data[startNum][j] !== undefined) {\r\n\t\t\t\tfor (let k = j - 1; k >= 0; k--) {\r\n\t\t\t\t\tif (isSameDepth(j, k) && !isExceptData[_type](g_preloadExceptList, k)) {\r\n\t\t\t\t\t\t_data[startNum][k] = undefined;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t// g_stockForceDelList に合致する消去対象データを検索し、削除\r\n\t\tfor (let j = getLength(_data[startNum]) - 1; j >= 0; j--) {\r\n\t\t\tif (_data[startNum][j] !== undefined && isExceptData[_type](g_stockForceDelList, j)) {\r\n\t\t\t\t_data[startNum][j] = undefined;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// カットした箇所をリストから削除\r\n\t\tif (getLength(_data[startNum]) > 0) {\r\n\t\t\t_data[startNum] = _data[startNum].filter(list => getLength(list) > 0);\r\n\t\t}\r\n\r\n\t\treturn _data;\r\n\t};\r\n\r\n\t// 個別・全体色変化、モーションデータ・スクロール反転データのタイミング更新\r\n\t[``, `dummy`].forEach(type => {\r\n\t\tcalcDataTiming(`color`, type, pushColors, { _colorFlg: true });\r\n\t\tif (_dataObj[`ncolor${type}Data`] !== undefined) {\r\n\t\t\tObject.keys(_dataObj[`ncolor${type}Data`]).forEach(pattern =>\r\n\t\t\t\tcalcDataTiming(`ncolor`, type, pushColors, { _term: 5, _colorFlg: true, _propName: pattern }));\r\n\t\t}\r\n\t});\r\n\r\n\tg_typeLists.arrow.forEach(header =>\r\n\t\tcalcDataTiming(`cssMotion`, header, pushCssMotions, { _calcFrameFlg: true }));\r\n\r\n\tcalcDataTiming(`scrollch`, ``, pushScrollchs, { _term: 6, _calcFrameFlg: true });\r\n\r\n\tg_fadeinStockList.forEach(type =>\r\n\t\t_dataObj[`${type}Data`] = calcAnimationData(type, _dataObj[`${type}Data`]));\r\n\r\n\r\n\t// 実際に処理させる途中変速配列を作成\r\n\tg_workObj.speedData = [];\r\n\tg_workObj.speedData.push(g_scoreObj.frameNum);\r\n\tg_workObj.speedData.push(_speedOnFrame[g_scoreObj.frameNum]);\r\n\r\n\tfor (let k = 0; k < _dataObj?.speedData.length; k += 2) {\r\n\t\tif (_dataObj.speedData[k] >= g_scoreObj.frameNum) {\r\n\t\t\tg_workObj.speedData.push(_dataObj.speedData[k]);\r\n\t\t\tg_workObj.speedData.push(_speedOnFrame[_dataObj.speedData[k]]);\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * ステップゾーン到達地点から逆算して開始フレームを取得\r\n * @param {number} _frame \r\n * @param {object} _speedOnFrame\r\n * @returns {{ frm: number, startY: number, arrivalFrm: number, motionFrm: number }}\r\n */\r\nconst getArrowStartFrame = (_frame, _speedOnFrame) => {\r\n\r\n\tconst obj = {\r\n\t\tfrm: _frame,\r\n\t\tstartY: 0,\r\n\t\tarrivalFrm: 0,\r\n\t\tmotionFrm: C_MOTION_STD_POS\r\n\t};\r\n\r\n\twhile (g_posObj.distY - obj.startY > 0) {\r\n\t\tobj.startY += _speedOnFrame[obj.frm - 1];\r\n\r\n\t\tif (_speedOnFrame[obj.frm - 1] !== 0) {\r\n\t\t\tobj.motionFrm++;\r\n\t\t}\r\n\t\tobj.frm--;\r\n\t\tobj.arrivalFrm++;\r\n\t}\r\n\r\n\treturn obj;\r\n};\r\n\r\n/**\r\n * 速度を加味したフリーズアローの長さを取得\r\n * @param {object} _speedOnFrame \r\n * @param {number} _startFrame \r\n * @param {number} _endFrame \r\n * @returns {number}\r\n */\r\nconst getFrzLength = (_speedOnFrame, _startFrame, _endFrame) => {\r\n\tlet frzLength = 0;\r\n\r\n\tfor (let frm = _startFrame; frm < _endFrame; frm++) {\r\n\t\tfrzLength += _speedOnFrame[frm];\r\n\t}\r\n\treturn frzLength;\r\n};\r\n\r\n/**\r\n * キーパターン(デフォルト)に対応する矢印番号を格納\r\n * - 色変化、矢印・フリーズアローモーション、スクロール変化で\r\n * 矢印レーンの番号を実際のキーパターンに対応する番号に置き換える際に使用\r\n * - 例: [0, 1, 2, 3, 4] -> [4, 0, 1, 2, 3]\r\n */\r\nconst convertReplaceNums = () => {\r\n\tconst tkObj = getKeyInfo();\r\n\tconst baseCharas = g_keyObj[`chara${g_keyObj.currentKey}_0`];\r\n\tconst convCharas = g_keyObj[`chara${tkObj.keyCtrlPtn}`];\r\n\r\n\tg_workObj.replaceNums = [];\r\n\r\n\tfor (let j = 0; j < tkObj.keyNum; j++) {\r\n\t\tfor (let k = 0; k < tkObj.keyNum; k++) {\r\n\t\t\tif (baseCharas[j] === convCharas[k]) {\r\n\t\t\t\tg_workObj.replaceNums[j] = k;\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * 色情報の格納\r\n * @param {string} _header \r\n * @param {number} _frame \r\n * @param {number} _val 色番号\r\n * @param {string} _colorCd カラーコード\r\n * @param {string} _allFlg 全体色変化有無\r\n * @param {string} _pattern 色変化種類 (Arrow, ArrowShadow, FrzNormal, FrzNormalBar, ...)\r\n */\r\nconst pushColors = (_header, _frame, _val, _colorCd, _allFlg, _pattern = ``) => {\r\n\r\n\tconst tkObj = getKeyInfo();\r\n\tconst grdFlg = (g_colorType === `Type0` ? !g_headerObj.defaultColorgrd[0] : g_headerObj.defaultColorgrd[0]);\r\n\tconst colorCd = makeColorGradation(_colorCd, { _defaultColorgrd: [grdFlg, g_headerObj.defaultColorgrd[1]] });\r\n\tconst addAll = Number(_allFlg) * 1000;\r\n\tconst allUseTypes = [];\r\n\r\n\t/**\r\n\t * 全体色変化の有効化（フレーム別）\r\n\t * @param {...any} _types \r\n\t */\r\n\tconst enabledAll = (..._types) => {\r\n\t\tif (_allFlg) {\r\n\t\t\t_types.forEach(type => g_workObj[`mk${type}ColorChangeAll`][_frame] = true);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * 色変化用配列（フレーム別）へのデータ追加\r\n\t * @param {string} _baseStr \r\n\t * @param {number} _cVal \r\n\t */\r\n\tconst pushColor = (_baseStr, _cVal) => {\r\n\t\tg_workObj[_baseStr][_frame]?.push(_cVal) || (g_workObj[_baseStr][_frame] = [_cVal]);\r\n\t\tg_workObj[`${_baseStr}Cd`][_frame]?.push(colorCd) || (g_workObj[`${_baseStr}Cd`][_frame] = [colorCd]);\r\n\t};\r\n\r\n\t/**\r\n\t * 色変化データ(ncolor_data)の格納処理\r\n\t */\r\n\tconst executePushColors = () => {\r\n\t\tconst baseHeaders = [];\r\n\t\tif (_pattern.startsWith(`Arrow`)) {\r\n\t\t\tbaseHeaders.push(`mk${_header}Color${_pattern.slice('Arrow'.length)}`);\r\n\t\t\tallUseTypes.push(`Arrow`);\r\n\r\n\t\t\t// フリーズアロー色の追随設定がある場合、対象を追加\r\n\t\t\tif (_pattern === `Arrow`) {\r\n\t\t\t\tg_headerObj.frzScopeFromArrowColors.forEach(type =>\r\n\t\t\t\t\tbaseHeaders.push(`mk${_header}FColor${type}`, `mk${_header}FColor${type}Bar`));\r\n\t\t\t\tif (g_headerObj.frzScopeFromArrowColors.length > 0) {\r\n\t\t\t\t\tallUseTypes.push(`Frz`);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tbaseHeaders.push(`mk${_header}FColor${_pattern}`);\r\n\t\t\tallUseTypes.push(`Frz`);\r\n\t\t}\r\n\t\t// 色変化情報の格納\r\n\t\tif (_val.startsWith('g')) {\r\n\t\t\t// g付きの場合は矢印グループから対象の矢印番号を検索\r\n\t\t\tconst groupVal = setIntVal(_val.slice(1));\r\n\t\t\tfor (let j = 0; j < tkObj.keyNum; j++) {\r\n\t\t\t\tif (g_keyObj[`color${tkObj.keyCtrlPtn}`][j] === groupVal) {\r\n\t\t\t\t\tbaseHeaders.forEach(baseHeader => pushColor(baseHeader, j + addAll));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tbaseHeaders.forEach(baseHeader => pushColor(baseHeader, g_workObj.replaceNums[setIntVal(_val)] + addAll));\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * 従来の色変化データ派生(color_data, acolor_data)の格納処理\r\n\t */\r\n\tconst executePushColorsOld = () => {\r\n\r\n\t\tif (_val < 30 || _val >= 1000) {\r\n\t\t\tconst baseHeaders = [`mk${_header}Color`];\r\n\t\t\tallUseTypes.push(`Arrow`);\r\n\r\n\t\t\t// フリーズアロー色の追随設定がある場合、対象を追加\r\n\t\t\tg_headerObj.frzScopeFromArrowColors.forEach(type =>\r\n\t\t\t\tbaseHeaders.push(`mk${_header}FColor${type}`, `mk${_header}FColor${type}Bar`));\r\n\t\t\tif (g_headerObj.frzScopeFromArrowColors.length > 0) {\r\n\t\t\t\tallUseTypes.push(`Frz`);\r\n\t\t\t}\r\n\r\n\t\t\t// 矢印の色変化 (追随指定時はフリーズアローも色変化)\r\n\t\t\tbaseHeaders.forEach(baseHeader => {\r\n\t\t\t\tif (_val < 20 || _val >= 1000) {\r\n\t\t\t\t\tpushColor(baseHeader, g_workObj.replaceNums[_val % 1000] + addAll);\r\n\t\t\t\t} else if (_val >= 20) {\r\n\t\t\t\t\tconst colorNum = _val - 20;\r\n\t\t\t\t\tfor (let j = 0; j < tkObj.keyNum; j++) {\r\n\t\t\t\t\t\tif (g_keyObj[`color${tkObj.keyCtrlPtn}`][j] === colorNum) {\r\n\t\t\t\t\t\t\tpushColor(baseHeader, j + addAll);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t} else {\r\n\t\t\tconst baseHeader = `mk${_header}FColor`;\r\n\t\t\tallUseTypes.push(`Frz`);\r\n\r\n\t\t\t// フリーズアローの色変化\r\n\t\t\tconst tmpVals = [];\r\n\t\t\tif (_val < 50) {\r\n\t\t\t\ttmpVals.push(_val % 30);\r\n\t\t\t} else if (_val < 60) {\r\n\t\t\t\ttmpVals.push((_val % 50) * 2, (_val % 50) * 2 + 1);\r\n\t\t\t} else {\r\n\t\t\t\tif (_val === 60) {\r\n\t\t\t\t\ttmpVals.push(...Array(8).keys());\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttmpVals.push(...[...Array(8).keys()].map(j => j + 10));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\ttmpVals.forEach(targetj => {\r\n\r\n\t\t\t\t// targetj=0,2,4,6,8 ⇒ Arrow, 1,3,5,7,9 ⇒ Bar\r\n\t\t\t\tconst ctype = (targetj >= 10 ? `Hit` : `Normal`) + (targetj % 2 === 0 ? `` : `Bar`);\r\n\t\t\t\tconst colorPos = Math.ceil((targetj % 10 - 1) / 2);\r\n\r\n\t\t\t\tg_keyObj[`color${tkObj.keyCtrlPtn}`].forEach((cpattern, k) => {\r\n\t\t\t\t\tif (colorPos === cpattern) {\r\n\t\t\t\t\t\tpushColor(baseHeader + ctype, k + addAll);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\thasVal(_pattern) ? executePushColors() : executePushColorsOld();\r\n\tenabledAll(...allUseTypes);\r\n};\r\n\r\n/**\r\n * CSSモーション情報の格納\r\n * @param {string} _header \r\n * @param {number} _frame \r\n * @param {number} _val \r\n * @param {string} _styleName\r\n * @param {string} _styleNameRev\r\n */\r\nconst pushCssMotions = (_header, _frame, _val, _styleName, _styleNameRev) => {\r\n\r\n\tconst camelHeader = toCapitalize(_header);\r\n\tconst tkObj = getKeyInfo();\r\n\r\n\t// 矢印のモーション\r\n\tif (g_workObj[`mk${camelHeader}CssMotion`][_frame] === undefined) {\r\n\t\tg_workObj[`mk${camelHeader}CssMotion`][_frame] = [];\r\n\t\tg_workObj[`mk${camelHeader}CssMotionName`][_frame] = [];\r\n\t}\r\n\tif (_val < 20 || _val >= 1000) {\r\n\t\tconst realVal = g_workObj.replaceNums[_val % 1000];\r\n\t\tg_workObj[`mk${camelHeader}CssMotion`][_frame].push(realVal);\r\n\t\tg_workObj[`mk${camelHeader}CssMotionName`][_frame].push(_styleName, _styleNameRev);\r\n\r\n\t} else {\r\n\t\tconst colorNum = _val - 20;\r\n\t\tfor (let j = 0; j < tkObj.keyNum; j++) {\r\n\t\t\tif (g_keyObj[`color${tkObj.keyCtrlPtn}`][j] === colorNum) {\r\n\t\t\t\tg_workObj[`mk${camelHeader}CssMotion`][_frame].push(j);\r\n\t\t\t\tg_workObj[`mk${camelHeader}CssMotionName`][_frame].push(_styleName, _styleNameRev);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * スクロール変化情報の格納\r\n * @param {string} _header \r\n * @param {number} _frameArrow \r\n * @param {number} _val \r\n * @param {number} _frameStep \r\n * @param {number} _scrollDir \r\n * @param {number} _layerGroup\r\n * @param {number} _layerTrans\r\n */\r\nconst pushScrollchs = (_header, _frameArrow, _val, _frameStep, _scrollDir, _layerGroup, _layerTrans) => {\r\n\tconst tkObj = getKeyInfo();\r\n\tg_stateObj.layerNum = Math.max(g_stateObj.layerNum, (_layerGroup + 1) * 2);\r\n\r\n\tconst frameArrow = Math.max(_frameArrow, g_scoreObj.frameNum);\r\n\tconst frameStep = Math.max(_frameStep, g_scoreObj.frameNum);\r\n\tconst pushData = (_pattern, _frame, _val) =>\r\n\t\tg_workObj[`mkScrollch${_pattern}`][_frame]?.push(_val) || (g_workObj[`mkScrollch${_pattern}`][_frame] = [_val]);\r\n\tconst pushScrollData = _j => {\r\n\t\tpushData(`Arrow`, frameArrow, _j);\r\n\t\tpushData(`ArrowDir`, frameArrow, _scrollDir);\r\n\t\tpushData(`ArrowLayerGroup`, frameArrow, _layerGroup);\r\n\t\tpushData(`ArrowLayerTrans`, frameArrow, _layerTrans);\r\n\t\tpushData(`Step`, frameStep, _j);\r\n\t\tpushData(`StepDir`, frameStep, _scrollDir);\r\n\t\tpushData(`StepLayerGroup`, frameStep, _layerGroup);\r\n\t\tpushData(`StepLayerTrans`, frameStep, _layerTrans);\r\n\t};\r\n\r\n\tif (_val < 20 || _val >= 1000) {\r\n\t\tconst realVal = g_workObj.replaceNums[_val % 1000];\r\n\t\tpushScrollData(realVal);\r\n\r\n\t} else {\r\n\t\tconst colorNum = _val - 20;\r\n\t\tfor (let j = 0; j < tkObj.keyNum; j++) {\r\n\t\t\tif (g_keyObj[`color${tkObj.keyCtrlPtn}`][j] === colorNum) {\r\n\t\t\t\tpushScrollData(j);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * メイン画面前の初期化処理\r\n */\r\nconst getArrowSettings = () => {\r\n\r\n\tg_attrObj = {};\r\n\tconst tkObj = getKeyInfo();\r\n\tconst [keyCtrlPtn, keyNum, posMax, divideCnt] =\r\n\t\t[tkObj.keyCtrlPtn, tkObj.keyNum, tkObj.posMax, tkObj.divideCnt];\r\n\r\n\tg_keyCopyLists.simpleDef.forEach(header => updateKeyInfo(header, keyCtrlPtn));\r\n\tg_headerObj.tuning = g_headerObj.creatorNames[g_stateObj.scoreId];\r\n\r\n\tdelete g_workObj.initY;\r\n\tdelete g_workObj.initBoostY;\r\n\tdelete g_workObj.arrivalFrame;\r\n\tdelete g_workObj.motionFrame;\r\n\r\n\tg_workObj.stepX = [];\r\n\tg_workObj.scrollDir = [];\r\n\tg_workObj.scrollDirDefault = [];\r\n\tg_workObj.dividePos = [];\r\n\tg_workObj.stepRtn = structuredClone(g_keyObj[`stepRtn${keyCtrlPtn}`]);\r\n\tg_workObj.stepHitRtn = structuredClone(g_keyObj[`stepRtn${keyCtrlPtn}`]);\r\n\tg_workObj.arrowRtn = structuredClone(g_keyObj[`stepRtn${keyCtrlPtn}`]);\r\n\tg_workObj.keyCtrl = structuredClone(g_keyObj[`keyCtrl${keyCtrlPtn}`]);\r\n\tg_workObj.diffList = [];\r\n\tg_workObj.mainEndTime = 0;\r\n\r\n\tg_workObj.keyGroupMaps = tkObj.keyGroupMaps;\r\n\tg_workObj.keyGroupList = tkObj.keyGroupList;\r\n\r\n\tconst keyCtrlLen = g_workObj.keyCtrl.length;\r\n\tg_workObj.keyCtrlN = [...Array(keyCtrlLen)].map(() => []);\r\n\tg_workObj.keyHitFlg = [...Array(keyCtrlLen)].map(() => []);\r\n\tfor (let j = 0; j < g_workObj.keyCtrl.length; j++) {\r\n\t\tfor (let k = 0; k < g_workObj.keyCtrl[j].length; k++) {\r\n\t\t\tg_workObj.keyCtrlN[j][k] = g_kCdN[g_workObj.keyCtrl[j][k]];\r\n\t\t\tg_workObj.keyHitFlg[j][k] = false;\r\n\t\t}\r\n\t}\r\n\r\n\tg_typeLists.arrow.forEach(type => g_workObj[`judg${toCapitalize(type)}Cnt`] = fillArray(keyNum, 1));\r\n\tg_workObj.judgFrzHitCnt = fillArray(keyNum, 1);\r\n\tg_judgObj.lockFlgs = fillArray(keyNum, false);\r\n\r\n\t// 矢印色管理 (個別・全体)\r\n\tconst eachOrAll = [``, `All`];\r\n\teachOrAll.forEach(type => {\r\n\t\t[`arrow`, `dummyArrow`].forEach(arrowType =>\r\n\t\t\tg_typeLists.arrowColor.forEach(objType => g_workObj[`${arrowType}${objType}Colors${type}`] = []));\r\n\r\n\t\t[`frz`, `dummyFrz`].forEach(arrowType =>\r\n\t\t\tg_typeLists.frzColor.forEach(frzType => g_workObj[`${arrowType}${frzType}Colors${type}`] = []));\r\n\t});\r\n\r\n\t// モーション管理\r\n\tg_typeLists.arrow.forEach(type => g_workObj[`${type}CssMotions`] = fillArray(keyNum, ``));\r\n\tg_workObj.frzArrowCssMotions = fillArray(keyNum, ``);\r\n\tg_workObj.dummyFrzArrowCssMotions = fillArray(keyNum, ``);\r\n\r\n\tconst scrollDirOptions = g_keyObj[`scrollDir${keyCtrlPtn}`]?.[g_stateObj.scroll] ?? fillArray(keyNum, 1);\r\n\r\n\tg_stateObj.autoAll = boolToSwitch(g_stateObj.autoPlay === C_FLG_ALL);\r\n\tg_workObj.hitPosition = (g_stateObj.autoAll === C_FLG_ON ? 0 : g_stateObj.hitPosition);\r\n\tchangeSetColor();\r\n\r\n\tfor (let j = 0; j < keyNum; j++) {\r\n\r\n\t\tconst posj = g_keyObj[`pos${keyCtrlPtn}`][j];\r\n\t\tconst colorj = g_keyObj[`color${keyCtrlPtn}`][j];\r\n\t\tconst stdPos = posj - ((posj > divideCnt ? posMax : 0) + divideCnt) / 2;\r\n\r\n\t\tg_workObj.stepX[j] = g_keyObj.blank * stdPos + (g_headerObj.playingWidth - C_ARW_WIDTH) / 2;\r\n\t\tconst baseLayer = g_keyObj[`layerGroup${keyCtrlPtn}`]?.[j] || 0;\r\n\t\tg_workObj.dividePos[j] = baseLayer * 2 + ((posj <= divideCnt ? 0 : 1) + (scrollDirOptions[j] === 1 ? 0 : 1) + (g_stateObj.reverse === C_FLG_OFF ? 0 : 1)) % 2;\r\n\t\tg_workObj.scrollDir[j] = (posj <= divideCnt ? 1 : -1) * scrollDirOptions[j] * (g_stateObj.reverse === C_FLG_OFF ? 1 : -1);\r\n\r\n\t\t// 個別色設定\r\n\t\tg_workObj.arrowColors[j] = g_headerObj.setColor[colorj];\r\n\t\tg_workObj.dummyArrowColors[j] = g_headerObj.setDummyColor[colorj];\r\n\t\tg_workObj.arrowShadowColors[j] = g_headerObj.setShadowColor[colorj] || ``;\r\n\t\tg_workObj.dummyArrowShadowColors[j] = g_headerObj.setDummyColor[colorj] || ``;\r\n\r\n\t\tg_typeLists.frzColor.forEach((frzType, k) => {\r\n\t\t\tg_workObj[`frz${frzType}Colors`][j] = g_headerObj.frzColor[colorj][k] || ``;\r\n\t\t\tg_workObj[`dummyFrz${frzType}Colors`][j] =\r\n\t\t\t\tfrzType.includes(`Shadow`) ? `` : g_headerObj.setDummyColor[colorj] || ``;\r\n\t\t});\r\n\t\tg_workObj.frzNormalShadowColors[j] = g_headerObj.frzShadowColor[colorj][0] || ``;\r\n\t\tg_workObj.frzHitShadowColors[j] = g_headerObj.frzShadowColor[colorj][1] || ``;\r\n\r\n\t\t// 全体色設定\r\n\t\tg_workObj.arrowColorsAll[j] = ``;\r\n\t\tg_workObj.dummyArrowColorsAll[j] = ``;\r\n\t\tg_workObj.arrowShadowColorsAll[j] = ``;\r\n\t\tg_workObj.dummyArrowShadowColorsAll[j] = ``;\r\n\r\n\t\tg_typeLists.frzColor.forEach((frzType, k) => {\r\n\t\t\tg_workObj[`frz${frzType}ColorsAll`][j] = ``;\r\n\t\t\tg_workObj[`dummyFrz${frzType}ColorsAll`][j] = ``;\r\n\t\t});\r\n\t\tg_workObj.frzNormalShadowColorsAll[j] = ``;\r\n\t\tg_workObj.frzHitShadowColorsAll[j] = ``;\r\n\r\n\t}\r\n\tg_workObj.orgFlatFlg = g_workObj.dividePos.every(v => v % 2 === g_workObj.dividePos[0] % 2);\r\n\tg_stateObj.layerNumDf = Math.max(g_stateObj.layerNumDf, Math.ceil((Math.max(...g_workObj.dividePos) + 1) / 2) * 2);\r\n\r\n\t// StepArea(Default, Halfway以外)によるレイヤー移動\r\n\t// ずらした位置に表示するため、レイヤーを倍化して倍化した先に割り当てる\r\n\tconst assignLayer = _func => {\r\n\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\tg_workObj.dividePos[j] = (_func(j) ? 0 : 1) * g_stateObj.layerNumDf + g_workObj.dividePos[j];\r\n\t\t}\r\n\t}\r\n\tif (g_stateObj.stepArea === `X-Flower` || (g_stateObj.stepArea.includes(`Mismatched`) && g_workObj.orgFlatFlg)) {\r\n\t\tassignLayer(j => g_workObj.stepX[j] < (g_headerObj.playingWidth - C_ARW_WIDTH) / 2);\r\n\t} else if (g_stateObj.stepArea === `Alt-Crossing`) {\r\n\t\tassignLayer(j => Math.round(g_keyObj[`pos${keyCtrlPtn}`][j]) % 2 === 0);\r\n\t}\r\n\tif (g_stateObj.stepArea === `2Step`) {\r\n\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\tif (g_workObj.orgFlatFlg && g_workObj.stepX[j] >= (g_headerObj.playingWidth - C_ARW_WIDTH) / 2) {\r\n\t\t\t\tg_workObj.dividePos[j] = Math.floor(g_workObj.dividePos[j] / 2) * 2 + (g_workObj.dividePos[j] + 1) % 2;\r\n\t\t\t\tg_workObj.scrollDir[j] *= -1;\r\n\t\t\t}\r\n\t\t\tif (g_workObj.dividePos[j] % 2 === (Number(g_stateObj.reverse === C_FLG_ON) + 1) % 2) {\r\n\t\t\t\tg_workObj.dividePos[j] = g_stateObj.layerNumDf + g_workObj.dividePos[j] + Number(g_stateObj.reverse === C_FLG_ON ? 1 : -1);\r\n\t\t\t\tg_workObj.scrollDir[j] *= -1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\tg_workObj.scrollDirDefault = g_workObj.scrollDir.concat();\r\n\tg_workObj.dividePosDefault = g_workObj.dividePos.concat();\r\n\tg_stateObj.layerNum = g_stateObj.layerNumDf * (g_settings.stepAreaLayers.includes(g_stateObj.stepArea) ? 2 : 1);\r\n\r\n\t// g_workObjの不要なプロパティを削除\r\n\tif (g_stateObj.dummyId === `` && g_autoPlaysBase.includes(g_stateObj.autoPlay)) {\r\n\t\tObject.keys(g_workObj).filter(key => key.startsWith(`dummy`) || key.startsWith(`mkDummy`))\r\n\t\t\t.forEach(key => delete g_workObj[key]);\r\n\t}\r\n\tconst targetColorKeys = [`mkColor`, `mkColorShadow`];\r\n\tconst usedColorKeys = [];\r\n\ttargetColorKeys.push(...g_typeLists.frzColor.map(type => `mkFColor${type}`));\r\n\ttargetColorKeys.forEach(key => {\r\n\t\tif (g_workObj[key].length === 0) {\r\n\t\t\tdelete g_workObj[key];\r\n\t\t\tdelete g_workObj[`${key}Cd`];\r\n\t\t} else {\r\n\t\t\tusedColorKeys.push(key);\r\n\t\t}\r\n\t});\r\n\t[`Arrow`, `Step`].forEach(type => {\r\n\t\t[``, `Dir`, `LayerGroup`, `LayerTrans`].forEach(type2 => {\r\n\t\t\tif (g_workObj[`mkScrollch${type}${type2}`].length === 0) {\r\n\t\t\t\tdelete g_workObj[`mkScrollch${type}${type2}`];\r\n\t\t\t}\r\n\t\t});\r\n\t});\r\n\t[`Arrow`, `Frz`].forEach(type => {\r\n\t\tif (g_workObj[`mk${type}ColorChangeAll`].length === 0) {\r\n\t\t\tdelete g_workObj[`mk${type}ColorChangeAll`];\r\n\t\t}\r\n\t\t[``, `Name`].forEach(type2 => {\r\n\t\t\tif (g_workObj[`mk${type}CssMotion${type2}`].length === 0) {\r\n\t\t\t\tdelete g_workObj[`mk${type}CssMotion${type2}`];\r\n\t\t\t}\r\n\t\t});\r\n\t});\r\n\r\n\t// 初期位置、ライフ設定の初期化\r\n\tObject.keys(g_resultObj).forEach(judgeCnt => g_resultObj[judgeCnt] = 0);\r\n\tg_resultObj.spState = ``;\r\n\tg_resultObj.gaugeTransition = [];\r\n\r\n\tg_displays.forEach(_disp => {\r\n\t\tconst lowerDisp = _disp.toLowerCase();\r\n\t\tg_workObj[`${lowerDisp}Disp`] = (g_stateObj[`d_${lowerDisp}`] === C_FLG_OFF ? C_DIS_NONE : C_DIS_INHERIT);\r\n\t});\r\n\r\n\tg_workObj.lifeVal = Math.floor(g_workObj.lifeInit * 100) / 100;\r\n\tg_gameOverFlg = false;\r\n\tg_finishFlg = true;\r\n\tg_workObj.nonDefaultSc = g_headerObj.keyRetry !== C_KEY_RETRY || g_headerObj.keyTitleBack !== C_KEY_TITLEBACK;\r\n\tif (g_headerObj.scAreaWidth === 0 && (g_headerObj.keyRetry !== g_headerObj.keyRetryDef2 || g_headerObj.keyTitleBack !== g_headerObj.keyTitleBackDef2)) {\r\n\t\tg_workObj.nonDefaultSc = false;\r\n\t}\r\n\r\n\tg_workObj.backX = (g_workObj.nonDefaultSc && g_headerObj.playingLayout ? g_headerObj.scAreaWidth : 0);\r\n\tg_workObj.playingX = g_headerObj.playingX + g_workObj.backX;\r\n\r\n\t// Swapping設定に応じたステップゾーンの入れ替え\r\n\tif (g_stateObj.swapping.includes(`Mirror`)) {\r\n\r\n\t\tlet _style = structuredClone(Object.values(g_workObj.shuffleGroupMap));\r\n\t\tif (g_stateObj.swapping === `Mirror`) {\r\n\t\t\t_style.map(_group => _group.reverse());\r\n\r\n\t\t} else if (g_stateObj.swapping === `X-Mirror`) {\r\n\t\t\t// X-Mirrorの場合、グループの内側だけ入れ替える\r\n\t\t\t_style.forEach((group, i) => g_settings.swapPattern.forEach(val => swapGroupNums(_style, group, i, val)));\r\n\t\t}\r\n\r\n\t\t// 入れ替えた結果に合わせてX座標位置を入れ替える\r\n\t\tg_workObj.stepX_df = structuredClone(g_workObj.stepX);\r\n\t\t_style.forEach((_group, _i) => {\r\n\t\t\t_group.forEach((_val, _j) => {\r\n\t\t\t\tg_workObj.stepX[_group[_j]] = g_workObj.stepX_df[g_workObj.shuffleGroupMap[_i][_j]];\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\t// FrzReturnの初期化\r\n\tg_workObj.frzReturnFlg = false;\r\n\r\n\t// AutoRetryの初期化\r\n\tg_workObj.autoRetryFlg = false;\r\n\r\n\t// Camoufrageの設定\r\n\tif (!g_stateObj.rotateEnabled) {\r\n\r\n\t\t// 矢印の回転が無効の場合は、設定を変える\r\n\t\tif (g_stateObj.camoufrage === `Arrow`) {\r\n\t\t\tg_stateObj.camoufrage = C_FLG_OFF;\r\n\t\t} else if (g_stateObj.camoufrage === C_FLG_ALL) {\r\n\t\t\tg_stateObj.camoufrage = `Color`;\r\n\t\t}\r\n\t\tg_settings.camoufrageNum = g_settings.camoufrages.findIndex(val => val === g_stateObj.camoufrage);\r\n\t}\r\n\tif (g_stateObj.camoufrage !== C_FLG_OFF) {\r\n\t\tconst eachOrAll = [``, `All`];\r\n\t\tconst keyNum = g_keyObj[`chara${g_keyObj.currentKey}_${g_keyObj.currentPtn}`].length;\r\n\r\n\t\t// 位置変更用の配列を作成\r\n\t\tconst randArray = [...Array(keyNum).keys()].map(_i => _i);\r\n\t\tlet _i = randArray.length;\r\n\t\twhile (_i) {\r\n\t\t\tconst _j = Math.floor(Math.random() * _i--);\r\n\t\t\t[randArray[_i], randArray[_j]] = [randArray[_j], randArray[_i]];\r\n\t\t}\r\n\r\n\t\t// 位置変更用の配列に従い、初期矢印・初期色の位置変更\r\n\t\tconst getSwapArray = (_array) => {\r\n\t\t\tconst _copiedArray = structuredClone(_array);\r\n\t\t\treturn _array.map((_val, _i) => _array[_i] = _copiedArray[randArray[_i]]);\r\n\t\t};\r\n\t\tif (g_stateObj.camoufrage === `Arrow` || g_stateObj.camoufrage === C_FLG_ALL) {\r\n\r\n\t\t\t// 矢印ヒット時に元の矢印がわかるようにするため、あえて g_workObj.stepHitRtn はそのままにする\r\n\t\t\tg_workObj.stepRtn = getSwapArray(g_workObj.stepRtn);\r\n\t\t\tg_workObj.arrowRtn = getSwapArray(g_workObj.arrowRtn);\r\n\t\t}\r\n\t\teachOrAll.forEach(type => {\r\n\t\t\tif (g_stateObj.camoufrage === `Color` || g_stateObj.camoufrage === C_FLG_ALL) {\r\n\r\n\t\t\t\t// ダミー矢印は対象外\r\n\t\t\t\tg_workObj[`arrowColors${type}`] = getSwapArray(g_workObj[`arrowColors${type}`]);\r\n\t\t\t\tg_workObj[`arrowShadowColors${type}`] = getSwapArray(g_workObj[`arrowShadowColors${type}`]);\r\n\r\n\t\t\t\tg_typeLists.frzColor.forEach(frzType => {\r\n\t\t\t\t\tg_workObj[`frz${frzType}Colors${type}`] = getSwapArray(g_workObj[`frz${frzType}Colors${type}`]);\r\n\t\t\t\t});\r\n\t\t\t\tg_workObj[`frzNormalShadowColors${type}`] = getSwapArray(g_workObj[`frzNormalShadowColors${type}`]);\r\n\t\t\t\tg_workObj[`frzHitShadowColors${type}`] = getSwapArray(g_workObj[`frzHitShadowColors${type}`]);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// 位置変更用の配列に従い、個別・全体色変化の位置変更\r\n\t\tif (g_stateObj.camoufrage === `Color` || g_stateObj.camoufrage === C_FLG_ALL) {\r\n\t\t\tconst getSwapList = (_array) => {\r\n\t\t\t\tconst _copiedArray = structuredClone(_array);\r\n\t\t\t\treturn _array.map((_val, _i) => _array[_i] = randArray[_copiedArray[_i]]);\r\n\t\t\t};\r\n\t\t\tusedColorKeys.forEach(type => {\r\n\t\t\t\tif (g_workObj[type] !== undefined) {\r\n\t\t\t\t\tfor (let j = 0; j < g_workObj[type].length; j++) {\r\n\t\t\t\t\t\tif (g_workObj[type][j] === undefined) {\r\n\t\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tg_workObj[type][j] = getSwapList(g_workObj[type][j]);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t// Shaking: Drunkでの画面揺れ設定 (X方向、Y方向)\r\n\tg_workObj.drunkXFlg = false;\r\n\tg_workObj.drunkYFlg = false;\r\n\r\n\t// AppearanceFilterの可視範囲設定\r\n\tg_workObj.aprFilterCnt = 0;\r\n\r\n\tif (g_stateObj.dataSaveFlg) {\r\n\t\t// ローカルストレージへAdjustment, HitPosition, Volume設定を保存\r\n\t\t// 変更が確定した時点で表示用のキャッシュを解放\r\n\t\tg_storeSettings.forEach(setting => g_localStorage[setting] = g_stateObj[setting]);\r\n\t\tviewKeyStorage.cache = new Map();\r\n\t\tlocalStorage.setItem(g_localStorageUrl, JSON.stringify(g_localStorage));\r\n\t}\r\n\r\n\t// リバース、キーコンフィグなどをローカルストレージへ保存（Data Save: ON かつ別キーモードで無い場合) \r\n\tif (g_stateObj.dataSaveFlg && !hasVal(g_keyObj[`transKey${keyCtrlPtn}`])) {\r\n\r\n\t\t// 次回キーコンフィグ画面へ戻ったとき、保存済みキーコンフィグ設定が表示されるようにする\r\n\t\tg_keyObj.prevKey = `Dummy`;\r\n\r\n\t\t// ローカルストレージへcolorType設定を保存\r\n\t\tg_localStorage.colorType = g_colorType;\r\n\r\n\t\tlet storageObj = g_localKeyStorage;\r\n\t\tlet addKey = ``;\r\n\r\n\t\t// リバース、キーコンフィグの保存（キー別）\r\n\t\tif (g_stateObj.extraKeyFlg) {\r\n\t\t\tstorageObj = g_localStorage;\r\n\t\t\taddKey = g_keyObj.currentKey;\r\n\t\t}\r\n\t\tif (g_headerObj.reverseUse) {\r\n\t\t\tstorageObj[`reverse${addKey}`] = g_stateObj.reverse;\r\n\t\t}\r\n\t\tstorageObj[`keyCtrl${addKey}`] = setKeyCtrl(g_localKeyStorage, keyNum, keyCtrlPtn);\r\n\t\tif (g_keyObj.currentPtn !== -1) {\r\n\t\t\tstorageObj[`keyCtrlPtn${addKey}`] = g_keyObj.currentPtn;\r\n\t\t\tg_keyObj[`keyCtrl${keyCtrlPtn}`] = structuredClone(g_keyObj[`keyCtrl${keyCtrlPtn}d`]);\r\n\t\t}\r\n\r\n\t\t// カラーセットの保存（キー別）\r\n\t\tif (!g_keycons.colorDefTypes.includes(g_colorType)) {\r\n\r\n\t\t\tresetColorType({ _toObj: storageObj, _to: addKey });\r\n\t\t\tresetColorType({ _from: g_colorType, _to: g_colorType, _fromObj: g_dfColorObj });\r\n\r\n\t\t\tg_colorType = g_keycons.colorSelf;\r\n\t\t\tg_localStorage.colorType = g_keycons.colorSelf;\r\n\t\t\tg_keycons.colorTypes = addValtoArray(g_keycons.colorTypes, g_keycons.colorSelf);\r\n\t\t\tresetColorType({ _to: g_keycons.colorSelf });\r\n\t\t}\r\n\r\n\t\tg_keycons.groups.forEach(type => {\r\n\t\t\tconst groupNum = g_keycons[`${type}GroupNum`];\r\n\t\t\tstorageObj[`${type}${addKey}`] = structuredClone(g_keyObj[`${type}${keyCtrlPtn}_${groupNum}`]);\r\n\t\t\tg_keyObj[`${type}${g_keyObj.currentKey}_-1_${groupNum}`] = structuredClone(g_keyObj[`${type}${keyCtrlPtn}_${groupNum}d`]);\r\n\t\t\tg_keyObj[`${type}${keyCtrlPtn}_${groupNum}`] = structuredClone(g_keyObj[`${type}${keyCtrlPtn}_${groupNum}d`]);\r\n\r\n\t\t\t// 古いキーデータの削除 (互換用)\r\n\t\t\tif (storageObj[`${type}${g_keyObj.currentKey}_-1_-1`] !== undefined) {\r\n\t\t\t\tdelete storageObj[`${type}${g_keyObj.currentKey}_-1_-1`];\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (!g_stateObj.extraKeyFlg) {\r\n\t\t\tlocalStorage.setItem(`danonicw-${g_keyObj.currentKey}k`, JSON.stringify(g_localKeyStorage));\r\n\t\t}\r\n\r\n\t\tlocalStorage.setItem(g_localStorageUrl, JSON.stringify(g_localStorage));\r\n\t\tg_canLoadDifInfoFlg = true;\r\n\r\n\t} else {\r\n\t\t// データ未保存 もしくは 別キーモード時はキーコンフィグ設定を初期化しない\r\n\t\tg_keyObj.prevKey = g_keyObj.currentKey;\r\n\t\tg_canLoadDifInfoFlg = false;\r\n\t}\r\n};\r\n\r\n/**\r\n * キーコンフィグ保存処理\r\n * @param {object} _localStorage 保存先のローカルストレージ名\r\n * @param {number} _keyNum \r\n * @param {string} _keyCtrlPtn \r\n * @returns {any[][]}\r\n */\r\nconst setKeyCtrl = (_localStorage, _keyNum, _keyCtrlPtn) => {\r\n\tconst localPtn = `${g_keyObj.currentKey}_-1`;\r\n\tconst keyCtrl = [...Array(_keyNum)].map(() => []);\r\n\tfor (let j = 0; j < _keyNum; j++) {\r\n\t\tfor (let k = 0; k < g_keyObj[`keyCtrl${_keyCtrlPtn}`][j].length; k++) {\r\n\t\t\tkeyCtrl[j][k] = g_keyObj[`keyCtrl${_keyCtrlPtn}`][j][k];\r\n\t\t}\r\n\t\tif (g_keyObj[`keyCtrl${localPtn}`] !== undefined) {\r\n\t\t\tif (g_keyObj[`keyCtrl${_keyCtrlPtn}`][j].length < g_keyObj[`keyCtrl${localPtn}`][j].length) {\r\n\t\t\t\tfor (let k = g_keyObj[`keyCtrl${_keyCtrlPtn}`][j].length; k < g_keyObj[`keyCtrl${localPtn}`][j].length; k++) {\r\n\t\t\t\t\tkeyCtrl[j][k] = undefined;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\treturn keyCtrl;\r\n};\r\n\r\n/*-----------------------------------------------------------*/\r\n/* Scene : MAIN [banana] */\r\n/*-----------------------------------------------------------*/\r\n\r\n/**\r\n * メイン画面初期化\r\n */\r\nconst mainInit = () => {\r\n\tclearWindow(true, `Main`);\r\n\tconst divRoot = document.getElementById(`divRoot`);\r\n\tdocument.oncontextmenu = () => false;\r\n\tg_currentPage = `main`;\r\n\r\n\tg_currentArrows = 0;\r\n\tconst wordMaxLen = g_scoreObj.wordMaxDepth + 1;\r\n\tg_workObj.fadeInNo = fillArray(wordMaxLen);\r\n\tg_workObj.fadeOutNo = fillArray(wordMaxLen);\r\n\tg_workObj.lastFadeFrame = fillArray(wordMaxLen);\r\n\tg_workObj.wordFadeFrame = fillArray(wordMaxLen);\r\n\tconst mainCommonPos = { w: g_headerObj.playingWidth, h: g_posObj.arrowHeight };\r\n\tconst objOpacity = g_stateObj.opacity / 100;\r\n\r\n\t// 背景スプライトを作成\r\n\tcreateMultipleSprite(`backSprite`, g_scoreObj.backMaxDepth, { x: g_workObj.backX });\r\n\r\n\t// ステップゾーン、矢印のメインスプライトを作成\r\n\tconst mainSprite = createEmptySprite(divRoot, `mainSprite`, mainCommonPos);\r\n\taddTransform(`mainSprite`, `root`, `scale(${g_keyObj.scale})`);\r\n\taddXY(`mainSprite`, `root`, g_workObj.playingX, g_posObj.stepY - C_STEP_Y + g_headerObj.playingY);\r\n\r\n\t// 曲情報・判定カウント用スプライトを作成（メインスプライトより上位）\r\n\tconst infoSprite = createEmptySprite(divRoot, `infoSprite`, mainCommonPos);\r\n\taddXY(`infoSprite`, `root`, g_workObj.playingX, g_headerObj.playingY);\r\n\r\n\t// 判定系スプライトを作成（メインスプライトより上位）\r\n\tconst judgeSprite = createEmptySprite(divRoot, `judgeSprite`, mainCommonPos);\r\n\taddXY(`judgeSprite`, `root`, g_workObj.playingX, g_headerObj.playingY);\r\n\r\n\tconst tkObj = getKeyInfo();\r\n\tconst [keyCtrlPtn, keyNum] = [tkObj.keyCtrlPtn, tkObj.keyNum];\r\n\r\n\t// マスクスプライトを作成 (最上位)\r\n\tcreateMultipleSprite(`maskSprite`, g_scoreObj.maskMaxDepth, { x: g_workObj.backX });\r\n\r\n\t// カラー・モーションを適用するオブジェクトの種類\r\n\tconst objList = (g_stateObj.dummyId === `` && g_autoPlaysBase.includes(g_stateObj.autoPlay)\r\n\t\t? [``] : [`dummy`, ``]);\r\n\r\n\t// 背景・マスクモーション、スキン変更(0フレーム指定)\r\n\tif (g_scoreObj.frameNum === 0) {\r\n\t\tg_animationData.filter(sprite => g_scoreObj[`${sprite}Data`][0] !== undefined).forEach(sprite => {\r\n\t\t\tg_animationFunc.drawMain[sprite](0, sprite);\r\n\t\t\tg_scoreObj[`${sprite}Data`][0] = undefined;\r\n\t\t});\r\n\t}\r\n\r\n\t// 矢印・フリーズアロー・速度変化 移動/判定/変化対象の初期化\r\n\tconst arrowCnts = fillArray(keyNum);\r\n\tconst frzCnts = fillArray(keyNum);\r\n\tconst dummyArrowCnts = fillArray(keyNum);\r\n\tconst dummyFrzCnts = fillArray(keyNum);\r\n\tlet speedCnts = 0;\r\n\tlet boostCnts = 0;\r\n\tlet keychCnts = 0;\r\n\r\n\tg_workObj.flatMode = g_stateObj.d_stepzone === `FlatBar` ||\r\n\t\tg_stateObj.scroll.endsWith(`Flat`) ||\r\n\t\tg_keyObj[`flatMode${keyCtrlPtn}`] ||\r\n\t\t(g_stateObj.stepArea === `Halfway` &&\r\n\t\t\tg_keyObj[`div${keyCtrlPtn}`] < g_keyObj[`${g_keyObj.defaultProp}${keyCtrlPtn}`].length);\r\n\tg_workObj.stepZoneDisp = (g_stateObj.d_stepzone === C_FLG_OFF || g_workObj.flatMode) ? C_DIS_NONE : C_DIS_INHERIT;\r\n\r\n\t// mainSprite配下に層別のスプライトを作成し、ステップゾーン・矢印本体・フリーズアローヒット部分に分ける\r\n\tconst mainSpriteN = [], stepSprite = [], arrowSprite = [], frzHitSprite = [];\r\n\r\n\t// Hidden+, Sudden+用のライン、パーセント表示\r\n\tconst filterCss = g_stateObj.filterLock === C_FLG_OFF ? g_cssObj.life_Failed : g_cssObj.life_Cleared;\r\n\tconst doubleFilterFlg = ![`Default`, `Halfway`].includes(g_stateObj.stepArea);\r\n\r\n\tfor (let j = 0; j < g_stateObj.layerNum; j++) {\r\n\t\tconst mainSpriteJ = createEmptySprite(mainSprite, `mainSprite${j}`, mainCommonPos);\r\n\t\tmainSpriteN.push(mainSpriteJ);\r\n\t\tmainSpriteJ.appendChild(createColorObject2(`filterBar${j}`, g_lblPosObj.filterBar, filterCss));\r\n\t\tif (doubleFilterFlg) {\r\n\t\t\tmainSpriteJ.appendChild(createColorObject2(`filterBar${j % 2 == 0 ? j + 1 : j - 1}_HS`, g_lblPosObj.filterBar, filterCss));\r\n\t\t}\r\n\r\n\t\t// レイヤーごとのTransition設定\r\n\t\t// StepAreaオプションにより、レイヤーが倍化される場合があるため基準レイヤー数ごとに設定\r\n\t\tconst transj = j % g_stateObj.layerNumDf;\r\n\t\taddTransform(`mainSprite${j}`, `mainSprite${j}`,\r\n\t\t\tg_keyObj[`layerTrans${keyCtrlPtn}`]?.[0]?.[Math.floor(transj / 2) * 2 + (transj + Number(g_stateObj.reverse === C_FLG_ON)) % 2]);\r\n\r\n\t\tstepSprite.push(createEmptySprite(mainSpriteJ, `stepSprite${j}`, mainCommonPos));\r\n\t\tarrowSprite.push(createEmptySprite(mainSpriteJ, `arrowSprite${j}`, Object.assign({ y: g_workObj.hitPosition * (j % 2 === 0 ? 1 : -1) }, mainCommonPos)));\r\n\t\tfrzHitSprite.push(createEmptySprite(mainSpriteJ, `frzHitSprite${j}`, mainCommonPos));\r\n\t}\r\n\r\n\tif (g_appearanceRanges.includes(g_stateObj.appearance)) {\r\n\t\tmainSprite.appendChild(createDivCss2Label(`filterView`, ``, g_lblPosObj.filterView));\r\n\t\tif (g_stateObj.d_filterline === C_FLG_ON) {\r\n\t\t\t$id(`filterView`).opacity = objOpacity;\r\n\t\t\tfor (let j = 0; j < g_stateObj.layerNum; j++) {\r\n\t\t\t\t$id(`filterBar${j}`).opacity = objOpacity;\r\n\t\t\t\tif (doubleFilterFlg) {\r\n\t\t\t\t\t$id(`filterBar${j}_HS`).opacity = objOpacity;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// ステップゾーン、フリーズアローヒット部分の生成\r\n\tfor (let j = 0; j < keyNum; j++) {\r\n\t\tmakeStepZone(j, keyCtrlPtn);\r\n\t}\r\n\tif (g_workObj.flatMode && g_stateObj.d_stepzone !== C_FLG_OFF) {\r\n\r\n\t\t// スクロール名に`R-`が含まれていればリバースと見做す\r\n\t\tconst reverseFlg = g_stateObj.reverse === C_FLG_ON || g_stateObj.scroll.startsWith(`R-`);\r\n\r\n\t\t// ステップゾーンの代わり\r\n\t\tconst lineY = [(C_ARW_WIDTH - g_stateObj.flatStepHeight) / 2, (C_ARW_WIDTH + g_stateObj.flatStepHeight) / 2];\r\n\t\tconst reverses = [reverseFlg, reverseFlg];\r\n\t\tif (makeDedupliArray(g_workObj.scrollDir).length > 1) {\r\n\t\t\tlineY.push(lineY[0], lineY[1]);\r\n\t\t\treverses.push(!reverses[0], !reverses[1]);\r\n\t\t}\r\n\t\tfor (let k = 0; k < g_stateObj.layerNum; k += 2) {\r\n\t\t\tlineY.forEach((y, j) => {\r\n\t\t\t\tstepSprite[Number(reverses[j]) + k].appendChild(\r\n\t\t\t\t\tcreateColorObject2(`stepBar${j + k}`, {\r\n\t\t\t\t\t\tx: 0, y: C_STEP_Y + g_posObj.reverseStepY * Number(reverses[j]) + y,\r\n\t\t\t\t\t\tw: g_headerObj.playingWidth - 50, h: 1, styleName: `lifeBar`,\r\n\t\t\t\t\t}, g_cssObj.life_Failed)\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t// StepArea処理\r\n\tg_stepAreaFunc.get(g_stateObj.stepArea)();\r\n\r\n\t// mainSpriteのtransform追加処理\r\n\taddTransform(`mainSprite`, `playWindow`, g_playWindowFunc.get(g_stateObj.playWindow)());\r\n\r\n\t// EffectのArrowEffect追加処理\r\n\tg_effectFunc.get(g_stateObj.effect)();\r\n\r\n\t// Appearanceのオプション適用時は一部描画を隠す\r\n\tchangeAppearanceFilter(g_appearanceRanges.includes(g_stateObj.appearance) ?\r\n\t\tg_hidSudObj.filterPos : g_hidSudObj.filterPosDefault[g_stateObj.appearance], true);\r\n\r\n\t// Shaking初期化\r\n\tif (g_stateObj.shaking !== C_FLG_OFF) {\r\n\t\taddXY(`mainSprite`, `shaking`, 0, 0);\r\n\t}\r\n\r\n\t// 現在の矢印・フリーズアローの速度、個別加算速度の初期化 (速度変化時に直す)\r\n\tg_workObj.currentSpeed = 2;\r\n\tg_workObj.boostSpd = 1;\r\n\tg_workObj.boostDir = 1;\r\n\r\n\t// 開始位置、楽曲再生位置の設定\r\n\tconst firstFrame = g_scoreObj.frameNum;\r\n\tconst musicStartFrame = firstFrame + g_headerObj.blankFrame;\r\n\tconst fadeFlgs = { fadein: [`In`, `Out`], fadeout: [`Out`, `In`] };\r\n\tg_audio.volume = (firstFrame === 0 ? g_stateObj.volume / 100 : 0);\r\n\r\n\t// 曲時間制御変数\r\n\tlet thisTime;\r\n\tlet buffTime;\r\n\tlet musicStartTime;\r\n\tlet musicStartFlg = false;\r\n\r\n\tg_inputKeyBuffer = {};\r\n\r\n\t// 終了時間の設定\r\n\tlet duration = g_audio.duration * g_fps;\r\n\tg_scoreObj.fadeOutFrame = Infinity;\r\n\tg_scoreObj.fadeOutTerm = C_FRM_AFTERFADE;\r\n\r\n\t// フェードアウト時間指定の場合、その7秒(=420フレーム)後に終了する\r\n\tlet fadeNo = -1;\r\n\tif (g_headerObj.fadeFrame?.length >= g_stateObj.scoreId + 1) {\r\n\t\tfadeNo = (isNaN(parseInt(g_headerObj.fadeFrame[g_stateObj.scoreId][0])) ? -1 : g_stateObj.scoreId);\r\n\t}\r\n\tif (fadeNo !== -1) {\r\n\t\t// フェードアウト指定の場合、曲長(フェードアウト開始まで)は FadeFrame - (本来のblankFrame)\r\n\t\tduration = parseInt(g_headerObj.fadeFrame[fadeNo][0]) - g_headerObj.blankFrameDef;\r\n\t\tg_scoreObj.fadeOutFrame = Math.ceil(duration / g_headerObj.playbackRate + g_headerObj.blankFrame + g_stateObj.adjustment);\r\n\r\n\t\tif (g_headerObj.fadeFrame[fadeNo].length > 1) {\r\n\t\t\tg_scoreObj.fadeOutTerm = Number(g_headerObj.fadeFrame[fadeNo][1]);\r\n\t\t}\r\n\t}\r\n\r\n\t// 終了時間指定の場合、その値を適用する\r\n\tlet endFrameUseFlg = false;\r\n\tconst tmpEndFrame = g_headerObj.endFrame?.[g_stateObj.scoreId] || g_headerObj.endFrame?.[0];\r\n\tif (!isNaN(parseInt(tmpEndFrame))) {\r\n\t\t// 終了時間指定の場合、曲長は EndFrame - (本来のblankFrame)\r\n\t\tduration = parseInt(tmpEndFrame) - g_headerObj.blankFrameDef;\r\n\t\tendFrameUseFlg = true;\r\n\t}\r\n\r\n\tlet fullFrame = Math.ceil(duration / g_headerObj.playbackRate + g_headerObj.blankFrame + g_stateObj.adjustment);\r\n\tif (g_scoreObj.fadeOutFrame !== Infinity && !endFrameUseFlg) {\r\n\t\tfullFrame += g_scoreObj.fadeOutTerm;\r\n\t}\r\n\tg_scoreObj.fullFrame = fullFrame;\r\n\tconst fullTime = transFrameToTimer(fullFrame - g_stateObj.intAdjustment);\r\n\r\n\t// フレーム数\r\n\tdivRoot.appendChild(createDivCss2Label(`lblframe`, g_scoreObj.baseFrame, Object.assign(g_lblPosObj.lblframe, { display: g_workObj.lifegaugeDisp })));\r\n\r\n\t// ライフ(数字)部作成\r\n\tconst intLifeVal = Math.floor(g_workObj.lifeVal);\r\n\tlet lblInitColor = g_cssObj.life_Failed;\r\n\tif (g_workObj.lifeVal === g_headerObj.maxLifeVal) {\r\n\t\tlblInitColor = g_cssObj.life_Max;\r\n\t} else if (g_workObj.lifeVal >= g_workObj.lifeBorder) {\r\n\t\tlblInitColor = g_cssObj.life_Cleared;\r\n\t}\r\n\r\n\t// 曲名・アーティスト名、譜面名表示\r\n\tconst playbackView = (g_headerObj.playbackRate === 1 ? `` : ` [Rate:${g_headerObj.playbackRate}]`);\r\n\tconst musicTitle = (g_headerObj.musicTitles[g_headerObj.musicNos[g_stateObj.scoreId]] || g_headerObj.musicTitle) + playbackView;\r\n\tconst artistName = g_headerObj.artistNames[g_headerObj.musicNos[g_stateObj.scoreId]] || g_headerObj.artistName;\r\n\tconst assistFlg = (g_autoPlaysBase.includes(g_stateObj.autoPlay) ? `` : `-${getStgDetailName(g_stateObj.autoPlay)}${getStgDetailName('less')}`);\r\n\tconst shuffleName = (g_stateObj.shuffle !== C_FLG_OFF ? `: ${getStgDetailName(g_stateObj.shuffle)}` : ``);\r\n\r\n\t// 曲名・アーティスト名、譜面名のサイズ調整\r\n\tconst checkMusicSiz = (_text, _siz) => getFontSize2(_text, g_headerObj.playingWidth - g_headerObj.customViewWidth - 125, { maxSiz: _siz });\r\n\r\n\tconst makerView = g_headerObj.makerView ? ` (${g_headerObj.creatorNames[g_stateObj.scoreId]})` : ``;\r\n\tconst transKeyName = getTransKeyName();\r\n\tlet difName = `[${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyName} / ${g_headerObj.difLabels[g_stateObj.scoreId]}${assistFlg}${shuffleName}${makerView}]`;\r\n\tlet creditName = `${musicTitle} / ${artistName}`;\r\n\tif (checkMusicSiz(creditName, g_limitObj.musicTitleSiz) < 12) {\r\n\t\tcreditName = `${musicTitle}`;\r\n\t\tdifName = `/ ${artistName} ` + difName;\r\n\t}\r\n\r\n\tmultiAppend(infoSprite,\r\n\r\n\t\t// ライフ（数字）\r\n\t\tcreateDivCss2Label(`lblLife`, intLifeVal, {\r\n\t\t\tx: 0, y: 30, w: 70, h: 20, siz: g_limitObj.jdgCntsSiz, display: g_workObj.lifegaugeDisp,\r\n\t\t}, lblInitColor),\r\n\r\n\t\t// ライフ背景\r\n\t\tcreateColorObject2(`lifeBackObj`, {\r\n\t\t\tx: 5, y: 50, w: 15, h: g_headerObj.playingHeight - 100, styleName: `lifeBar`, display: g_workObj.lifegaugeDisp,\r\n\t\t}, g_cssObj.life_Background),\r\n\r\n\t\t// ライフ本体\r\n\t\tcreateColorObject2(`lifeBar`, {\r\n\t\t\tx: 5, y: 50 + (g_headerObj.playingHeight - 100) * (g_headerObj.maxLifeVal - intLifeVal) / g_headerObj.maxLifeVal,\r\n\t\t\tw: 15, h: (g_headerObj.playingHeight - 100) * intLifeVal / g_headerObj.maxLifeVal, styleName: `lifeBar`,\r\n\t\t\tdisplay: g_workObj.lifegaugeDisp,\r\n\t\t}, lblInitColor),\r\n\r\n\t\t// ライフ：ボーダーライン\r\n\t\t// この背景の画像は40x16で作成しているが、`padding-right:5px`があるためサイズを35x16で作成\r\n\t\tcreateColorObject2(`lifeBorderObj`, {\r\n\t\t\tx: 10, y: 42 + (g_headerObj.playingHeight - 100) * (g_headerObj.maxLifeVal - g_workObj.lifeBorder) / g_headerObj.maxLifeVal,\r\n\t\t\tw: 35, h: 16, background: C_CLR_BORDER, styleName: `lifeBorder`,\r\n\t\t\tfontFamily: getBasicFont(), display: g_workObj.lifegaugeDisp,\r\n\t\t}, g_cssObj.life_Border, g_cssObj.life_BorderColor),\r\n\r\n\t\t// 曲名・アーティスト名表示\r\n\t\tcreateDivCss2Label(`lblCredit`, creditName, Object.assign(g_lblPosObj.lblCredit, { siz: checkMusicSiz(creditName, g_limitObj.musicTitleSiz) })),\r\n\r\n\t\t// 譜面名表示\r\n\t\tcreateDivCss2Label(`lblDifName`, difName, Object.assign(g_lblPosObj.lblDifName, { siz: checkMusicSiz(difName, 12) })),\r\n\r\n\t\t// 曲時間表示：現在時間\r\n\t\tcreateDivCss2Label(`lblTime1`, `-:--`, Object.assign(g_lblPosObj.lblTime1, { display: g_workObj.musicinfoDisp })),\r\n\r\n\t\t// 曲時間表示：総時間\r\n\t\tcreateDivCss2Label(`lblTime2`, `/ ${fullTime}`, Object.assign(g_lblPosObj.lblTime2, { display: g_workObj.musicinfoDisp })),\r\n\t);\r\n\r\n\tif (g_workObj.nonDefaultSc) {\r\n\t\tmultiAppend(infoSprite,\r\n\t\t\tcreateDivCss2Label(`lblRetry`, `[${g_lblNameObj.l_retry}]`, Object.assign(g_lblPosObj.lblMainScHeader, { y: g_headerObj.playingHeight - 65 })),\r\n\t\t);\r\n\t\tmultiAppend(infoSprite,\r\n\t\t\tcreateDivCss2Label(`lblRetrySc`, g_kCd[g_headerObj.keyRetry],\r\n\t\t\t\tObject.assign(g_lblPosObj.lblMainScKey, { y: g_headerObj.playingHeight - 50, fontWeight: g_headerObj.keyRetry === C_KEY_RETRY ? `normal` : `bold` })),\r\n\t\t);\r\n\t\tmultiAppend(infoSprite,\r\n\t\t\tcreateDivCss2Label(`lblTitleBack`, `[${g_lblNameObj.l_titleBack}]`, Object.assign(g_lblPosObj.lblMainScHeader, { y: g_headerObj.playingHeight - 35 })),\r\n\t\t);\r\n\t\tmultiAppend(infoSprite,\r\n\t\t\tcreateDivCss2Label(`lblTitleBackSc`, g_isMac ? `Shift+${g_kCd[g_headerObj.keyRetry]}` : g_kCd[g_headerObj.keyTitleBack],\r\n\t\t\t\tObject.assign(g_lblPosObj.lblMainScKey, { y: g_headerObj.playingHeight - 20, fontWeight: g_headerObj.keyTitleBack === C_KEY_TITLEBACK ? `normal` : `bold` })),\r\n\t\t);\r\n\t}\r\n\r\n\t// ボーダーライン表示\r\n\tlifeBorderObj.textContent = g_workObj.lifeBorder;\r\n\tif (g_stateObj.lifeBorder === 0 || g_workObj.lifeVal === g_headerObj.maxLifeVal) {\r\n\t\tlifeBorderObj.style.display = C_DIS_NONE;\r\n\t}\r\n\r\n\t// 歌詞表示\r\n\tconst wordSprite = createEmptySprite(judgeSprite, `wordSprite`, { w: g_headerObj.playingWidth });\r\n\tfor (let j = 0; j <= g_scoreObj.wordMaxDepth; j++) {\r\n\t\tconst wordY = (j % 2 === 0 ? 10 : (g_headerObj.bottomWordSetFlg ? g_posObj.distY + 10 : g_headerObj.playingHeight - 60));\r\n\t\twordSprite.appendChild(createDivCss2Label(`lblword${j}`, ``, Object.assign(g_lblPosObj.lblWord, { y: wordY, fontFamily: getBasicFont() })));\r\n\t}\r\n\r\n\tconst jdgGroups = [`J`, `FJ`];\r\n\tconst jdgX = [g_headerObj.playingWidth / 2 - 220, g_headerObj.playingWidth / 2 - 120];\r\n\tconst jdgY = [(g_headerObj.playingHeight + g_posObj.stepYR) / 2 - 60, (g_headerObj.playingHeight + g_posObj.stepYR) / 2 + 10];\r\n\tif (g_stateObj.d_background === C_FLG_OFF && g_headerObj.jdgPosReset) {\r\n\t} else {\r\n\t\tjdgY[0] += g_diffObj.arrowJdgY;\r\n\t\tjdgY[1] += g_diffObj.frzJdgY;\r\n\t}\r\n\r\n\tjdgGroups.forEach((jdg, j) => {\r\n\t\t// キャラクタ表示\r\n\t\tconst charaJ = createDivCss2Label(`chara${jdg}`, ``, {\r\n\t\t\tx: jdgX[j], y: jdgY[j],\r\n\t\t\tw: g_limitObj.jdgCharaWidth, h: g_limitObj.jdgCharaHeight, siz: g_limitObj.jdgCharaSiz,\r\n\t\t\topacity: objOpacity, display: g_workObj.judgmentDisp,\r\n\t\t}, g_cssObj.common_ii);\r\n\t\tcharaJ.setAttribute(`cnt`, 0);\r\n\r\n\t\tmultiAppend(judgeSprite,\r\n\r\n\t\t\t// キャラクタ表示\r\n\t\t\tcharaJ,\r\n\r\n\t\t\t// コンボ表示\r\n\t\t\tcreateDivCss2Label(`combo${jdg}`, ``, {\r\n\t\t\t\tx: jdgX[j] + 170, y: jdgY[j],\r\n\t\t\t\tw: g_limitObj.jdgCharaWidth, h: g_limitObj.jdgCharaHeight, siz: g_limitObj.jdgCharaSiz,\r\n\t\t\t\topacity: objOpacity, display: g_workObj.judgmentDisp,\r\n\t\t\t}, g_cssObj[`common_combo${jdg}`]),\r\n\r\n\t\t\t// Fast/Slow表示\r\n\t\t\tcreateDivCss2Label(`diff${jdg}`, ``, {\r\n\t\t\t\tx: jdgX[j] + 170, y: jdgY[j] + 25,\r\n\t\t\t\tw: g_limitObj.jdgCharaWidth, h: g_limitObj.jdgCharaHeight, siz: g_limitObj.mainSiz,\r\n\t\t\t\topacity: objOpacity, display: g_workObj.fastslowDisp,\r\n\t\t\t}, g_cssObj.common_combo),\r\n\r\n\t\t);\r\n\t});\r\n\r\n\t// 判定カウンタ表示\r\n\tconst jdgMainScoreObj = {\r\n\t\tIi: [`ii`, 0], Shakin: [`shakin`, 1], Matari: [`matari`, 2], Shobon: [`shobon`, 3], Uwan: [`uwan`, 4],\r\n\t\tMCombo: [`combo`, 5], Kita: [`kita`, 7], Iknai: [`iknai`, 8], FCombo: [`combo`, 9],\r\n\t};\r\n\tObject.keys(jdgMainScoreObj).forEach(jdgScore =>\r\n\t\tinfoSprite.appendChild(makeCounterSymbol(`lbl${jdgScore}`, g_headerObj.playingWidth - 110 + (g_workObj.nonDefaultSc ? g_headerObj.scAreaWidth : 0),\r\n\t\t\tg_cssObj[`common_${jdgMainScoreObj[jdgScore][0]}`], jdgMainScoreObj[jdgScore][1] + 1, 0, g_workObj.scoreDisp)));\r\n\r\n\t// パーフェクト演出\r\n\tjudgeSprite.appendChild(createDivCss2Label(`finishView`, ``, g_lblPosObj.finishView, g_cssObj.common_kita));\r\n\r\n\t// 曲情報OFF\r\n\tif (g_stateObj.d_musicinfo === C_FLG_OFF) {\r\n\t\t[`lblCredit`, `lblDifName`].forEach(labelName => changeStyle(labelName, g_lblPosObj.musicInfoOFF));\r\n\t}\r\n\r\n\t// デバッグ時のみフレーム数を残す\r\n\tif (!g_isDebug) {\r\n\t\tlblframe.style.display = C_DIS_NONE;\r\n\t}\r\n\r\n\t// Ready?表示\r\n\tif (!g_headerObj.customReadyUse) {\r\n\t\tconst readyColor = g_headerObj.readyColor || g_headerObj.setColorOrg[0];\r\n\t\tlet readyDelayFrame = 0;\r\n\t\tif (g_stateObj.fadein === 0 && g_headerObj.readyDelayFrame > 0 &&\r\n\t\t\tg_headerObj.readyDelayFrame + g_stateObj.adjustment > 0) {\r\n\t\t\treadyDelayFrame = g_headerObj.readyDelayFrame + g_stateObj.adjustment;\r\n\t\t}\r\n\t\tconst readyHtml = g_headerObj.readyHtml ||\r\n\t\t\t`READY?`;\r\n\r\n\t\tdivRoot.appendChild(\r\n\t\t\tcreateDivCss2Label(`lblReady`, readyHtml, {\r\n\t\t\t\tx: g_workObj.playingX + (g_headerObj.playingWidth - g_sWidth) / 2,\r\n\t\t\t\ty: g_headerObj.playingY + (g_headerObj.playingHeight + g_posObj.stepYR) / 2 - 75,\r\n\t\t\t\tw: g_sWidth, h: 50, siz: 40,\r\n\t\t\t\tanimationDuration: `${g_headerObj.readyAnimationFrame / g_fps}s`,\r\n\t\t\t\tanimationName: g_headerObj.readyAnimationName,\r\n\t\t\t\tanimationDelay: `${readyDelayFrame / g_fps}s`, opacity: 0,\r\n\t\t\t})\r\n\t\t);\r\n\t}\r\n\r\n\tconst msg = [];\r\n\tif (getMusicUrl(g_stateObj.scoreId) === `nosound.mp3`) {\r\n\t\tmsg.push(g_msgInfoObj.I_0004);\r\n\t}\r\n\tif (g_stateObj.shuffle.indexOf(`Mirror`) !== -1 &&\r\n\t\tg_stateObj.dataSaveFlg && g_stateObj.autoAll === C_FLG_OFF &&\r\n\t\tg_keyObj[`shuffle${keyCtrlPtn}`].filter((shuffleGr, j) => shuffleGr !== g_keyObj[`shuffle${keyCtrlPtn}_0d`][j]).length > 0) {\r\n\t\tmsg.push(g_msgInfoObj.I_0005);\r\n\t}\r\n\tif (msg.length > 0) {\r\n\t\tmakeInfoWindow(msg.join(`
`), `leftToRightFade`, { _x: g_workObj.playingX, _y: g_headerObj.playingY });\r\n\t}\r\n\r\n\t// ユーザカスタムイベント(初期)\r\n\tg_customJsObj.main.forEach(func => func());\r\n\r\n\t/**\r\n\t * キーを押したときの処理\r\n\t */\r\n\tconst mainKeyDownActFunc = {\r\n\r\n\t\tOFF: (_code) => {\r\n\t\t\tconst matchKeys = g_workObj.keyCtrlN;\r\n\r\n\t\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\t\tmatchKeys[j].filter((key, k) => _code === key && !g_workObj.keyHitFlg[j][k] && !g_judgObj.lockFlgs[j])\r\n\t\t\t\t\t.forEach(() => {\r\n\t\t\t\t\t\tg_judgObj.lockFlgs[j] = true;\r\n\t\t\t\t\t\tjudgeArrow(j);\r\n\t\t\t\t\t\tg_judgObj.lockFlgs[j] = false;\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tON: (_code) => { },\r\n\t};\r\n\r\n\t// キー操作イベント\r\n\tdocument.onkeydown = evt => {\r\n\t\tevt.preventDefault();\r\n\t\tconst setCode = transCode(evt);\r\n\r\n\t\tif (evt.repeat && !g_mainRepeatObj.key.includes(setCode)) {\r\n\t\t\treturn blockCode(setCode);\r\n\t\t}\r\n\t\tg_inputKeyBuffer[setCode] = true;\r\n\t\tmainKeyDownActFunc[g_stateObj.autoAll](setCode);\r\n\r\n\t\t// 曲中リトライ、タイトルバック\r\n\t\tif (setCode === g_kCdN[g_headerObj.keyRetry]) {\r\n\t\t\tg_audio.pause();\r\n\t\t\tclearTimeout(g_timeoutEvtId);\r\n\r\n\t\t\tif (g_isMac && keyIsShift()) {\r\n\t\t\t\t// Mac OS、IPad OSはDeleteキーが無いためShift+BSで代用\r\n\t\t\t\ttitleInit();\r\n\r\n\t\t\t} else {\r\n\t\t\t\t// その他の環境では単にRetryに対応するキーのみで適用\r\n\t\t\t\tclearWindow();\r\n\t\t\t\tmusicAfterLoaded();\r\n\t\t\t}\r\n\r\n\t\t} else if (setCode === g_kCdN[g_headerObj.keyTitleBack]) {\r\n\t\t\tg_audio.pause();\r\n\t\t\tclearTimeout(g_timeoutEvtId);\r\n\t\t\tif (keyIsShift()) {\r\n\t\t\t\tif (g_currentArrows !== g_fullArrows || g_stateObj.lifeMode === C_LFE_BORDER && g_workObj.lifeVal < g_workObj.lifeBorder) {\r\n\t\t\t\t\tg_gameOverFlg = true;\r\n\t\t\t\t\tg_finishFlg = false;\r\n\t\t\t\t\tg_resultObj.gaugeTransition.push([g_scoreObj.baseFrame, 0]);\r\n\t\t\t\t}\r\n\t\t\t\tresultInit();\r\n\t\t\t} else {\r\n\t\t\t\ttitleInit();\r\n\t\t\t}\r\n\r\n\t\t} else if (g_appearanceRanges.includes(g_stateObj.appearance) && g_stateObj.filterLock === C_FLG_OFF) {\r\n\t\t\tconst MAX_FILTER_POS = 100;\r\n\t\t\tconst MIN_FILTER_POS = 0;\r\n\t\t\tif (setCode === g_hidSudObj.pgDown[g_stateObj.appearance][g_stateObj.reverse]) {\r\n\t\t\t\tchangeAppearanceFilter(Math.min(g_hidSudObj.filterPos + 1, MAX_FILTER_POS));\r\n\t\t\t} else if (setCode === g_hidSudObj.pgUp[g_stateObj.appearance][g_stateObj.reverse]) {\r\n\t\t\t\tchangeAppearanceFilter(Math.max(g_hidSudObj.filterPos - 1, MIN_FILTER_POS));\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn blockCode(setCode);\r\n\t};\r\n\r\n\t/**\r\n\t * キーを離したときの処理\r\n\t */\r\n\tconst mainKeyUpActFunc = {\r\n\r\n\t\tOFF: () => {\r\n\t\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\t\tif (g_workObj.keyCtrlN[j].find(key => keyIsDown(key)) === undefined) {\r\n\t\t\t\t\t$id(`stepDiv${j}`).display = C_DIS_NONE;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tON: () => { },\r\n\t};\r\n\r\n\tdocument.onkeyup = evt => {\r\n\t\tg_inputKeyBuffer[transCode(evt)] = false;\r\n\t\tmainKeyUpActFunc[g_stateObj.autoAll]();\r\n\t};\r\n\r\n\t/**\r\n\t * 全体色変化（矢印）\r\n\t * @param {number} _j 矢印位置\r\n\t * @param {number} _k 矢印の表示順\r\n\t * @param {string} _name 通常, ダミー\r\n\t */\r\n\tconst changeArrowColor = (_j, _k, _name) => {\r\n\t\tif (g_workObj[`mk${toCapitalize(_name)}ColorChangeAll`]?.[g_scoreObj.frameNum]) {\r\n\r\n\t\t\t/**\r\n\t\t\t * 全体色の変更処理\r\n\t\t\t * - 次の全体色変化対象の色と比較して一致した場合に色を変更\r\n\t\t\t * @param {string} _type \r\n\t\t\t * @param {element} _baseObj \r\n\t\t\t */\r\n\t\t\tconst changeColor = (_type, _baseObj) => {\r\n\t\t\t\tconst cArrowColor = g_workObj[`${_name}${_type}Colors`][_j];\r\n\t\t\t\tconst cArrowColorAll = g_workObj[`${_name}${_type}ColorsAll`][_j];\r\n\t\t\t\tif (_baseObj.getAttribute(`color`) !== cArrowColor && cArrowColorAll === cArrowColor) {\r\n\t\t\t\t\t_baseObj.style.background = cArrowColorAll;\r\n\t\t\t\t\t_baseObj.setAttribute(`color`, cArrowColorAll);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\t// 矢印枠の色変化\r\n\t\t\tconst arrowTop = document.getElementById(`${_name}Top${_j}_${_k}`);\r\n\t\t\tchangeColor(``, arrowTop);\r\n\r\n\t\t\t// 矢印塗りつぶし部分の色変化\r\n\t\t\tif (g_headerObj.setShadowColor[0] !== ``) {\r\n\t\t\t\tconst arrowShadow = document.getElementById(`${_name}Shadow${_j}_${_k}`);\r\n\t\t\t\tchangeColor(`Shadow`, arrowShadow);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * 全体色変化（フリーズアロー）\r\n\t * @param {number} _j 矢印位置\r\n\t * @param {number} _k 矢印の表示順\r\n\t * @param {string} _name 通常, ダミー\r\n\t * @param {string} _state フリーズアローの色変化対象 (Normal: 通常時、Hit: ヒット時)\r\n\t */\r\n\tconst changeFrzColor = (_j, _k, _name, _state) => {\r\n\r\n\t\tif (g_workObj[`mk${toCapitalize(_name)}ColorChangeAll`]?.[g_scoreObj.frameNum]) {\r\n\t\t\tconst frzNo = `${_j}_${_k}`;\r\n\t\t\tconst frzTop = document.getElementById(`${_name}Top${frzNo}`);\r\n\t\t\tconst frzBar = document.getElementById(`${_name}Bar${frzNo}`);\r\n\t\t\tconst frzBtm = document.getElementById(`${_name}Btm${frzNo}`);\r\n\t\t\tconst frzTopShadow = document.getElementById(`${_name}TopShadow${frzNo}`);\r\n\t\t\tconst frzBtmShadow = document.getElementById(`${_name}BtmShadow${frzNo}`);\r\n\r\n\t\t\t/**\r\n\t\t\t * 全体色の変更処理\r\n\t\t\t * @param {string} _type \r\n\t\t\t * @param {element} _baseObj \r\n\t\t\t * @param {element} _baseObj2 \r\n\t\t\t */\r\n\t\t\tconst changeColor = (_type, _baseObj, _baseObj2) => {\r\n\t\t\t\tconst cFrzColor = g_workObj[`${_name}${_state}${_type}Colors`][_j];\r\n\t\t\t\tconst cFrzColorAll = g_workObj[`${_name}${_state}${_type}ColorsAll`][_j];\r\n\t\t\t\tif (_baseObj.getAttribute(`color${_state}`) !== cFrzColor && cFrzColorAll === cFrzColor) {\r\n\t\t\t\t\tif (_baseObj2 && _state === `Normal`) {\r\n\t\t\t\t\t\t_baseObj2.style.background = cFrzColorAll;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t_baseObj.style.background = cFrzColorAll;\r\n\t\t\t\t\t_baseObj.setAttribute(`color${_state}`, cFrzColorAll);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\t// 矢印部分の色変化\r\n\t\t\tchangeColor(``, frzBtm, frzTop);\r\n\r\n\t\t\t// 帯部分の色変化\r\n\t\t\tchangeColor(`Bar`, frzBar);\r\n\r\n\t\t\t// 矢印塗りつぶし部分の色変化\r\n\t\t\tchangeColor(`Shadow`, frzBtmShadow, frzTopShadow);\r\n\t\t}\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * 全体色変化\r\n\t */\r\n\tconst changeColorFunc = {\r\n\t\tarrow: (_j, _k) => changeArrowColor(_j, _k, `arrow`),\r\n\t\tdummyArrow: (_j, _k) => changeArrowColor(_j, _k, `dummyArrow`),\r\n\t\tfrz: (_j, _k, _state) => changeFrzColor(_j, _k, `frz`, _state),\r\n\t\tdummyFrz: (_j, _k, _state) => changeFrzColor(_j, _k, `dummyFrz`, _state),\r\n\t};\r\n\r\n\t/**\r\n\t * 矢印・フリーズアロー消去\r\n\t * \r\n\t * @param {number} _j 矢印位置\r\n\t * @param {string} _deleteName 削除オブジェクト名\r\n\t */\r\n\tconst judgeObjDelete = {};\r\n\tg_typeLists.arrow.forEach(type =>\r\n\t\tjudgeObjDelete[type] = (_j, _deleteName) => {\r\n\t\t\tg_workObj[`judg${toCapitalize(type)}Cnt`][_j]++;\r\n\t\t\tdocument.getElementById(_deleteName).remove();\r\n\t\t\tdelete g_attrObj[_deleteName];\r\n\t\t});\r\n\r\n\t/**\r\n\t * 自動判定\r\n\t * ※mainInit内部で指定必須（arrowSprite指定）\r\n\t * \r\n\t * @param {number} _j 矢印位置\r\n\t * @param {object} _arrow 矢印(オブジェクト)\r\n\t * \r\n\t * @param {number} _k 矢印の表示順\r\n\t * @param {object} _frzRoot フリーズアロー(オブジェクト)\r\n\t * @param {number} _cnt ステップゾーン到達までのフレーム数\r\n\t * @param {number} _keyUpFrame キーを離したフレーム数\r\n\t */\r\n\tconst judgeMotionFunc = {\r\n\r\n\t\t// 矢印(枠外判定、AutoPlay: OFF)\r\n\t\tarrowOFF: (_j, _arrowName, _cnt) => {\r\n\t\t\tif (_cnt < (-1) * g_judgObj.arrowJ[g_judgPosObj.shobon]) {\r\n\t\t\t\tjudgeUwan(_cnt);\r\n\t\t\t\tjudgeObjDelete.arrow(_j, _arrowName);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t// 矢印(オート、AutoPlay: ON)\r\n\t\tarrowON: (_j, _arrowName, _cnt) => {\r\n\t\t\tif (_cnt === 0) {\r\n\t\t\t\tconst stepDivHit = document.getElementById(`stepHit${_j}`);\r\n\r\n\t\t\t\tjudgeIi(_cnt);\r\n\t\t\t\tstepDivHit.style.opacity = 1;\r\n\t\t\t\tstepDivHit.setAttribute(`cnt`, C_FRM_HITMOTION);\r\n\t\t\t\tjudgeObjDelete.arrow(_j, _arrowName);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t// ダミー矢印(オート、AutoPlay: OFF)\r\n\t\tdummyArrowOFF: (_j, _arrowName, _cnt) => {\r\n\t\t\tif (_cnt === 0) {\r\n\t\t\t\tconst stepDivHit = document.getElementById(`stepHit${_j}`);\r\n\r\n\t\t\t\tg_customJsObj.dummyArrow.forEach(func => func());\r\n\t\t\t\tstepDivHit.style.top = wUnit(-15);\r\n\t\t\t\tstepDivHit.style.opacity = 1;\r\n\t\t\t\tstepDivHit.classList.value = ``;\r\n\t\t\t\tstepDivHit.classList.add(g_cssObj.main_stepDummy);\r\n\t\t\t\tstepDivHit.setAttribute(`cnt`, C_FRM_HITMOTION);\r\n\t\t\t\tjudgeObjDelete.dummyArrow(_j, _arrowName);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t// フリーズアロー(成功時)\r\n\t\tfrzOK: (_j, _k, _frzName, _cnt) => {\r\n\t\t\tjudgeKita(_cnt);\r\n\t\t\t$id(`frzHit${_j}`).opacity = 0;\r\n\t\t\tg_attrObj[_frzName].judgEndFlg = true;\r\n\t\t\tjudgeObjDelete.frz(_j, _frzName);\r\n\t\t},\r\n\r\n\t\t// ダミーフリーズアロー(成功時)\r\n\t\tdummyFrzOK: (_j, _k, _frzName, _cnt) => {\r\n\t\t\tg_customJsObj.dummyFrz.forEach(func => func());\r\n\t\t\t$id(`frzHit${_j}`).opacity = 0;\r\n\t\t\tg_attrObj[_frzName].judgEndFlg = true;\r\n\t\t\tjudgeObjDelete.dummyFrz(_j, _frzName);\r\n\t\t},\r\n\r\n\t\t// フリーズアロー(枠外判定)\r\n\t\tfrzNG: (_j, _k, _frzName, _cnt) => {\r\n\t\t\tif (_cnt < (-1) * g_judgObj.frzJ[g_judgPosObj.iknai]) {\r\n\t\t\t\tjudgeIknai(_cnt);\r\n\t\t\t\tg_attrObj[_frzName].judgEndFlg = true;\r\n\r\n\t\t\t\tchangeFailedFrz(_j, _k);\r\n\t\t\t\tif (g_headerObj.frzStartjdgUse) {\r\n\t\t\t\t\tjudgeUwan(_cnt);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t// ダミーフリーズアロー(枠外判定)\r\n\t\tdummyFrzNG: (_j, _k, _frzName, _cnt) => { },\r\n\r\n\t\t// フリーズアロー(キーを離したときの処理)\r\n\t\tfrzKeyUp: (_j, _k, _frzName, _cnt) => {\r\n\t\t\tif (g_attrObj[_frzName].keyUpFrame > g_headerObj.frzAttempt) {\r\n\t\t\t\tjudgeIknai(_cnt);\r\n\t\t\t\tg_attrObj[_frzName].judgEndFlg = true;\r\n\t\t\t\tchangeFailedFrz(_j, _k);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t// ダミーフリーズアロー(キーを離したときの処理)\r\n\t\t// ※処理上通ることはないが、統一のために定義\r\n\t\tdummyFrzKeyUp: (_j, _k, _frzName, _cnt) => { },\r\n\r\n\t};\r\n\tjudgeMotionFunc.dummyArrowON = (_j, _arrowName, _cnt) => judgeMotionFunc.dummyArrowOFF(_j, _arrowName, _cnt);\r\n\r\n\t/**\r\n\t * 次矢印・フリーズアローへ判定を移すかチェック\r\n\t * \r\n\t * - 判定対象の矢印／フリーズアローが未判定の状態で、現在の矢印／フリーズアローの判定領域が回復判定内に入った場合、\r\n\t * 自身より前の判定をNG判定とした上で、判定対象の矢印／フリーズアローを強制的に削除\r\n\t * - ただし、判定対象の矢印／フリーズアローがジャスト付近の場合は判定対象を優先する\r\n\t * (フリーズアローの場合、ヒット中の場合も判定対象が優先される)\r\n\t * \r\n\t * @param {number} _j 矢印の位置\r\n\t * @param {number} _k 矢印の表示順\r\n\t * @param {number} _cnt ステップゾーン到達までのフレーム数\r\n\t */\r\n\tconst judgeNextFunc = {\r\n\r\n\t\tarrowOFF: (_j, _k, _cnt) => {\r\n\r\n\t\t\t// 直前のフリーズアローが未判定で、自身の判定範囲がキター(O.K.)の範囲内のとき判定対象を矢印側へ移す\r\n\t\t\t// 本来はシャキン(Great)の範囲内としたいところだが、実装が複雑になるため上記条件とする\r\n\t\t\tjudgeNextFunc.frzOFF(_j, g_workObj.judgFrzCnt[_j] + 1, _cnt);\r\n\r\n\t\t\tif (g_workObj.judgArrowCnt[_j] === _k - 1 && _cnt <= g_judgObj.arrowJ[g_judgPosObj.shakin]) {\r\n\t\t\t\tconst prevArrowName = `arrow${_j}_${g_workObj.judgArrowCnt[_j]}`;\r\n\t\t\t\tconst prevArrow = g_attrObj[prevArrowName];\r\n\r\n\t\t\t\tif (prevArrow.cnt < (-1) * g_judgObj.arrowJ[g_judgPosObj.ii]) {\r\n\r\n\t\t\t\t\t// 自身より前の矢印が未判定の場合、強制的に枠外判定を行い矢印を削除\r\n\t\t\t\t\tif (prevArrow.cnt >= (-1) * g_judgObj.arrowJ[g_judgPosObj.uwan]) {\r\n\t\t\t\t\t\tjudgeUwan(prevArrow.cnt);\r\n\t\t\t\t\t\tjudgeObjDelete.arrow(_j, prevArrowName);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tarrowON: (_j, _k, _cnt) => true,\r\n\t\tdummyArrowOFF: (_j, _k, _cnt) => true,\r\n\t\tdummyArrowON: (_j, _k, _cnt) => true,\r\n\r\n\t\tfrzOFF: (_j, _k, _cnt) => {\r\n\r\n\t\t\t// 判定対象が自身より前のフリーズアローで、自身の判定範囲がキター(O.K.)の範囲内のとき\r\n\t\t\tif (g_workObj.judgFrzCnt[_j] === _k - 1 && _cnt <= g_judgObj.frzJ[g_judgPosObj.sfsf]) {\r\n\t\t\t\tconst prevFrzName = `frz${_j}_${g_workObj.judgFrzCnt[_j]}`;\r\n\t\t\t\tconst prevFrz = g_attrObj[prevFrzName];\r\n\r\n\t\t\t\t// 自身より前のフリーズアローが移動中かつキター(O.K.)の領域外のとき\r\n\t\t\t\tif (prevFrz && prevFrz.isMoving && prevFrz.cnt < (-1) * g_judgObj.frzJ[g_judgPosObj.kita]) {\r\n\r\n\t\t\t\t\t// 自身より前のフリーズアローが未判定の場合、強制的に枠外判定を行う\r\n\t\t\t\t\tif (prevFrz.cnt >= (-1) * g_judgObj.frzJ[g_judgPosObj.iknai] && !prevFrz.judgEndFlg) {\r\n\t\t\t\t\t\tjudgeIknai(prevFrz.cnt);\r\n\t\t\t\t\t\tif (g_headerObj.frzStartjdgUse) {\r\n\t\t\t\t\t\t\tjudgeUwan(prevFrz.cnt);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// 自身より前のフリーズアローを削除して判定対象を自身に変更 (g_workObj.judgFrzCnt[_j]をカウントアップ)\r\n\t\t\t\t\tjudgeObjDelete.frz(_j, prevFrzName);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tfrzON: (_j, _k, _cnt) => {\r\n\r\n\t\t\tif (_cnt === 0) {\r\n\t\t\t\tchangeHitFrz(_j, _k, `frz`);\r\n\t\t\t\tif (g_headerObj.frzStartjdgUse) {\r\n\t\t\t\t\tjudgeIi(_cnt);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tdummyFrzOFF: (_j, _k, _cnt) => {\r\n\t\t\tif (_cnt === 0) {\r\n\t\t\t\tchangeHitFrz(_j, _k, `dummyFrz`);\r\n\t\t\t}\r\n\t\t},\r\n\t\tdummyFrzON: (_j, _k, _cnt) => {\r\n\t\t\tif (_cnt === 0) {\r\n\t\t\t\tchangeHitFrz(_j, _k, `dummyFrz`);\r\n\t\t\t}\r\n\t\t},\r\n\t};\r\n\r\n\t/**\r\n\t * フリーズアローヒット中に手を離したかどうかをチェック\r\n\t * \r\n\t * @param _j 矢印の位置\r\n\t */\r\n\tconst checkKeyUpFunc = {\r\n\t\tfrzOFF: (_j) => g_workObj.keyHitFlg[_j].find(flg => flg),\r\n\t\tfrzON: (_j) => true,\r\n\t\tdummyFrzOFF: (_j) => true,\r\n\t\tdummyFrzON: (_j) => true,\r\n\t};\r\n\r\n\t/**\r\n\t * 矢印生成\r\n\t * @param {object} _attrs 矢印個別の属性\r\n\t * (pos: 矢印種類, arrivalFrame: 到達フレーム数, initY: 初期表示位置, \r\n\t * initBoostY: Motion有効時の初期表示位置加算, motionFrame: アニメーション有効フレーム数)\r\n\t * @param {number} _arrowCnt 現在の判定矢印順\r\n\t * @param {string} _name 矢印名\r\n\t * @param {string} _color 矢印色\r\n\t * @param {string} _shadowColor 矢印塗りつぶし部分の色\r\n\t */\r\n\tconst makeArrow = (_attrs, _arrowCnt, _name, _color, _shadowColor) => {\r\n\t\tconst _j = _attrs.pos;\r\n\t\tconst dividePos = g_workObj.dividePos[_j] % 2;\r\n\t\tconst colorPos = g_keyObj[`color${keyCtrlPtn}`][_j];\r\n\r\n\t\tconst arrowName = `${_name}${_j}_${_arrowCnt}`;\r\n\t\tconst firstPosY = C_STEP_Y + g_posObj.reverseStepY * dividePos +\r\n\t\t\t(_attrs.initY * g_workObj.boostSpd +\r\n\t\t\t\t_attrs.initBoostY * g_workObj.boostDir) * g_workObj.scrollDir[_j];\r\n\r\n\t\tconst stepRoot = createEmptySprite(arrowSprite[g_workObj.dividePos[_j]], arrowName, {\r\n\t\t\tx: g_workObj.stepX[_j], y: firstPosY, w: C_ARW_WIDTH, h: C_ARW_WIDTH,\r\n\t\t});\r\n\t\t/**\r\n\t\t * 矢印毎の属性情報\r\n\t\t */\r\n\t\tg_attrObj[arrowName] = {\r\n\t\t\t// 生存フレーム数\r\n\t\t\tcnt: _attrs.arrivalFrame + 1,\r\n\t\t\t// 生存フレーム数 (ストップ分除去、個別加速/Motionオプション用)\r\n\t\t\tboostCnt: _attrs.motionFrame,\r\n\t\t\t// 個別加速量\r\n\t\t\tboostSpd: g_workObj.boostSpd,\r\n\t\t\t// ステップゾーン位置 (0: デフォルト, 1: リバース)\r\n\t\t\tdividePos: dividePos,\r\n\t\t\t// スクロール方向 (1: デフォルト, -1: リバース)\r\n\t\t\tdir: g_workObj.scrollDir[_j],\r\n\t\t\t// 個別加速方向 (1: 順方向加速, -1: 逆方向加速)\r\n\t\t\tboostDir: g_workObj.boostDir,\r\n\t\t\t// 前フレーム時の位置 (判定で使用)\r\n\t\t\tprevY: firstPosY,\r\n\t\t\t// 現フレーム時の位置\r\n\t\t\ty: firstPosY,\r\n\t\t};\r\n\t\t// 矢印色の設定\r\n\t\t// - 枠/塗りつぶし色: g_attrObj[arrowName].Arrow / ArrowShadow\r\n\t\tg_typeLists.arrowColor.forEach(val => g_attrObj[arrowName][`Arrow${val}`] = g_workObj[`${_name}${val}Colors`][_j]);\r\n\t\tarrowSprite[g_workObj.dividePos[_j]].appendChild(stepRoot);\r\n\r\n\t\tif (g_workObj[`${_name}CssMotions`][_j] !== ``) {\r\n\t\t\tstepRoot.classList.add(g_workObj[`${_name}CssMotions`][_j]);\r\n\t\t\tstepRoot.style.animationDuration = `${_attrs.arrivalFrame / g_fps}s`;\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * 矢印オブジェクトの生成\r\n\t\t * - 後で生成されたものが手前に表示されるため、塗りつぶし ⇒ 枠の順で作成\r\n\t\t */\r\n\t\t// 矢印の内側を塗りつぶすか否か\r\n\t\tif (g_headerObj.setShadowColor[colorPos] !== ``) {\r\n\t\t\t// 矢印 (塗りつぶし)\r\n\t\t\tconst arrShadow = createColorObject2(`${_name}Shadow${_j}_${_arrowCnt}`, {\r\n\t\t\t\tbackground: _shadowColor === `Default` ? _color : _shadowColor,\r\n\t\t\t\trotate: g_workObj.arrowRtn[_j], styleName: `Shadow`,\r\n\t\t\t});\r\n\t\t\tif (_shadowColor === `Default`) {\r\n\t\t\t\tarrShadow.style.opacity = 0.5;\r\n\t\t\t}\r\n\t\t\tstepRoot.appendChild(arrShadow);\r\n\t\t}\r\n\r\n\t\t// 矢印 (枠)\r\n\t\tstepRoot.appendChild(createColorObject2(`${_name}Top${_j}_${_arrowCnt}`, {\r\n\t\t\tbackground: _color, rotate: g_workObj.arrowRtn[_j],\r\n\t\t}));\r\n\t\tg_customJsObj.makeArrow.forEach(func => func(_attrs, arrowName, _name, _arrowCnt));\r\n\t};\r\n\r\n\t/**\r\n\t * 矢印移動メイン\r\n\t * @param {number} _j \r\n\t * @param {number} _k \r\n\t * @param {string} _name \r\n\t */\r\n\tconst movArrow = (_j, _k, _name) => {\r\n\t\tconst arrowName = `${_name}${_j}_${_k}`;\r\n\t\tconst currentArrow = g_attrObj[arrowName];\r\n\r\n\t\t// 全体色変化 (移動時)\r\n\t\tchangeColorFunc[_name](_j, _k);\r\n\r\n\t\t// 移動\r\n\t\tif (g_workObj.currentSpeed !== 0) {\r\n\t\t\tconst boostCnt = currentArrow.boostCnt;\r\n\t\t\tcurrentArrow.prevY = currentArrow.y;\r\n\t\t\tcurrentArrow.y -= (g_workObj.currentSpeed * currentArrow.boostSpd +\r\n\t\t\t\t(g_workObj.motionOnFrames[boostCnt] || 0) * currentArrow.boostDir) * currentArrow.dir;\r\n\t\t\t$id(arrowName).top = wUnit(currentArrow.y);\r\n\t\t\tcurrentArrow.boostCnt--;\r\n\t\t}\r\n\t\tjudgeMotionFunc[`${_name}${g_stateObj.autoAll}`](_j, arrowName, --currentArrow.cnt);\r\n\t\tjudgeNextFunc[`${_name}${g_stateObj.autoAll}`](_j, _k, currentArrow.cnt);\r\n\t};\r\n\r\n\t/**\r\n\t * フリーズアロー生成\r\n\t * @param {object} _attrs フリーズアロー個別の属性\r\n\t * (pos: 矢印種類, arrivalFrame: 到達フレーム数, initY: 初期表示位置, \r\n\t * initBoostY: Motion有効時の初期表示位置加算, motionFrame: アニメーション有効フレーム数)\r\n\t * @param {number} _arrowCnt 現在の判定フリーズアロー順\r\n\t * @param {string} _name フリーズアロー名\r\n\t * @param {string} _normalColor フリーズアロー(矢印)の色\r\n\t * @param {string} _barColor フリーズアロー(帯)の色\r\n\t * @param {string} _shadowColor フリーズアロー(塗りつぶし)の色\r\n\t */\r\n\tconst makeFrzArrow = (_attrs, _arrowCnt, _name, _normalColor, _barColor, _shadowColor) => {\r\n\t\tconst _j = _attrs.pos;\r\n\t\tconst dividePos = g_workObj.dividePos[_j] % 2;\r\n\t\tconst frzNo = `${_j}_${_arrowCnt}`;\r\n\t\tconst frzName = `${_name}${frzNo}`;\r\n\t\tconst firstPosY = C_STEP_Y + g_posObj.reverseStepY * dividePos +\r\n\t\t\t(_attrs.initY * g_workObj.boostSpd +\r\n\t\t\t\t_attrs.initBoostY * g_workObj.boostDir) * g_workObj.scrollDir[_j];\r\n\t\tconst firstBarLength = g_workObj[`mk${toCapitalize(_name)}Length`][_j][(_arrowCnt - 1) * 2] * g_workObj.boostSpd;\r\n\r\n\t\tconst frzRoot = createEmptySprite(arrowSprite[g_workObj.dividePos[_j]], frzName, {\r\n\t\t\tx: g_workObj.stepX[_j], y: firstPosY, w: C_ARW_WIDTH, h: C_ARW_WIDTH + firstBarLength,\r\n\t\t});\r\n\t\t/**\r\n\t\t * フリーズアロー毎の属性情報\r\n\t\t */\r\n\t\tg_attrObj[frzName] = {\r\n\t\t\t// 生存フレーム数\r\n\t\t\tcnt: _attrs.arrivalFrame + 1,\r\n\t\t\t// 生存フレーム数 (ストップ分除去、個別加速/Motionオプション用)\r\n\t\t\tboostCnt: _attrs.motionFrame,\r\n\t\t\t// 判定終了フラグ (false: 未判定, true: 判定済)\r\n\t\t\tjudgEndFlg: false,\r\n\t\t\t// 移動中フラグ (false: 押しっぱなしの状態, true: 移動中)\r\n\t\t\tisMoving: true,\r\n\t\t\t// フリーズアローの長さ\r\n\t\t\tfrzBarLength: firstBarLength,\r\n\t\t\t// キーを離していたフレーム数 (基準値超えでNG判定)\r\n\t\t\tkeyUpFrame: 0,\r\n\t\t\t// 個別加速量\r\n\t\t\tboostSpd: g_workObj.boostSpd,\r\n\t\t\t// ステップゾーン位置 (0: デフォルト, 1: リバース)\r\n\t\t\tdividePos: dividePos,\r\n\t\t\t// スクロール方向 (1: デフォルト, -1: リバース)\r\n\t\t\tdir: g_workObj.scrollDir[_j],\r\n\t\t\t// 個別加速方向 (1: 順方向加速, -1: 逆方向加速)\r\n\t\t\tboostDir: g_workObj.boostDir,\r\n\t\t\t// 現フレーム時のフリーズアロー本体の位置\r\n\t\t\ty: firstPosY,\r\n\t\t\t// フリーズアロー(帯)の相対位置\r\n\t\t\tbarY: C_ARW_WIDTH / 2 - firstBarLength * dividePos,\r\n\t\t\t// フリーズアロー(対矢印)の相対位置\r\n\t\t\tbtmY: firstBarLength * g_workObj.scrollDir[_j],\r\n\t\t};\r\n\t\t// フリーズアロー色の設定\r\n\t\t// - 通常時 (矢印枠/矢印塗りつぶし/帯): g_attrObj[frzName].Normal / NormalShadow / NormalBar\r\n\t\t// - ヒット時 (矢印枠/矢印塗りつぶし/帯): g_attrObj[frzName].Hit / HitShadow / HitBar\r\n\t\t// - ヒット時（矢印枠/矢印塗りつぶし/帯別の生成時全体色）: g_attrObj[frzName].HitAll / HitShadowAll / HitBarAll\r\n\t\tg_typeLists.frzColor.forEach(val => {\r\n\t\t\tg_attrObj[frzName][val] = g_workObj[`${_name}${val}Colors`][_j];\r\n\t\t\tif (val.startsWith(`Hit`)) {\r\n\t\t\t\tg_attrObj[frzName][`${val}All`] = g_workObj[`${_name}${val}ColorsAll`][_j];\r\n\t\t\t}\r\n\t\t});\r\n\t\tarrowSprite[g_workObj.dividePos[_j]].appendChild(frzRoot);\r\n\t\tlet shadowColor = _shadowColor === `Default` ? _normalColor : _shadowColor;\r\n\r\n\t\t/**\r\n\t\t * フリーズアローオブジェクトの生成\r\n\t\t * - 後で生成されたものが手前に表示されるため、以下の順で作成\r\n\t\t */\r\n\t\tmultiAppend(frzRoot,\r\n\r\n\t\t\t// フリーズアロー帯(frzBar)\r\n\t\t\tcreateColorObject2(`${_name}Bar${frzNo}`, {\r\n\t\t\t\tx: 5, y: g_attrObj[frzName].barY, w: C_ARW_WIDTH - 10, h: firstBarLength, background: _barColor, styleName: `frzBar`,\r\n\t\t\t\topacity: 0.75,\r\n\t\t\t}),\r\n\t\t);\r\n\t\tconst frzTopRoot = createEmptySprite(frzRoot, `${_name}TopRoot${frzNo}`,\r\n\t\t\t{ x: 0, y: 0, w: C_ARW_WIDTH, h: C_ARW_WIDTH });\r\n\t\tconst frzBtmRoot = createEmptySprite(frzRoot, `${_name}BtmRoot${frzNo}`,\r\n\t\t\t{ x: 0, y: g_attrObj[frzName].btmY, w: C_ARW_WIDTH, h: C_ARW_WIDTH });\r\n\r\n\t\tmultiAppend(frzTopRoot,\r\n\r\n\t\t\t// 開始矢印の塗り部分。ヒット時は前面に表示\r\n\t\t\tcreateColorObject2(`${_name}TopShadow${frzNo}`, {\r\n\t\t\t\tbackground: shadowColor, rotate: g_workObj.arrowRtn[_j], styleName: `Shadow`,\r\n\t\t\t}, g_cssObj.main_objShadow),\r\n\r\n\t\t\t// 開始矢印。ヒット時は非表示\r\n\t\t\tcreateColorObject2(`${_name}Top${frzNo}`, {\r\n\t\t\t\tbackground: _normalColor, rotate: g_workObj.arrowRtn[_j],\r\n\t\t\t}),\r\n\t\t);\r\n\r\n\t\tmultiAppend(frzBtmRoot,\r\n\r\n\t\t\t// 後発矢印の塗り部分\r\n\t\t\tcreateColorObject2(`${_name}BtmShadow${frzNo}`, {\r\n\t\t\t\tbackground: shadowColor, rotate: g_workObj.arrowRtn[_j], styleName: `Shadow`,\r\n\t\t\t}, g_cssObj.main_objShadow),\r\n\r\n\t\t\t// 後発矢印\r\n\t\t\tcreateColorObject2(`${_name}Btm${frzNo}`, {\r\n\t\t\t\tbackground: _normalColor, rotate: g_workObj.arrowRtn[_j],\r\n\t\t\t}),\r\n\r\n\t\t);\r\n\t\tif (g_workObj[`${_name}CssMotions`][_j] !== ``) {\r\n\t\t\tfrzRoot.classList.add(g_workObj[`${_name}CssMotions`][_j]);\r\n\t\t\tfrzRoot.style.animationDuration = `${_attrs.arrivalFrame / g_fps}s`;\r\n\t\t}\r\n\t\tif (g_workObj[`${_name}ArrowCssMotions`][_j] !== ``) {\r\n\t\t\t[frzTopRoot, frzBtmRoot].forEach(obj => {\r\n\t\t\t\tobj.classList.add(g_workObj[`${_name}ArrowCssMotions`][_j]);\r\n\t\t\t\tobj.style.animationDuration = `${_attrs.arrivalFrame / g_fps}s`;\r\n\t\t\t});\r\n\t\t}\r\n\t\tg_customJsObj.makeFrzArrow.forEach(func => func(_attrs, frzName, _name, _arrowCnt));\r\n\t};\r\n\r\n\t/**\r\n\t * フリーズアロー処理メイン\r\n\t * @param {number} _j \r\n\t * @param {number} _k \r\n\t * @param {string} _name \r\n\t */\r\n\tconst movFrzArrow = (_j, _k, _name) => {\r\n\t\tconst frzNo = `${_j}_${_k}`;\r\n\t\tconst frzName = `${_name}${frzNo}`;\r\n\t\tconst currentFrz = g_attrObj[frzName];\r\n\t\tconst movY = g_workObj.currentSpeed * currentFrz.boostSpd * currentFrz.dir;\r\n\r\n\t\tif (!currentFrz.judgEndFlg) {\r\n\t\t\tif (currentFrz.isMoving) {\r\n\r\n\t\t\t\t// 全体色変化 (通常時)\r\n\t\t\t\tchangeColorFunc[_name](_j, _k, `Normal`);\r\n\r\n\t\t\t\t// 移動\r\n\t\t\t\tif (g_workObj.currentSpeed !== 0) {\r\n\t\t\t\t\tcurrentFrz.y -= movY + (g_workObj.motionOnFrames[currentFrz.boostCnt] || 0) * currentFrz.dir * currentFrz.boostDir;\r\n\t\t\t\t\t$id(frzName).top = wUnit(currentFrz.y);\r\n\t\t\t\t\tcurrentFrz.boostCnt--;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentFrz.cnt--;\r\n\r\n\t\t\t\t// 次フリーズアローへ判定を移すかチェック\r\n\t\t\t\tjudgeNextFunc[`${_name}${g_stateObj.autoAll}`](_j, _k, currentFrz.cnt);\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\t// 全体色変化 (ヒット時)\r\n\t\t\t\tchangeColorFunc[_name](_j, _k, `Hit`);\r\n\r\n\t\t\t\t// フリーズアローがヒット中の処理\r\n\t\t\t\tif (currentFrz.frzBarLength > 0) {\r\n\r\n\t\t\t\t\tcurrentFrz.frzBarLength -= movY * currentFrz.dir;\r\n\t\t\t\t\tcurrentFrz.barY -= movY * currentFrz.dividePos;\r\n\t\t\t\t\tcurrentFrz.btmY -= movY;\r\n\r\n\t\t\t\t\t$id(`${_name}Bar${frzNo}`).height = wUnit(currentFrz.frzBarLength);\r\n\t\t\t\t\t$id(`${_name}Bar${frzNo}`).top = wUnit(currentFrz.barY);\r\n\t\t\t\t\t$id(`${_name}BtmRoot${frzNo}`).top = wUnit(currentFrz.btmY);\r\n\r\n\t\t\t\t\tif (!checkKeyUpFunc[`${_name}${g_stateObj.autoAll}`](_j)) {\r\n\t\t\t\t\t\tcurrentFrz.keyUpFrame++;\r\n\t\t\t\t\t\tjudgeMotionFunc[`${_name}KeyUp`](_j, _k, frzName, currentFrz.cnt);\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tjudgeMotionFunc[`${_name}OK`](_j, _k, frzName, currentFrz.cnt);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// フリーズアローが枠外に出たときの処理\r\n\t\t\tjudgeMotionFunc[`${_name}NG`](_j, _k, frzName, currentFrz.cnt);\r\n\r\n\t\t} else {\r\n\t\t\tcurrentFrz.frzBarLength -= movY * currentFrz.dir;\r\n\t\t\tif (currentFrz.frzBarLength > 0) {\r\n\t\t\t\tcurrentFrz.y -= movY;\r\n\t\t\t\t$id(frzName).top = wUnit(currentFrz.y);\r\n\t\t\t} else {\r\n\t\t\t\tjudgeObjDelete[_name](_j, frzName);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * フレーム処理(譜面台)\r\n\t */\r\n\tconst flowTimeline = () => {\r\n\r\n\t\tconst currentFrame = g_scoreObj.frameNum;\r\n\t\tlblframe.textContent = g_scoreObj.baseFrame;\r\n\r\n\t\t// キーの押下状態を取得\r\n\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\tfor (let m = 0; m < g_workObj.keyCtrlN[j].length; m++) {\r\n\t\t\t\tg_workObj.keyHitFlg[j][m] = keyIsDown(g_workObj.keyCtrlN[j][m]);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (currentFrame === musicStartFrame) {\r\n\t\t\tmusicStartFlg = true;\r\n\r\n\t\t\t// ローカルかつBase64エンコード無し(WebAudioAPI使用不可)のときは従来通り再生\r\n\t\t\tif (!(g_audio instanceof AudioPlayer)) {\r\n\t\t\t\tmusicStartTime = performance.now();\r\n\t\t\t\tg_audio.play();\r\n\t\t\t\tg_audio.dispatchEvent(new CustomEvent(`timeupdate`));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// 背景・マスクモーション、スキン変更\r\n\t\tg_animationData.filter(sprite => g_scoreObj[`${sprite}Data`][currentFrame] !== undefined)\r\n\t\t\t.forEach(sprite => g_animationFunc.drawMain[sprite](currentFrame, sprite));\r\n\r\n\t\t// フェードイン・アウト\r\n\t\tconst isFadeOutArea = currentFrame >= g_scoreObj.fadeOutFrame && currentFrame < g_scoreObj.fadeOutFrame + g_scoreObj.fadeOutTerm;\r\n\t\tif (g_audio.volume >= g_stateObj.volume / 100) {\r\n\t\t\tmusicStartFlg = false;\r\n\t\t}\r\n\t\tif (musicStartFlg) {\r\n\t\t\tg_audio.volume = Math.min((g_audio.volume + (3 * g_stateObj.volume / 100) / 1000), 1);\r\n\t\t} else if (isFadeOutArea) {\r\n\t\t\tg_audio.volume = Math.max((g_audio.volume - (3 * g_stateObj.volume / 100 * C_FRM_AFTERFADE / g_scoreObj.fadeOutTerm) / 1000), 0);\r\n\t\t}\r\n\r\n\t\t// 画面揺れの設定\r\n\t\tg_shakingFunc.get(g_stateObj.shaking)();\r\n\r\n\t\t// ユーザカスタムイベント(フレーム毎)\r\n\t\tg_customJsObj.mainEnterFrame.forEach(func => func());\r\n\r\n\t\t// 速度変化 (途中変速, 個別加速)\r\n\t\twhile (currentFrame >= g_workObj.speedData?.[speedCnts]) {\r\n\t\t\tg_workObj.currentSpeed = g_workObj.speedData[speedCnts + 1];\r\n\t\t\tspeedCnts += 2;\r\n\t\t}\r\n\t\twhile (currentFrame >= g_workObj.boostData?.[boostCnts]) {\r\n\t\t\tg_workObj.boostSpd = g_workObj.boostData[boostCnts + 1];\r\n\t\t\tg_workObj.boostDir = (g_workObj.boostSpd > 0 ? 1 : -1);\r\n\t\t\tboostCnts += 2;\r\n\t\t}\r\n\r\n\t\tobjList.forEach(header => {\r\n\t\t\tconst headerU = toCapitalize(header);\r\n\r\n\t\t\t// 個別・全体色変化 (矢印)\r\n\t\t\tg_typeLists.arrowColor.forEach(ctype =>\r\n\t\t\t\tchangeColors(g_workObj[`mk${headerU}Color${ctype}`]?.[currentFrame],\r\n\t\t\t\t\tg_workObj[`mk${headerU}Color${ctype}Cd`]?.[currentFrame], header, `arrow${ctype}`));\r\n\r\n\t\t\t// 個別・全体色変化（フリーズアロー）\r\n\t\t\tg_typeLists.frzColor.forEach(ctype =>\r\n\t\t\t\tchangeColors(g_workObj[`mk${headerU}FColor${ctype}`]?.[currentFrame],\r\n\t\t\t\t\tg_workObj[`mk${headerU}FColor${ctype}Cd`]?.[currentFrame], header, `frz${ctype}`));\r\n\r\n\t\t\t// 矢印モーション\r\n\t\t\tchangeCssMotions(header, `arrow`, currentFrame);\r\n\r\n\t\t\t// フリーズアローモーション\r\n\t\t\tchangeCssMotions(header, `frz`, currentFrame);\r\n\r\n\t\t});\r\n\r\n\t\t// キー変化\r\n\t\twhile (currentFrame >= g_scoreObj.keychFrames[keychCnts]) {\r\n\t\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\t\tappearKeyTypes(j, g_scoreObj.keychTarget[keychCnts], g_scoreObj.keychTargetAlpha[keychCnts]);\r\n\t\t\t}\r\n\t\t\tkeychCnts++;\r\n\t\t}\r\n\r\n\t\t// スクロール変化\r\n\t\tchangeScrollArrowDirs(currentFrame);\r\n\t\tchangeStepY(currentFrame);\r\n\r\n\t\t// ダミー矢印生成（背面に表示するため先に処理）\r\n\t\tg_workObj.mkDummyArrow?.[currentFrame]?.forEach(data =>\r\n\t\t\tmakeArrow(data, ++dummyArrowCnts[data.pos], `dummyArrow`, g_workObj.dummyArrowColors[data.pos], g_workObj.dummyArrowShadowColors[data.pos]));\r\n\r\n\t\t// 矢印生成\r\n\t\tg_workObj.mkArrow[currentFrame]?.forEach(data =>\r\n\t\t\tmakeArrow(data, ++arrowCnts[data.pos], `arrow`, g_workObj.arrowColors[data.pos], g_workObj.arrowShadowColors[data.pos]));\r\n\r\n\t\t// ダミーフリーズアロー生成\r\n\t\tg_workObj.mkDummyFrzArrow?.[currentFrame]?.forEach(data =>\r\n\t\t\tmakeFrzArrow(data, ++dummyFrzCnts[data.pos], `dummyFrz`, g_workObj.dummyFrzNormalColors[data.pos],\r\n\t\t\t\tg_workObj.dummyFrzNormalBarColors[data.pos], g_workObj.dummyFrzNormalShadowColors[data.pos]));\r\n\r\n\t\t// フリーズアロー生成\r\n\t\tg_workObj.mkFrzArrow[currentFrame]?.forEach(data =>\r\n\t\t\tmakeFrzArrow(data, ++frzCnts[data.pos], `frz`, g_workObj.frzNormalColors[data.pos],\r\n\t\t\t\tg_workObj.frzNormalBarColors[data.pos], g_workObj.frzNormalShadowColors[data.pos]));\r\n\r\n\t\t// 矢印・フリーズアロー移動＆消去\r\n\t\tfor (let j = 0; j < keyNum; j++) {\r\n\t\t\tconst stepDivHit = document.getElementById(`stepHit${j}`);\r\n\r\n\t\t\t// ダミー矢印\r\n\t\t\tfor (let k = g_workObj.judgDummyArrowCnt[j]; k <= dummyArrowCnts[j]; k++) {\r\n\t\t\t\tmovArrow(j, k, `dummyArrow`);\r\n\t\t\t}\r\n\r\n\t\t\t// 通常矢印\r\n\t\t\tfor (let k = g_workObj.judgArrowCnt[j]; k <= arrowCnts[j]; k++) {\r\n\t\t\t\tmovArrow(j, k, `arrow`);\r\n\t\t\t}\r\n\r\n\t\t\t// ダミーフリーズアロー移動\r\n\t\t\tfor (let k = g_workObj.judgDummyFrzCnt[j]; k <= dummyFrzCnts[j]; k++) {\r\n\t\t\t\tmovFrzArrow(j, k, `dummyFrz`);\r\n\t\t\t}\r\n\r\n\t\t\t// フリーズアロー移動\r\n\t\t\tfor (let k = g_workObj.judgFrzCnt[j]; k <= frzCnts[j]; k++) {\r\n\t\t\t\tmovFrzArrow(j, k, `frz`);\r\n\t\t\t}\r\n\r\n\t\t\t// ステップゾーンのヒット領域は一定時間で非表示化\r\n\t\t\tlet hitCnt = stepDivHit.getAttribute(`cnt`);\r\n\t\t\tif (hitCnt > 0) {\r\n\t\t\t\tstepDivHit.setAttribute(`cnt`, --hitCnt);\r\n\t\t\t\tif (hitCnt === 0) {\r\n\t\t\t\t\tstepDivHit.style.opacity = 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// 歌詞表示\r\n\t\tg_scoreObj.wordData[currentFrame]?.forEach(tmpObj => {\r\n\t\t\tg_wordObj.wordDir = tmpObj[0];\r\n\t\t\tg_wordObj.wordDat = tmpObj[1];\r\n\t\t\tg_wordSprite = document.getElementById(`lblword${g_wordObj.wordDir}`);\r\n\r\n\t\t\tconst wordDepth = Number(g_wordObj.wordDir);\r\n\t\t\tif (g_wordObj.wordDat.substring(0, 5) === `[fade`) {\r\n\r\n\t\t\t\t// フェードイン・アウト開始\r\n\t\t\t\tconst fkey = fadeFlgs[Object.keys(fadeFlgs).find(flg => g_wordObj.wordDat === `[${flg}]`)];\r\n\t\t\t\tg_wordObj[`fade${fkey[0]}Flg${wordDepth}`] = true;\r\n\t\t\t\tg_wordObj[`fade${fkey[1]}Flg${wordDepth}`] = false;\r\n\t\t\t\tg_wordSprite.style.animationName =\r\n\t\t\t\t\t`fade${fkey[0]}${(++g_workObj[`fade${fkey[0]}No`][wordDepth] % 2)}`;\r\n\r\n\t\t\t\tg_workObj.lastFadeFrame[wordDepth] = currentFrame;\r\n\t\t\t\tg_workObj.wordFadeFrame[wordDepth] = (tmpObj.length > 2 ?\r\n\t\t\t\t\tsetIntVal(tmpObj[2], C_WOD_FRAME) : C_WOD_FRAME);\r\n\r\n\t\t\t\tg_wordSprite.style.animationDuration = `${g_workObj.wordFadeFrame[wordDepth] / g_fps}s`;\r\n\t\t\t\tg_wordSprite.style.animationTimingFunction = `linear`;\r\n\t\t\t\tg_wordSprite.style.animationFillMode = `forwards`;\r\n\r\n\t\t\t} else if ([`[center]`, `[left]`, `[right]`].includes(g_wordObj.wordDat)) {\r\n\r\n\t\t\t\t// 歌詞位置変更\r\n\t\t\t\tg_wordSprite.style.textAlign = g_wordObj.wordDat.slice(1, -1);\r\n\r\n\t\t\t} else if (/\\[fontSize=\\d+\\]/.test(g_wordObj.wordDat)) {\r\n\r\n\t\t\t\t// フォントサイズ変更\r\n\t\t\t\tconst fontSize = setIntVal(g_wordObj.wordDat.match(/\\d+/)[0], g_limitObj.mainSiz);\r\n\t\t\t\tg_wordSprite.style.fontSize = wUnit(fontSize);\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\t// フェードイン・アウト処理後、表示する歌詞を表示\r\n\t\t\t\tconst fadingFlg = currentFrame - g_workObj.lastFadeFrame[wordDepth] >= g_workObj.wordFadeFrame[wordDepth];\r\n\t\t\t\t[`Out`, `In`].filter(pattern => g_wordObj[`fade${pattern}Flg${g_wordObj.wordDir}`] && fadingFlg).forEach(pattern => {\r\n\t\t\t\t\tg_wordSprite.style.animationName = `none`;\r\n\t\t\t\t\tg_wordObj[`fade${pattern}Flg${g_wordObj.wordDir}`] = false;\r\n\t\t\t\t});\r\n\t\t\t\tg_workObj[`word${g_wordObj.wordDir}Data`] = g_wordObj.wordDat;\r\n\t\t\t\tg_wordSprite.innerHTML = g_wordObj.wordDat;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// 判定キャラクタ消去\r\n\t\tjdgGroups.forEach(jdg => {\r\n\t\t\tlet charaJCnt = document.getElementById(`chara${jdg}`).getAttribute(`cnt`);\r\n\t\t\tif (charaJCnt > 0) {\r\n\t\t\t\tdocument.getElementById(`chara${jdg}`).setAttribute(`cnt`, --charaJCnt);\r\n\t\t\t\tif (charaJCnt === 0) {\r\n\t\t\t\t\tdocument.getElementById(`chara${jdg}`).textContent = ``;\r\n\t\t\t\t\tdocument.getElementById(`combo${jdg}`).textContent = ``;\r\n\t\t\t\t\tdocument.getElementById(`diff${jdg}`).textContent = ``;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// 曲終了判定\r\n\t\tif (currentFrame >= fullFrame) {\r\n\t\t\tif (g_stateObj.lifeMode === C_LFE_BORDER && g_workObj.lifeVal < g_workObj.lifeBorder) {\r\n\t\t\t\tg_gameOverFlg = true;\r\n\t\t\t}\r\n\t\t\tresetKeyControl();\r\n\t\t\tclearTimeout(g_timeoutEvtId);\r\n\t\t\tg_workObj.mainEndTime = thisTime;\r\n\t\t\tresultInit();\r\n\r\n\t\t} else if (g_workObj.lifeVal === 0 && g_workObj.lifeBorder === 0) {\r\n\r\n\t\t\t// ライフ制＆ライフ０の場合は途中終了\r\n\t\t\tg_audio.pause();\r\n\t\t\tclearTimeout(g_timeoutEvtId);\r\n\t\t\tg_gameOverFlg = true;\r\n\t\t\tg_finishFlg = false;\r\n\t\t\tresultInit();\r\n\r\n\t\t} else {\r\n\r\n\t\t\t// タイマー\r\n\t\t\tif (Math.floor(g_scoreObj.baseFrame % g_fps) === 0) {\r\n\t\t\t\tif (g_scoreObj.baseFrame >= 0) {\r\n\t\t\t\t\tlblTime1.textContent = transFrameToTimer(g_scoreObj.baseFrame);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// 60fpsから遅延するため、その差分を取って次回のタイミングで遅れをリカバリする\r\n\t\t\tthisTime = performance.now();\r\n\t\t\tbuffTime = 0;\r\n\t\t\tif (g_audio instanceof AudioPlayer || currentFrame >= musicStartFrame) {\r\n\t\t\t\tbuffTime = (thisTime - musicStartTime - (currentFrame - musicStartFrame) * 1000 / g_fps);\r\n\t\t\t}\r\n\t\t\tg_scoreObj.frameNum++;\r\n\t\t\tg_scoreObj.baseFrame++;\r\n\t\t\tg_timeoutEvtId = setTimeout(flowTimeline, 1000 / g_fps - buffTime);\r\n\t\t}\r\n\t};\r\n\tg_skinJsObj.main.forEach(func => func());\r\n\r\n\tg_audio.currentTime = firstFrame / g_fps * g_headerObj.playbackRate;\r\n\tg_audio.playbackRate = g_headerObj.playbackRate;\r\n\r\n\t// WebAudioAPIが使用できる場合は小数フレーム分だけ音源位置を調整\r\n\tif (g_audio instanceof AudioPlayer) {\r\n\t\tconst musicStartAdjustment = (g_headerObj.blankFrame - g_stateObj.decimalAdjustment + 1) / g_fps;\r\n\t\tmusicStartTime = performance.now() + (musicStartAdjustment + g_scheduleLead) * 1000;\r\n\t\tg_audio.play(musicStartAdjustment);\r\n\t}\r\n\r\n\tg_timeoutEvtId = setTimeout(flowTimeline, 1000 / g_fps);\r\n};\r\n\r\n/**\r\n * ステップゾーン、フリーズアローヒット部分の生成\r\n * @param {number} _j \r\n * @param {string} _keyCtrlPtn \r\n */\r\nconst makeStepZone = (_j, _keyCtrlPtn) => {\r\n\r\n\tconst colorPos = g_keyObj[`color${_keyCtrlPtn}`][_j];\r\n\tconst stepSpriteJ = document.getElementById(`stepSprite${g_workObj.dividePos[_j]}`);\r\n\tconst frzHitSpriteJ = document.getElementById(`frzHitSprite${g_workObj.dividePos[_j]}`);\r\n\r\n\t// ステップゾーンルート\r\n\tconst stepRoot = createEmptySprite(stepSpriteJ, `stepRoot${_j}`, {\r\n\t\tx: g_workObj.stepX[_j], y: C_STEP_Y + g_posObj.reverseStepY * (g_workObj.dividePos[_j] % 2),\r\n\t\tw: C_ARW_WIDTH, h: C_ARW_WIDTH,\r\n\t});\r\n\r\n\t// 矢印の内側を塗りつぶすか否か\r\n\tif (g_headerObj.setShadowColor[colorPos] !== ``) {\r\n\t\tstepRoot.appendChild(\r\n\t\t\tcreateColorObject2(`stepShadow${_j}`, {\r\n\t\t\t\trotate: g_workObj.stepRtn[_j], styleName: `ShadowStep`,\r\n\t\t\t\topacity: 0.7, display: g_workObj.stepZoneDisp,\r\n\t\t\t}, g_cssObj.main_objStepShadow)\r\n\t\t);\r\n\t}\r\n\r\n\tappearStepZone(_j, C_DIS_NONE);\r\n\r\n\t// ステップゾーン\r\n\tmultiAppend(stepRoot,\r\n\r\n\t\t// 本体\r\n\t\tcreateColorObject2(`step${_j}`, {\r\n\t\t\trotate: g_workObj.stepRtn[_j], styleName: `Step`, display: g_workObj.stepZoneDisp,\r\n\t\t}, g_cssObj.main_stepDefault),\r\n\r\n\t\t// 空押し\r\n\t\tcreateColorObject2(`stepDiv${_j}`, {\r\n\t\t\trotate: g_workObj.stepRtn[_j], styleName: `Step`, display: C_DIS_NONE,\r\n\t\t}, g_cssObj.main_stepKeyDown),\r\n\r\n\t\t// ヒット時モーション\r\n\t\tcreateColorObject2(`stepHit${_j}`, Object.assign(g_lblPosObj.stepHit, {\r\n\t\t\trotate: g_workObj.stepHitRtn[_j], styleName: `StepHit`, opacity: 0,\r\n\t\t}), g_cssObj.main_stepDefault),\r\n\r\n\t);\r\n\r\n\t// フリーズアローヒット部分\r\n\tconst frzHit = createEmptySprite(frzHitSpriteJ, `frzHit${_j}`, {\r\n\t\tx: g_workObj.stepX[_j], y: C_STEP_Y + g_posObj.reverseStepY * (g_workObj.dividePos[_j] % 2),\r\n\t\tw: C_ARW_WIDTH, h: C_ARW_WIDTH, opacity: 0,\r\n\t});\r\n\tif (isNaN(parseFloat(g_workObj.arrowRtn[_j]))) {\r\n\t\tmultiAppend(frzHit,\r\n\t\t\tcreateColorObject2(`frzHitShadow${_j}`, {\r\n\t\t\t\trotate: g_workObj.arrowRtn[_j], styleName: `Shadow`,\r\n\t\t\t}, g_cssObj.main_objShadow),\r\n\t\t\tcreateColorObject2(`frzHitTop${_j}`, {\r\n\t\t\t\tbackground: g_workObj.frzHitColors[_j], rotate: g_workObj.arrowRtn[_j],\r\n\t\t\t})\r\n\t\t);\r\n\t} else {\r\n\t\tfrzHit.appendChild(\r\n\t\t\tcreateColorObject2(`frzHitTop${_j}`, Object.assign(g_lblPosObj.frzHitTop, {\r\n\t\t\t\trotate: g_workObj.arrowRtn[_j], styleName: `Shadow`,\r\n\t\t\t}), g_cssObj.main_frzHitTop)\r\n\t\t);\r\n\t}\r\n};\r\n\r\n/**\r\n * アルファマスクの再描画 (Appearance: Hidden+, Sudden+ 用)\r\n * @param {number} _num \r\n * @param {boolean} _shiftFlg シフトキーを押したかどうかのフラグ\r\n */\r\nconst changeAppearanceFilter = (_num = 10, _shiftFlg = keyIsShift()) => {\r\n\tconst MAX_FILTER_POS = 100;\r\n\tconst topNum = g_hidSudObj[g_stateObj.appearance];\r\n\tconst bottomNum = (g_hidSudObj[g_stateObj.appearance] + 1) % 2;\r\n\tif (g_stateObj.appearance === `Hid&Sud+` && _num > MAX_FILTER_POS / 2) {\r\n\t\t_num = MAX_FILTER_POS / 2;\r\n\t}\r\n\r\n\t// アルファマスクの位置設定\r\n\tconst numPlus = (g_stateObj.appearance === `Hid&Sud+` ? _num : 0);\r\n\tconst topShape = `inset(${_num}% 0% ${numPlus}% 0%)`;\r\n\tconst bottomShape = `inset(${numPlus}% 0% ${_num}% 0%)`;\r\n\r\n\t// フィルターバーの位置設定\r\n\tconst appearPers = [_num, MAX_FILTER_POS - _num];\r\n\tconst topDist = g_posObj.arrowHeight * appearPers[topNum] / MAX_FILTER_POS;\r\n\tconst bottomDist = g_posObj.arrowHeight * appearPers[bottomNum] / MAX_FILTER_POS;\r\n\r\n\tfor (let j = 0; j < g_stateObj.layerNum; j += 2) {\r\n\t\t$id(`arrowSprite${topNum + j}`).clipPath = topShape;\r\n\t\t$id(`arrowSprite${bottomNum + j}`).clipPath = bottomShape;\r\n\r\n\t\t$id(`filterBar${topNum + j}`).top = wUnit(parseFloat($id(`arrowSprite${j}`).top) + topDist);\r\n\t\t$id(`filterBar${bottomNum + j}`).top = wUnit(parseFloat($id(`arrowSprite${j + 1}`).top) + bottomDist);\r\n\r\n\t\tif (![`Default`, `Halfway`].includes(g_stateObj.stepArea)) {\r\n\t\t\t$id(`filterBar${bottomNum + j}_HS`).top = wUnit(parseFloat($id(`arrowSprite${j}`).top) + bottomDist);\r\n\t\t\t$id(`filterBar${topNum + j}_HS`).top = wUnit(parseFloat($id(`arrowSprite${j + 1}`).top) + topDist);\r\n\t\t}\r\n\r\n\t\t// 階層が多い場合はShift+pgUp/pgDownで表示する階層グループを切り替え\r\n\t\tif (_shiftFlg && g_stateObj.d_filterline === C_FLG_ON) {\r\n\t\t\t[`${topNum + j}`, `${bottomNum + j}`].forEach(type => {\r\n\t\t\t\tconst displayState = (j === g_workObj.aprFilterCnt ? C_DIS_INHERIT : C_DIS_NONE);\r\n\t\t\t\t$id(`filterBar${type}`).display = displayState;\r\n\r\n\t\t\t\tif (![`Default`, `Halfway`].includes(g_stateObj.stepArea)) {\r\n\t\t\t\t\t$id(`filterBar${type}_HS`).display = displayState;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tif (_shiftFlg) {\r\n\t\tg_workObj.aprFilterCnt = nextPos(g_workObj.aprFilterCnt, 2, g_stateObj.layerNum);\r\n\t}\r\n\r\n\tif (g_appearanceRanges.includes(g_stateObj.appearance)) {\r\n\t\t$id(`filterView`).top =\r\n\t\t\t$id(`filterBar${(g_hidSudObj.std[g_stateObj.appearance][g_stateObj.reverse]) % 2}`).top;\r\n\t\tfilterView.textContent = `${_num}%`;\r\n\r\n\t\t// スクロールが1種類でHidden+/Sudden+の場合、対面のフィルターバーは不要なため非表示にする\r\n\t\tif (g_stateObj.appearance !== `Hid&Sud+` && g_workObj.dividePos.every(v => v === g_workObj.dividePos[0])) {\r\n\t\t\t$id(`filterBar${(g_hidSudObj.std[g_stateObj.appearance][g_stateObj.reverse] + 1) % 2}`).display = C_DIS_NONE;\r\n\t\t}\r\n\t\tg_hidSudObj.filterPos = _num;\r\n\t}\r\n};\r\n\r\n/**\r\n * 判定カウンタ表示作成\r\n * @param {string} _id \r\n * @param {number} _x\r\n * @param {string} _class \r\n * @param {number} _heightPos \r\n * @param {string|number} _text\r\n * @param {string} [_display='inherit'] 表示有無 (inherit: 表示 / none: 非表示)\r\n * @returns {HTMLDivElement}\r\n */\r\nconst makeCounterSymbol = (_id, _x, _class, _heightPos, _text, _display = C_DIS_INHERIT) => {\r\n\treturn createDivCss2Label(_id, _text, {\r\n\t\tx: _x, y: g_limitObj.jdgCntsHeight * _heightPos,\r\n\t\tw: g_limitObj.jdgCntsWidth, h: g_limitObj.jdgCntsHeight, siz: g_limitObj.jdgCntsSiz, align: C_ALIGN_RIGHT,\r\n\t\tdisplay: _display,\r\n\t}, _class);\r\n};\r\n\r\n/**\r\n * ステップゾーンの表示・非表示切替\r\n * @param {number} _j\r\n * @param {string} _display\r\n * @param {number} [_alpha=1] \r\n */\r\nconst appearStepZone = (_j, _display, _alpha = 1) => {\r\n\t$id(`stepRoot${_j}`).display = _display;\r\n\t$id(`stepRoot${_j}`).opacity = _alpha;\r\n};\r\n\r\n/**\r\n * 部分キーのステップゾーン出現処理\r\n * @param {number} _j \r\n * @param {string[]} _targets\r\n * @param {number[]} [_alphas] ステップゾーン毎の可視状況 (style.opacity の値)\r\n */\r\nconst appearKeyTypes = (_j, _targets, _alphas = fillArray(_targets.length, 1)) => {\r\n\tappearStepZone(_j, C_DIS_NONE);\r\n\t_targets.forEach((target, k) => {\r\n\t\tif (g_workObj.keyGroupMaps[_j].includes(target)) {\r\n\t\t\tappearStepZone(_j, C_DIS_INHERIT, _alphas[k]);\r\n\t\t}\r\n\t});\r\n};\r\n\r\n/**\r\n * FrzReturnの追加処理\r\n * @param {number} _rad 回転角度\r\n * @param {number[]} _axis 回転軸\r\n */\r\nconst changeReturn = (_rad, _axis) => {\r\n\tg_workObj.frzReturnFlg = true;\r\n\tlet _transform = `rotate${_axis[0]}(${_rad}deg)`;\r\n\tif (_axis[1] !== undefined) {\r\n\t\t_transform += ` rotate${_axis[1]}(${_rad}deg)`;\r\n\t}\r\n\tif (document.getElementById(`mainSprite`) !== null) {\r\n\t\taddTransform(`mainSprite`, `frzReturn`, _transform);\r\n\r\n\t\tif (_rad < 360 && g_workObj.frzReturnFlg) {\r\n\t\t\tsetTimeout(() => changeReturn(_rad + 4, _axis), 20);\r\n\t\t} else {\r\n\t\t\taddTransform(`mainSprite`, `frzReturn`, ``);\r\n\t\t\tg_workObj.frzReturnFlg = false;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/**\r\n * AutoRetryの設定\r\n * @param {string} _retryCondition リトライ基準となるAutoRetry名\r\n */\r\nconst quickRetry = (_retryCondition) => {\r\n\tconst retryNum = g_settings.autoRetrys.findIndex(val => val === _retryCondition);\r\n\tif (retryNum < 0) {\r\n\t\treturn;\r\n\t}\r\n\tif (g_settings.autoRetryNum >= retryNum && !g_workObj.autoRetryFlg) {\r\n\t\tg_workObj.autoRetryFlg = true;\r\n\t\tsetTimeout(() => {\r\n\t\t\tg_audio.pause();\r\n\t\t\tclearTimeout(g_timeoutEvtId);\r\n\t\t\tclearWindow();\r\n\t\t\tmusicAfterLoaded();\r\n\t\t}, 16);\r\n\t}\r\n};\r\n\r\n/**\r\n * 個別・全体色変化\r\n * @param {number[]} _mkColor \r\n * @param {string[]} _mkColorCd \r\n * @param {string} _header\r\n * @param {string} _name\r\n */\r\nconst changeColors = (_mkColor, _mkColorCd, _header, _name) => {\r\n\r\n\tif (_mkColor === undefined) {\r\n\t\treturn;\r\n\t}\r\n\tconst camelHeader = _header === `` ? _name : `${_header}${toCapitalize(_name)}`;\r\n\t_mkColor.forEach((tempj, j) => {\r\n\t\tconst targetj = tempj % 1000;\r\n\t\tg_workObj[`${camelHeader}Colors`][targetj] = _mkColorCd[j];\r\n\t\tif (tempj >= 1000) {\r\n\t\t\tg_workObj[`${camelHeader}ColorsAll`][targetj] = _mkColorCd[j];\r\n\t\t\tif (camelHeader.indexOf(`frzHitBar`) !== -1 && isNaN(Number(g_workObj.arrowRtn[targetj]))) {\r\n\t\t\t\t$id(`frzHitTop${targetj}`).background = _mkColorCd[j];\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n};\r\n\r\n/**\r\n * 個別モーション\r\n * @param {string} _header\r\n * @param {string} _name\r\n * @param {number} _frameNum\r\n */\r\nconst changeCssMotions = (_header, _name, _frameNum) => {\r\n\tconst camelHeader = _header === `` ? _name : `${_header}${toCapitalize(_name)}`;\r\n\tg_workObj[`mk${toCapitalize(camelHeader)}CssMotion`]?.[_frameNum]?.forEach((targetj, j) =>\r\n\t\tg_workObj[`${camelHeader}CssMotions`][targetj] =\r\n\t\tg_workObj[`mk${toCapitalize(camelHeader)}CssMotionName`][_frameNum][2 * j + (g_workObj.dividePos[targetj] % 2)]);\r\n};\r\n\r\n/**\r\n * 基準となる階層グループの取得\r\n * @param {number} _layerGroup \r\n * @param {number} _j \r\n * @returns {number}\r\n */\r\nconst getBaseLayerGroup = (_layerGroup, _j) =>\r\n\t_layerGroup === -1\r\n\t\t? Math.floor(g_workObj.dividePosDefault[_j] / 2)\r\n\t\t: _layerGroup + (g_workObj.dividePosDefault[_j] > g_stateObj.layerNumDf ? g_stateObj.layerNumDf / 2 : 0);\r\n\r\n/**\r\n * スクロール方向、レイヤーの変更（矢印・フリーズアロー）\r\n * StepAreaがDefault/Halfway以外の場合はレイヤー数が倍化するため、その設定にも追従する\r\n * @param {number} _frameNum \r\n */\r\nconst changeScrollArrowDirs = (_frameNum) => {\r\n\tif (g_workObj.mkScrollchArrow?.[_frameNum] === undefined) {\r\n\t\treturn;\r\n\t}\r\n\tconst tmpObj = new Map();\r\n\tg_workObj.mkScrollchArrow?.[_frameNum]?.forEach((targetj, j) => {\r\n\t\tg_workObj.scrollDir[targetj] = g_workObj.scrollDirDefault[targetj] * g_workObj.mkScrollchArrowDir[_frameNum][j];\r\n\r\n\t\t// レイヤー変更\r\n\t\tconst baseLayer = getBaseLayerGroup(g_workObj.mkScrollchArrowLayerGroup[_frameNum][j], targetj);\r\n\t\tg_workObj.dividePos[targetj] = baseLayer * 2 + (g_workObj.scrollDir[targetj] === 1 ? 0 : 1);\r\n\r\n\t\t// 対象の矢印が属するレイヤーに対するTransitionを設定\r\n\t\t// ステップゾーンの移動よりも矢印・フリーズアローの方が早く変わるため、この関数のみ適用\r\n\t\tif (g_workObj.mkScrollchArrowLayerTrans[_frameNum][j] !== ``) {\r\n\t\t\ttmpObj.set(g_workObj.dividePos[targetj], g_workObj.mkScrollchArrowLayerTrans[_frameNum][j]);\r\n\t\t}\r\n\t});\r\n\ttmpObj.forEach((val, key, map) => addTransform(`mainSprite${key}`, `scrollch`, val));\r\n};\r\n\r\n/**\r\n * ステップゾーンの位置反転\r\n * @param {number} _frameNum \r\n */\r\nconst changeStepY = (_frameNum) =>\r\n\tg_workObj.mkScrollchStep?.[_frameNum]?.forEach((targetj, j) => {\r\n\t\tconst dividePos = (g_workObj.scrollDirDefault[targetj] * g_workObj.mkScrollchStepDir[_frameNum][j] === 1 ? 0 : 1);\r\n\r\n\t\t// 移動元のステップゾーンの不透明度、表示・非表示を退避\r\n\t\tconst _stepOpacity = $id(`stepRoot${targetj}`).opacity;\r\n\t\tconst _stepDisplay = $id(`stepRoot${targetj}`).display;\r\n\r\n\t\t// 移動元のステップゾーンを消去\r\n\t\tdocument.getElementById(`stepRoot${targetj}`).remove();\r\n\t\tdocument.getElementById(`frzHit${targetj}`).remove();\r\n\r\n\t\t// レイヤーを変更しステップゾーンを再生成。移動元の不透明度、表示・非表示を反映\r\n\t\tconst baseLayer = getBaseLayerGroup(g_workObj.mkScrollchStepLayerGroup[_frameNum][j], targetj);\r\n\t\tg_workObj.dividePos[targetj] = baseLayer * 2 + dividePos;\r\n\t\tmakeStepZone(targetj, `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`);\r\n\t\tappearStepZone(targetj, _stepDisplay, _stepOpacity);\r\n\t});\r\n\r\n/**\r\n * フリーズアローヒット時の描画変更\r\n * @param {number} _j \r\n * @param {number} _k \r\n * @param {string} _name\r\n * @param {number} [_difFrame=0]\r\n */\r\nconst changeHitFrz = (_j, _k, _name, _difFrame = 0) => {\r\n\tconst frzNo = `${_j}_${_k}`;\r\n\tconst frzName = `${_name}${frzNo}`;\r\n\tconst currentFrz = g_attrObj[frzName];\r\n\r\n\tif (currentFrz.keyUpFrame !== 0) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tconst styfrzBar = $id(`${_name}Bar${frzNo}`);\r\n\tconst styfrzBtmRoot = $id(`${_name}BtmRoot${frzNo}`);\r\n\tconst styfrzBtm = $id(`${_name}Btm${frzNo}`);\r\n\tconst styfrzTopRoot = $id(`${_name}TopRoot${frzNo}`);\r\n\tconst styfrzBtmShadow = $id(`${_name}BtmShadow${frzNo}`);\r\n\r\n\t// フリーズアロー位置の修正（ステップゾーン上に来るように）\r\n\tconst delFrzLength = parseFloat($id(`stepRoot${_j}`).top) - currentFrz.y;\r\n\t$id(frzName).top = $id(`stepRoot${_j}`).top;\r\n\r\n\t// 早押ししたboostCnt分のフリーズアロー終端位置の修正\r\n\tconst delFrzMotionLength = sumData(g_workObj.motionOnFrames.slice(0, currentFrz.boostCnt + 1));\r\n\r\n\t// 判定位置調整分の補正\r\n\tconst hitPos = g_workObj.hitPosition * g_workObj.scrollDir[_j];\r\n\r\n\tcurrentFrz.frzBarLength -= (delFrzLength + delFrzMotionLength) * currentFrz.dir;\r\n\tcurrentFrz.barY -= (delFrzLength + delFrzMotionLength) * currentFrz.dividePos + hitPos;\r\n\tcurrentFrz.btmY -= delFrzLength + delFrzMotionLength + hitPos;\r\n\tcurrentFrz.y += delFrzLength;\r\n\tcurrentFrz.isMoving = false;\r\n\r\n\t/**\r\n\t * フリーズアロー(ヒット時)の色変更\r\n\t * - 生成時以降で全体色変化がある場合はその値へ置き換える\r\n\t * @param {string} _type \r\n\t * @returns {string}\r\n\t */\r\n\tconst getColor = (_type) => {\r\n\t\tconst cColorAll = g_workObj[`${_name}${_type}ColorsAll`][_j];\r\n\t\treturn currentFrz[_type] !== cColorAll && currentFrz[`${_type}All`] !== cColorAll\r\n\t\t\t? cColorAll : currentFrz[_type];\r\n\t};\r\n\r\n\tconst tmpHitColor = getColor(`Hit`);\r\n\tstyfrzBar.top = wUnit(currentFrz.barY);\r\n\tstyfrzBar.height = wUnit(currentFrz.frzBarLength);\r\n\tstyfrzBar.background = getColor(`HitBar`);\r\n\tstyfrzBtmRoot.top = wUnit(currentFrz.btmY);\r\n\tstyfrzBtm.background = tmpHitColor;\r\n\tstyfrzTopRoot.top = wUnit(- hitPos);\r\n\tif (_name === `frz`) {\r\n\t\tconst tmpShadowColor = getColor(`HitShadow`);\r\n\t\tstyfrzBtmShadow.background = tmpShadowColor === `Default` ? tmpHitColor : tmpShadowColor;\r\n\t\t$id(`frzHit${_j}`).opacity = 0.9;\r\n\t\t$id(`frzTop${frzNo}`).display = C_DIS_NONE;\r\n\t\tif (isNaN(parseFloat(g_workObj.arrowRtn[_j]))) {\r\n\t\t\t$id(`frzHitTop${_j}`).background = tmpHitColor;\r\n\t\t}\r\n\t}\r\n\r\n\t// FrzReturnの設定\r\n\tif (g_stateObj.frzReturn !== C_FLG_OFF) {\r\n\t\tif (!g_workObj.frzReturnFlg) {\r\n\t\t\tchangeReturn(4, g_frzReturnFunc.get(g_stateObj.frzReturn)());\r\n\t\t}\r\n\t}\r\n\tg_customJsObj[`judg_${_name}Hit`].forEach(func => func(_difFrame));\r\n};\r\n\r\n/**\r\n * フリーズアロー失敗時の描画変更\r\n * @param {number} _j \r\n * @param {number} _k \r\n */\r\nconst changeFailedFrz = (_j, _k) => {\r\n\tconst frzNo = `${_j}_${_k}`;\r\n\t$id(`frzHit${_j}`).opacity = 0;\r\n\t$id(`frzTop${frzNo}`).display = C_DIS_INHERIT;\r\n\t$id(`frzTop${frzNo}`).background = `#cccccc`;\r\n\t$id(`frzTopShadow${frzNo}`).background = `#333333`;\r\n\t$id(`frzBtmShadow${frzNo}`).background = `#333333`;\r\n\t$id(`frzBar${frzNo}`).background = `#999999`;\r\n\t$id(`frzBar${frzNo}`).opacity = 1;\r\n\t$id(`frzBtm${frzNo}`).background = `#cccccc`;\r\n\r\n\t// FrzReturnの設定\r\n\tif (g_stateObj.frzReturn !== C_FLG_OFF) {\r\n\t\tif (!g_workObj.frzReturnFlg) {\r\n\t\t\tchangeReturn(4, g_frzReturnFunc.get(g_stateObj.frzReturn)());\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * キーを押したかどうかを判定\r\n * @param {number} _keyCode \r\n * @returns {boolean}\r\n */\r\nconst keyIsDown = _keyCode => g_inputKeyBuffer[_keyCode];\r\n\r\n/**\r\n * 押したキーがシフトキーかどうかを判定\r\n * @returns {boolean}\r\n */\r\nconst keyIsShift = () => keyIsDown(g_kCdNameObj.shiftLKey) || keyIsDown(g_kCdNameObj.shiftRKey);\r\n\r\n/**\r\n * 矢印・フリーズアロー判定\r\n * @param {number} _j 対象矢印・フリーズアロー\r\n */\r\nconst judgeArrow = _j => {\r\n\r\n\tconst currentNo = g_workObj.judgArrowCnt[_j];\r\n\tconst arrowName = `arrow${_j}_${currentNo}`;\r\n\tconst currentArrow = g_attrObj[arrowName];\r\n\tconst existJudgArrow = document.getElementById(arrowName) !== null;\r\n\r\n\tconst fcurrentNo = g_workObj.judgFrzCnt[_j];\r\n\tconst frzName = `frz${_j}_${fcurrentNo}`;\r\n\tconst currentFrz = g_attrObj[frzName];\r\n\tconst existJudgFrz = document.getElementById(frzName) !== null;\r\n\r\n\tconst judgeTargetArrow = _difFrame => {\r\n\t\tconst _difCnt = Math.abs(_difFrame);\r\n\t\tconst stepHitTargetArrow = _resultJdg => {\r\n\t\t\tconst stepDivHit = document.getElementById(`stepHit${_j}`);\r\n\t\t\tstepDivHit.style.top = wUnit(currentArrow.prevY - parseFloat($id(`stepRoot${_j}`).top) - 15 + g_workObj.hitPosition * g_workObj.scrollDir[_j]);\r\n\t\t\tstepDivHit.style.opacity = 0.75;\r\n\t\t\tstepDivHit.classList.value = ``;\r\n\t\t\tstepDivHit.classList.add(g_cssObj[`main_step${_resultJdg}`]);\r\n\t\t\tstepDivHit.setAttribute(`cnt`, C_FRM_HITMOTION);\r\n\t\t}\r\n\r\n\t\tif (g_stateObj.excessive === C_FLG_ON && _difFrame <= g_judgObj.arrowJ[g_judgPosObj.uwan] && _difFrame > g_judgObj.arrowJ[g_judgPosObj.shobon]) {\r\n\t\t\t// 空押し判定（有効かつ早押し時のみ）\r\n\t\t\tdisplayDiff(_difFrame);\r\n\t\t\tstepHitTargetArrow(`Excessive`);\r\n\t\t\treturn true;\r\n\r\n\t\t} else if (_difCnt <= g_judgObj.arrowJ[g_judgPosObj.shobon]) {\r\n\t\t\t// 通常判定\r\n\t\t\tconst [resultFunc, resultJdg] = checkJudgment(_difCnt);\r\n\t\t\tresultFunc(_difFrame);\r\n\t\t\tdisplayDiff(_difFrame);\r\n\t\t\tstepHitTargetArrow(resultJdg);\r\n\t\t\tdocument.getElementById(arrowName).remove();\r\n\t\t\tg_workObj.judgArrowCnt[_j]++;\r\n\t\t\treturn true;\r\n\t\t}\r\n\t\treturn false;\r\n\t};\r\n\r\n\tconst judgeTargetFrzArrow = _difFrame => {\r\n\t\tconst _difCnt = Math.abs(_difFrame);\r\n\t\tif (_difCnt <= g_judgObj.frzJ[g_judgPosObj.iknai] && !currentFrz.judgEndFlg\r\n\t\t\t&& g_workObj.judgFrzHitCnt[_j] <= fcurrentNo) {\r\n\r\n\t\t\tif (g_headerObj.frzStartjdgUse) {\r\n\t\t\t\tconst [resultFunc] = checkJudgment(_difCnt);\r\n\t\t\t\tresultFunc(_difFrame);\r\n\t\t\t\tdisplayDiff(_difFrame);\r\n\t\t\t} else {\r\n\t\t\t\tdisplayDiff(_difFrame, `F`);\r\n\t\t\t}\r\n\r\n\t\t\tif (_difCnt <= g_judgObj.frzJ[g_judgPosObj.sfsf]) {\r\n\t\t\t\tchangeHitFrz(_j, fcurrentNo, `frz`, _difFrame);\r\n\t\t\t} else {\r\n\t\t\t\tchangeFailedFrz(_j, fcurrentNo);\r\n\t\t\t\tif (g_headerObj.frzStartjdgUse) {\r\n\t\t\t\t\tjudgeIknai(_difFrame);\r\n\t\t\t\t\tcurrentFrz.judgEndFlg = true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tg_workObj.judgFrzHitCnt[_j] = fcurrentNo + 1;\r\n\t\t\treturn true;\r\n\t\t}\r\n\t\treturn false;\r\n\t};\r\n\r\n\tlet judgeFlg = false;\r\n\tconst difFrame = (existJudgArrow ? currentArrow.cnt : Infinity);\r\n\tconst frzDifFrame = (existJudgFrz ? currentFrz.cnt : Infinity);\r\n\tif (difFrame < frzDifFrame) {\r\n\t\tjudgeFlg = judgeTargetArrow(difFrame);\r\n\t} else if (difFrame > frzDifFrame) {\r\n\t\tjudgeFlg = judgeTargetFrzArrow(frzDifFrame);\r\n\t}\r\n\tif (!judgeFlg) {\r\n\t\t$id(`stepDiv${_j}`).display = C_DIS_INHERIT;\r\n\t}\r\n};\r\n\r\n/**\r\n * タイミングズレを表示\r\n * @param {number} _difFrame \r\n * @param {string} _fjdg フリーズアロー判定有無 (フリーズアローのときは\"F\"が入る)\r\n * @param {number} _justFrames Fast/Slowの表示条件フレーム数\r\n */\r\nconst displayDiff = (_difFrame, _fjdg = ``, _justFrames = g_headerObj.justFrames) => {\r\n\tlet diffJDisp = ``;\r\n\tg_workObj.diffList.push(_difFrame);\r\n\tconst difCnt = Math.abs(_difFrame);\r\n\tif (_difFrame > g_judgObj.arrowJ[g_judgPosObj.shobon]) {\r\n\t\tdiffJDisp = `Excessive`;\r\n\t\tg_resultObj.excessive++;\r\n\t\tlifeDamage(true);\r\n\t} else if (_difFrame > _justFrames) {\r\n\t\tdiffJDisp = `Fast ${difCnt} Frames`;\r\n\t\tg_resultObj.fast++;\r\n\t\tquickRetry(`Fast/Slow`);\r\n\t} else if (_difFrame < _justFrames * (-1)) {\r\n\t\tdiffJDisp = `Slow ${difCnt} Frames`;\r\n\t\tg_resultObj.slow++;\r\n\t\tquickRetry(`Fast/Slow`);\r\n\t}\r\n\tdocument.getElementById(`diff${_fjdg}J`).innerHTML = diffJDisp;\r\n};\r\n\r\n/**\r\n * ライフゲージバーの色、数値を変更\r\n * @param {string} [_state=''] \r\n */\r\nconst changeLifeColor = (_state = ``) => {\r\n\tconst lblLife = document.getElementById(`lblLife`);\r\n\tconst lifeBar = document.getElementById(`lifeBar`);\r\n\tif (_state !== ``) {\r\n\t\tconst lifeCss = g_cssObj[`life_${_state}`];\r\n\t\tlblLife.classList.remove(g_cssObj.life_Max, g_cssObj.life_Cleared, g_cssObj.life_Failed);\r\n\t\tlifeBar.classList.remove(g_cssObj.life_Max, g_cssObj.life_Cleared, g_cssObj.life_Failed);\r\n\t\tlblLife.classList.add(lifeCss);\r\n\t\tlifeBar.classList.add(lifeCss);\r\n\t}\r\n\r\n\tconst intLifeVal = Math.floor(g_workObj.lifeVal);\r\n\tlblLife.textContent = intLifeVal;\r\n\tlifeBar.style.top = wUnit(50 + (g_headerObj.playingHeight - 100) * (g_headerObj.maxLifeVal - intLifeVal) / g_headerObj.maxLifeVal);\r\n\tlifeBar.style.height = wUnit((g_headerObj.playingHeight - 100) * intLifeVal / g_headerObj.maxLifeVal);\r\n};\r\n\r\n/**\r\n * ゲージ回復処理\r\n */\r\nconst lifeRecovery = () => {\r\n\tg_workObj.lifeVal += g_workObj.lifeRcv;\r\n\r\n\tif (g_workObj.lifeVal >= g_headerObj.maxLifeVal) {\r\n\t\tg_workObj.lifeVal = g_headerObj.maxLifeVal;\r\n\t\tchangeLifeColor(`Max`);\r\n\t} else {\r\n\t\tchangeLifeColor(g_workObj.lifeVal >= g_workObj.lifeBorder ? `Cleared` : ``);\r\n\t}\r\n\tg_resultObj.gaugeTransition.push([g_scoreObj.baseFrame, g_workObj.lifeVal]);\r\n};\r\n\r\n/**\r\n * ゲージダメージ処理\r\n * @param {boolean} [_excessive=false] 空押し判定有無\r\n */\r\nconst lifeDamage = (_excessive = false) => {\r\n\tg_workObj.lifeVal -= g_workObj.lifeDmg * (_excessive ? 0.25 : 1);\r\n\tquickRetry(`Miss`);\r\n\r\n\tif (g_workObj.lifeVal <= 0) {\r\n\t\tg_workObj.lifeVal = 0;\r\n\t\tchangeLifeColor();\r\n\t} else {\r\n\t\tchangeLifeColor(g_workObj.lifeVal < g_workObj.lifeBorder ? `Failed` : `Cleared`);\r\n\t}\r\n\tg_resultObj.gaugeTransition.push([g_scoreObj.baseFrame, g_workObj.lifeVal]);\r\n};\r\n\r\n/**\r\n * 判定キャラクタの表示、判定済矢印数・判定数のカウンタ\r\n * @param {string} _name \r\n * @param {string} _character \r\n * @param {string} [_fjdg=''] \r\n */\r\nconst changeJudgeCharacter = (_name, _character, _fjdg = ``) => {\r\n\tg_resultObj[_name]++;\r\n\tg_currentArrows++;\r\n\tdocument.getElementById(`chara${_fjdg}J`).innerHTML = `${_character}`;\r\n\tdocument.getElementById(`chara${_fjdg}J`).setAttribute(`cnt`, C_FRM_JDGMOTION);\r\n\tdocument.getElementById(`lbl${toCapitalize(_name)}`).textContent = g_resultObj[_name];\r\n};\r\n\r\n/**\r\n * コンボの更新\r\n */\r\nconst updateCombo = () => {\r\n\tif (++g_resultObj.combo > g_resultObj.maxCombo) {\r\n\t\tg_resultObj.maxCombo = g_resultObj.combo;\r\n\t\tlblMCombo.textContent = g_resultObj.maxCombo;\r\n\t}\r\n\tcomboJ.textContent = `${g_resultObj.combo} Combo!!`;\r\n};\r\n\r\n/**\r\n * 回復判定の共通処理\r\n * @param {string} _name \r\n * @param {number} _difFrame \r\n */\r\nconst judgeRecovery = (_name, _difFrame) => {\r\n\tchangeJudgeCharacter(_name, g_lblNameObj[`j_${_name}`]);\r\n\tupdateCombo();\r\n\tlifeRecovery();\r\n\tfinishViewing();\r\n\r\n\tif (g_stateObj.freezeReturn !== C_FLG_OFF) {\r\n\t\tif ((g_resultObj.ii + g_resultObj.shakin) % 100 === 0 && !g_workObj.frzReturnFlg) {\r\n\t\t\tchangeReturn(1, g_frzReturnFunc.get(g_stateObj.frzReturn)());\r\n\t\t}\r\n\t}\r\n\tif (_name === `shakin`) {\r\n\t\tquickRetry(`Shakin(Great)`);\r\n\t}\r\n\tg_customJsObj[`judg_${_name}`].forEach(func => func(_difFrame));\r\n};\r\n\r\n/**\r\n * ダメージ系共通処理\r\n * @param {string} _name \r\n * @param {number} _difFrame \r\n */\r\nconst judgeDamage = (_name, _difFrame) => {\r\n\tchangeJudgeCharacter(_name, g_lblNameObj[`j_${_name}`]);\r\n\tg_resultObj.combo = 0;\r\n\tcomboJ.textContent = ``;\r\n\tdiffJ.textContent = ``;\r\n\tlifeDamage();\r\n\tg_customJsObj[`judg_${_name}`].forEach(func => func(_difFrame));\r\n};\r\n\r\n/**\r\n * 判定処理：イイ\r\n * @param {number} _difFrame \r\n */\r\nconst judgeIi = _difFrame => judgeRecovery(`ii`, _difFrame);\r\n\r\n/**\r\n * 判定処理：シャキン\r\n * @param {number} _difFrame \r\n */\r\nconst judgeShakin = _difFrame => judgeRecovery(`shakin`, _difFrame);\r\n\r\n/**\r\n * 判定処理：マターリ\r\n * @param {number} _difFrame \r\n */\r\nconst judgeMatari = _difFrame => {\r\n\tchangeJudgeCharacter(`matari`, g_lblNameObj.j_matari);\r\n\tcomboJ.textContent = ``;\r\n\tfinishViewing();\r\n\tquickRetry(`Matari(Good)`);\r\n\r\n\tg_customJsObj.judg_matari.forEach(func => func(_difFrame));\r\n};\r\n\r\n/**\r\n * 判定処理：ショボーン\r\n * @param {number} _difFrame \r\n */\r\nconst judgeShobon = _difFrame => judgeDamage(`shobon`, _difFrame);\r\n\r\n/**\r\n * 判定処理：ウワァン\r\n * @param {number} _difFrame \r\n */\r\nconst judgeUwan = _difFrame => judgeDamage(`uwan`, _difFrame);\r\n\r\n/**\r\n * 判定処理：キター\r\n * @param {number} _difFrame \r\n */\r\nconst judgeKita = _difFrame => {\r\n\tchangeJudgeCharacter(`kita`, g_lblNameObj.j_kita, `F`);\r\n\r\n\tif (++g_resultObj.fCombo > g_resultObj.fmaxCombo) {\r\n\t\tg_resultObj.fmaxCombo = g_resultObj.fCombo;\r\n\t\tlblFCombo.textContent = g_resultObj.fmaxCombo;\r\n\t}\r\n\tcomboFJ.textContent = `${g_resultObj.fCombo} Combo!!`;\r\n\r\n\tlifeRecovery();\r\n\tfinishViewing();\r\n\r\n\tg_customJsObj.judg_kita.forEach(func => func(_difFrame));\r\n};\r\n\r\n/**\r\n * 判定処理：イクナイ\r\n * @param {number} _difFrame \r\n */\r\nconst judgeIknai = _difFrame => {\r\n\tchangeJudgeCharacter(`iknai`, g_lblNameObj.j_iknai, `F`);\r\n\tcomboFJ.textContent = ``;\r\n\tg_resultObj.fCombo = 0;\r\n\r\n\tlifeDamage();\r\n\r\n\tg_customJsObj.judg_iknai.forEach(func => func(_difFrame));\r\n};\r\n\r\nconst jdgList = [`ii`, `shakin`, `matari`, `shobon`].map(jdg => toCapitalize(jdg));\r\nconst jdgFuncList = [judgeIi, judgeShakin, judgeMatari, judgeShobon];\r\nconst checkJudgment = (_difCnt) => {\r\n\tconst idx = g_judgObj.arrowJ.findIndex(jdgCnt => _difCnt <= jdgCnt);\r\n\treturn [jdgFuncList[idx], jdgList[idx]];\r\n};\r\n\r\n/**\r\n * クリア表示\r\n * @param {string} _state \r\n * @returns {string}\r\n */\r\nconst resultViewText = _state => _state === `` ? `` :\r\n\t`${g_lblNameObj[_state]}`;\r\n\r\n/**\r\n * フルコンボ・パーフェクト演出の作成\r\n * @param {string} _text \r\n */\r\nconst makeFinishView = _text => {\r\n\tfinishView.innerHTML = _text;\r\n\tfinishView.style.opacity = 1;\r\n\t[`charaJ`, `comboJ`, `diffJ`, `charaFJ`, `comboFJ`, `diffFJ`].forEach(label =>\r\n\t\tdocument.getElementById(label).textContent = ``);\r\n};\r\n\r\nconst finishViewing = () => {\r\n\tif (g_currentArrows === g_fullArrows) {\r\n\t\tif (g_resultObj.ii + g_resultObj.kita === g_fullArrows) {\r\n\t\t\tg_resultObj.spState = `allPerfect`;\r\n\t\t} else if (g_resultObj.ii + g_resultObj.shakin + g_resultObj.kita === g_fullArrows) {\r\n\t\t\tg_resultObj.spState = `perfect`;\r\n\t\t} else if (g_resultObj.uwan === 0 && g_resultObj.shobon === 0 && g_resultObj.iknai === 0) {\r\n\t\t\tg_resultObj.spState = `fullCombo`;\r\n\t\t}\r\n\t\tif (g_headerObj.finishView !== C_DIS_NONE && [`allPerfect`, `perfect`, `fullCombo`].includes(g_resultObj.spState)) {\r\n\t\t\tmakeFinishView(resultViewText(g_resultObj.spState));\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/*-----------------------------------------------------------*/\r\n/* Scene : RESULT [grape] */\r\n/*-----------------------------------------------------------*/\r\n\r\n/**\r\n * リザルト画面初期化\r\n */\r\nconst resultInit = () => {\r\n\r\n\tclearWindow(true);\r\n\tg_currentPage = `result`;\r\n\r\n\t// 結果画面用フレーム初期化\r\n\tg_scoreObj.resultFrameNum = 0;\r\n\r\n\t// リザルトアニメーション用フレーム初期化、ループカウンター設定\r\n\tg_animationData.forEach(sprite => {\r\n\t\tg_scoreObj[`${sprite}ResultFrameNum`] = 0;\r\n\t\tg_scoreObj[`${sprite}ResultLoopCount`] = 0;\r\n\t});\r\n\r\n\tconst divRoot = document.getElementById(`divRoot`);\r\n\r\n\t// 曲時間制御変数\r\n\tlet thisTime;\r\n\tlet buffTime;\r\n\tlet resultStartTime = g_workObj.mainEndTime > 0 ? g_workObj.mainEndTime : performance.now();\r\n\r\n\tif (g_stateObj.d_background === C_FLG_OFF && g_headerObj.resultMotionSet) {\r\n\t} else {\r\n\t\t// ゲームオーバー時は失敗時のリザルトモーションを適用\r\n\t\tif (!g_finishFlg) {\r\n\t\t\tconst scoreIdHeader = setScoreIdHeader(g_stateObj.scoreId, g_stateObj.scoreLockFlg, false);\r\n\r\n\t\t\tg_animationData.forEach(sprite => {\r\n\t\t\t\tconst failedData = g_rootObj[`${sprite}failedS${scoreIdHeader}_data`] ?? g_rootObj[`${sprite}failedS_data`];\r\n\t\t\t\tif (failedData !== undefined) {\r\n\t\t\t\t\t[g_headerObj[`${sprite}ResultData`], g_headerObj[`${sprite}ResultMaxDepth`]] = g_animationFunc.make[sprite](failedData);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t} else if (g_gameOverFlg) {\r\n\t\t\tg_animationData.forEach(sprite => {\r\n\t\t\t\tg_headerObj[`${sprite}ResultData`] = g_headerObj[`${sprite}FailedData`].concat();\r\n\t\t\t\tg_headerObj[`${sprite}ResultMaxDepth`] = g_headerObj[`${sprite}FailedMaxDepth`];\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t// diffListから適正Adjを算出（20個以下の場合は算出しない）\r\n\tconst getSign = _val => (_val > 0 ? `+` : ``);\r\n\tconst getDiffFrame = _val => `${getSign(_val)}${_val}${g_lblNameObj.frame}`;\r\n\tconst diffLength = g_workObj.diffList.length;\r\n\tconst bayesFunc = (_offset, _length) => {\r\n\t\tlet result = 0;\r\n\t\tfor (let j = _offset; j < _length; j++) {\r\n\t\t\tresult += (_length - j) * (j + 1) * g_workObj.diffList[j];\r\n\t\t}\r\n\t\treturn result;\r\n\t};\r\n\tconst bayesExVal = 6 * bayesFunc(0, diffLength) / (diffLength * (diffLength + 1) * (diffLength + 2));\r\n\tconst estimatedAdj = (diffLength <= 20 ? `` : Math.round((g_stateObj.adjustment / g_headerObj.playbackRate - bayesExVal) * 10) / 10);\r\n\r\n\t// 背景スプライトを作成\r\n\tcreateMultipleSprite(`backResultSprite`, g_headerObj.backResultMaxDepth);\r\n\r\n\t// タイトル文字描画\r\n\tdivRoot.appendChild(getTitleDivLabel(`lblTitle`, g_lblNameObj.result, 0, 15, `settings_Title`));\r\n\r\n\tconst playDataWindow = createEmptySprite(divRoot, `playDataWindow`, g_windowObj.playDataWindow, g_cssObj.result_PlayDataWindow);\r\n\tconst resultWindow = createEmptySprite(divRoot, `resultWindow`, g_windowObj.resultWindow);\r\n\r\n\tconst playingArrows = g_resultObj.ii + g_resultObj.shakin +\r\n\t\tg_resultObj.matari + g_resultObj.shobon + g_resultObj.uwan +\r\n\t\tg_resultObj.kita + g_resultObj.iknai;\r\n\r\n\t// スコア計算(一括)\r\n\tconst scoreTmp = Object.keys(g_pointAllocation).reduce(\r\n\t\t(score, name) => score + g_resultObj[name] * g_pointAllocation[name], 0);\r\n\r\n\tconst allScore = g_fullArrows * 10;\r\n\tconst resultScore = Math.round(scoreTmp / allScore * g_maxScore) || 0;\r\n\tg_resultObj.score = resultScore;\r\n\tconst allArrowsPlayed = playingArrows === g_fullArrows;\r\n\r\n\t// ランク計算\r\n\tlet rankMark = g_rankObj.rankMarkX;\r\n\tlet rankColor = g_rankObj.rankColorX;\r\n\tif (g_gameOverFlg) {\r\n\t\trankMark = g_rankObj.rankMarkF;\r\n\t\trankColor = g_rankObj.rankColorF;\r\n\t\tg_resultObj.spState = `failed`;\r\n\t} else if (allArrowsPlayed && g_stateObj.autoAll === C_FLG_OFF && !(g_headerObj.excessiveJdgUse && g_stateObj.excessive === C_FLG_OFF)) {\r\n\t\tif (g_resultObj.spState === ``) {\r\n\t\t\tg_resultObj.spState = `cleared`;\r\n\t\t}\r\n\t\tif (g_resultObj.spState === `perfect` || g_resultObj.spState === `allPerfect`) {\r\n\t\t\trankMark = g_rankObj[`rankMark${toCapitalize(g_resultObj.spState)}`];\r\n\t\t\trankColor = g_rankObj[`rankColor${toCapitalize(g_resultObj.spState)}`];\r\n\t\t} else {\r\n\t\t\tconst rPos = g_rankObj.rankRate.findIndex(rate => resultScore * 100 / g_maxScore >= rate);\r\n\t\t\trankMark = g_rankObj.rankMarks[rPos];\r\n\t\t\trankColor = g_rankObj.rankColor[rPos];\r\n\t\t}\r\n\t}\r\n\r\n\t// 曲名・オプション描画\r\n\tconst playbackView = (g_headerObj.playbackRate === 1 ? `` : ` [Rate:${g_headerObj.playbackRate}]`);\r\n\tconst musicTitle = (g_headerObj.musicTitles[g_headerObj.musicNos[g_stateObj.scoreId]] || g_headerObj.musicTitle) + playbackView;\r\n\r\n\tconst mTitleForView = [g_headerObj.musicTitleForView[0], (g_headerObj.musicTitleForView[1] || ``) + playbackView];\r\n\tif (g_headerObj.musicTitlesForView[g_headerObj.musicNos[g_stateObj.scoreId]] !== undefined) {\r\n\t\tmTitleForView.forEach((mTitle, j) =>\r\n\t\t\tmTitleForView[j] = g_headerObj.musicTitlesForView[g_headerObj.musicNos[g_stateObj.scoreId]][j] + (j === 1 ? playbackView : ``));\r\n\t}\r\n\r\n\tconst keyCtrlPtn = `${g_keyObj.currentKey}_${g_keyObj.currentPtn}`;\r\n\tconst transKeyName = getTransKeyName();\r\n\tconst orgShuffleFlg = g_keyObj[`shuffle${keyCtrlPtn}`].filter((shuffleGr, j) => shuffleGr !== g_keyObj[`shuffle${keyCtrlPtn}_0d`][j]).length === 0;\r\n\tconst shuffleName = `${getStgDetailName(g_stateObj.shuffle)}${!orgShuffleFlg && !g_stateObj.shuffle.endsWith(`+`) ? getStgDetailName('(S)') : ''}`;\r\n\r\n\t/**\r\n\t * プレイスタイルのカスタム有無\r\n\t * @param {string} _flg \r\n\t * @param {string|boolean} _defaultSet デフォルト値\r\n\t * @param {string} _displayText \r\n\t * @returns {string}\r\n\t */\r\n\tconst withOptions = (_flg, _defaultSet, _displayText = _flg) =>\r\n\t\t(_flg !== _defaultSet ? getStgDetailName(_displayText) : ``);\r\n\r\n\t// 譜面名の組み立て処理 (Ex: 9Akey / Normal-Leftless (maker) [X-Mirror])\r\n\tconst keyUnitName = getStgDetailName(getKeyUnitName(g_keyObj.currentKey));\r\n\tconst difDatas = [\r\n\t\t`${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyName} ${keyUnitName} / ${g_headerObj.difLabels[g_stateObj.scoreId]}`,\r\n\t\t`${withOptions(g_autoPlaysBase.includes(g_stateObj.autoPlay), true, `-${getStgDetailName(g_stateObj.autoPlay)}${getStgDetailName('less')}`)}`,\r\n\t\t`${withOptions(g_headerObj.makerView, false, `(${g_headerObj.creatorNames[g_stateObj.scoreId]})`)}`,\r\n\t\t`${withOptions(g_stateObj.shuffle, C_FLG_OFF, `[${shuffleName}]`)}`\r\n\t];\r\n\tlet difData = difDatas.filter(value => value !== ``).join(` `);\r\n\tconst difDataForImage = difDatas.filter((value, j) => value !== `` && j !== 2).join(` `);\r\n\r\n\t// 設定の組み立て処理 (Ex: 4x, Brake, Reverse, Sudden+, NoRecovery)\r\n\tlet playStyleData = [\r\n\t\t`${g_stateObj.speed}${g_lblNameObj.multi}`,\r\n\t\twithOptions(g_stateObj.motion, C_FLG_OFF),\r\n\t\t`${withOptions(g_stateObj.reverse, C_FLG_OFF,\r\n\t\t\tgetStgDetailName(g_stateObj.scroll !== '---' ? 'R-' : 'Reverse'))}${withOptions(g_stateObj.scroll, '---')}`,\r\n\t\twithOptions(g_stateObj.appearance, `Visible`),\r\n\t\twithOptions(g_stateObj.gauge, g_settings.gauges[0]),\r\n\t\twithOptions(g_stateObj.playWindow, `Default`),\r\n\t\twithOptions(g_stateObj.stepArea, `Default`),\r\n\t\twithOptions(g_stateObj.frzReturn, C_FLG_OFF, `FR:${g_stateObj.frzReturn}`),\r\n\t\twithOptions(g_stateObj.shaking, C_FLG_OFF),\r\n\t\twithOptions(g_stateObj.effect, C_FLG_OFF),\r\n\t\twithOptions(g_stateObj.camoufrage, C_FLG_OFF, `Cmf:${g_stateObj.camoufrage}`),\r\n\t\twithOptions(g_stateObj.swapping, C_FLG_OFF, `Swap:${g_stateObj.swapping}`),\r\n\t\twithOptions(g_stateObj.judgRange, `Normal`, `Judg:${g_stateObj.judgRange}`),\r\n\t].filter(value => value !== ``).join(`, `);\r\n\r\n\t// Display設定の組み立て処理 (Ex: Step : FlatBar, Judge, Life : OFF)\r\n\tlet displayData = [\r\n\t\twithOptions(g_stateObj.d_stepzone, C_FLG_ON, g_lblNameObj.rd_StepZone +\r\n\t\t\t`${g_stateObj.d_stepzone === C_FLG_OFF ? `` : ` : ${g_stateObj.d_stepzone}`}`),\r\n\t\twithOptions(g_stateObj.d_judgment, C_FLG_ON, g_lblNameObj.rd_Judgment),\r\n\t\twithOptions(g_stateObj.d_fastslow, C_FLG_ON, g_lblNameObj.rd_FastSlow),\r\n\t\twithOptions(g_stateObj.d_lifegauge, C_FLG_ON, g_lblNameObj.rd_LifeGauge),\r\n\t\twithOptions(g_stateObj.d_score, C_FLG_ON, g_lblNameObj.rd_Score),\r\n\t\twithOptions(g_stateObj.d_musicinfo, C_FLG_ON, g_lblNameObj.rd_MusicInfo),\r\n\t\twithOptions(g_stateObj.d_filterline, C_FLG_ON, g_lblNameObj.rd_FilterLine),\r\n\t].filter(value => value !== ``).join(`, `);\r\n\tif (displayData === ``) {\r\n\t\tdisplayData = `All Visible`;\r\n\t} else {\r\n\t\tif (!displayData.includes(`,`) && g_stateObj.d_stepzone !== C_FLG_OFF) {\r\n\t\t} else {\r\n\t\t\tdisplayData += ` : OFF`;\r\n\t\t}\r\n\t}\r\n\r\n\tlet display2Data = [\r\n\t\twithOptions(g_stateObj.d_speed, C_FLG_ON, g_lblNameObj.rd_Speed),\r\n\t\twithOptions(g_stateObj.d_color, C_FLG_ON, g_lblNameObj.rd_Color),\r\n\t\twithOptions(g_stateObj.d_lyrics, C_FLG_ON, g_lblNameObj.rd_Lyrics),\r\n\t\twithOptions(g_stateObj.d_background, C_FLG_ON, g_lblNameObj.rd_Background),\r\n\t\twithOptions(g_stateObj.d_arroweffect, C_FLG_ON, g_lblNameObj.rd_ArrowEffect),\r\n\t\twithOptions(g_stateObj.d_special, C_FLG_ON, g_lblNameObj.rd_Special),\r\n\t].filter(value => value !== ``).join(`, `);\r\n\tif (display2Data !== ``) {\r\n\t\tdisplay2Data += ` : OFF`;\r\n\t}\r\n\r\n\tconst [lblRX, dataRX] = [20, 60];\r\n\tmultiAppend(playDataWindow,\r\n\t\tmakeCssResultPlayData(`lblMusic`, lblRX, g_cssObj.result_lbl, 0, g_lblNameObj.rt_Music, C_ALIGN_LEFT),\r\n\t\tmakeCssResultPlayData(`lblMusicData`, dataRX, g_cssObj.result_style, 0, mTitleForView[0]),\r\n\t\tmakeCssResultPlayData(`lblMusicData2`, dataRX, g_cssObj.result_style, 1, mTitleForView[1]),\r\n\t\tmakeCssResultPlayData(`lblDifficulty`, lblRX, g_cssObj.result_lbl, 2, g_lblNameObj.rt_Difficulty, C_ALIGN_LEFT),\r\n\t\tmakeCssResultPlayData(`lblDifData`, dataRX, g_cssObj.result_style, 2, difData),\r\n\t\tmakeCssResultPlayData(`lblStyle`, lblRX, g_cssObj.result_lbl, 3, g_lblNameObj.rt_Style, C_ALIGN_LEFT),\r\n\t\tmakeCssResultPlayData(`lblStyleData`, dataRX, g_cssObj.result_style, 3, playStyleData),\r\n\t\tmakeCssResultPlayData(`lblDisplay`, lblRX, g_cssObj.result_lbl, 4, g_lblNameObj.rt_Display, C_ALIGN_LEFT),\r\n\t\tmakeCssResultPlayData(`lblDisplayData`, dataRX, g_cssObj.result_style, 4, displayData),\r\n\t\tmakeCssResultPlayData(`lblDisplay2Data`, dataRX, g_cssObj.result_style, 5, display2Data),\r\n\t);\r\n\r\n\t// 設定項目が多い場合に2行に分解して表示する処理\r\n\tlet playStyleBreakNum = lblStyleData.textContent.length;\r\n\tif (lblStyleData.textContent.length > 60) {\r\n\t\tfor (let j = Math.floor(lblStyleData.textContent.length / 2); j > 0; j--) {\r\n\t\t\tif (lblStyleData.textContent[j] === `,`) {\r\n\t\t\t\tplayStyleBreakNum = j + 2;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t\tlblStyleData.style.top = `${parseFloat(lblStyleData.style.top) - 3}px`;\r\n\t\tlblStyleData.innerHTML = `${lblStyleData.textContent.slice(0, playStyleBreakNum)}
` +\r\n\t\t\t`${lblStyleData.textContent.slice(playStyleBreakNum)}`;\r\n\t\tlblStyleData.style.fontSize = `${getFontSize2(lblStyleData.textContent.slice(0, playStyleBreakNum), 350, { maxSiz: 10 })}px`;\r\n\t} else {\r\n\t\tlblStyleData.style.fontSize = `${getFontSize2(lblStyleData.textContent, 350)}px`;\r\n\t}\r\n\r\n\t/**\r\n\t * キャラクタ、スコア描画のID共通部、色CSS名、スコア変数名\r\n\t * @property {number} pos 表示位置(縦)\r\n\t * @property {string} id 表示用ラベルフッター\r\n\t * @property {string} color CSS用ラベルフッター\r\n\t * @property {string} label 表示名\r\n\t * @property {string} dfColor 表示する文字のカラーコード (リザルト画像で使用)\r\n\t */\r\n\tconst jdgScoreObj = {\r\n\t\tii: { pos: 0, id: `Ii`, color: `ii`, label: g_lblNameObj.j_ii, dfColor: `#66ffff`, },\r\n\t\tshakin: { pos: 1, id: `Shakin`, color: `shakin`, label: g_lblNameObj.j_shakin, dfColor: `#99ff99`, },\r\n\t\tmatari: { pos: 2, id: `Matari`, color: `matari`, label: g_lblNameObj.j_matari, dfColor: `#ff9966`, },\r\n\t\tshobon: { pos: 3, id: `Shobon`, color: `shobon`, label: g_lblNameObj.j_shobon, dfColor: `#ccccff`, },\r\n\t\tuwan: { pos: 4, id: `Uwan`, color: `uwan`, label: g_lblNameObj.j_uwan, dfColor: `#ff9999`, },\r\n\t\tkita: { pos: 5, id: `Kita`, color: `kita`, label: g_lblNameObj.j_kita, dfColor: `#ffff99`, },\r\n\t\tiknai: { pos: 6, id: `Iknai`, color: `iknai`, label: g_lblNameObj.j_iknai, dfColor: `#99ff66`, },\r\n\t\tmaxCombo: { pos: 7, id: `MCombo`, color: `combo`, label: g_lblNameObj.j_maxCombo, dfColor: `#ffffff`, },\r\n\t\tfmaxCombo: { pos: 8, id: `FCombo`, color: `combo`, label: g_lblNameObj.j_fmaxCombo, dfColor: `#ffffff`, },\r\n\t\tscore: { pos: 10, id: `Score`, color: `score`, label: g_lblNameObj.j_score, dfColor: `#ffffff`, },\r\n\t};\r\n\r\n\t// キャラクタ、スコア描画\r\n\tObject.keys(jdgScoreObj).forEach(score =>\r\n\t\tmultiAppend(resultWindow,\r\n\t\t\tmakeCssResultSymbol(`lbl${jdgScoreObj[score].id}`, 0, g_cssObj[`common_${jdgScoreObj[score].color}`], jdgScoreObj[score].pos, jdgScoreObj[score].label),\r\n\t\t\tmakeCssResultSymbol(`lbl${jdgScoreObj[score].id}S`, 50, g_cssObj.common_score, jdgScoreObj[score].pos, g_resultObj[score], C_ALIGN_RIGHT),\r\n\t\t));\r\n\tif (g_stateObj.autoAll === C_FLG_OFF) {\r\n\t\tconst [lblPosX, dataPosX] = [350, 260];\r\n\t\tmultiAppend(resultWindow,\r\n\t\t\tmakeCssResultSymbol(`lblFast`, lblPosX, g_cssObj.common_diffFast, 0, g_lblNameObj.j_fast),\r\n\t\t\tmakeCssResultSymbol(`lblSlow`, lblPosX, g_cssObj.common_diffSlow, 2, g_lblNameObj.j_slow),\r\n\t\t\tmakeCssResultSymbol(`lblFastS`, dataPosX, g_cssObj.score, 1, g_resultObj.fast, C_ALIGN_RIGHT),\r\n\t\t\tmakeCssResultSymbol(`lblSlowS`, dataPosX, g_cssObj.score, 3, g_resultObj.slow, C_ALIGN_RIGHT),\r\n\t\t);\r\n\t\tif (estimatedAdj !== ``) {\r\n\t\t\tmultiAppend(resultWindow,\r\n\t\t\t\tmakeCssResultSymbol(`lblAdj`, lblPosX, g_cssObj.common_estAdj, 4, g_lblNameObj.j_adj),\r\n\t\t\t\tmakeCssResultSymbol(`lblAdjS`, dataPosX, g_cssObj.score, 5, `${getDiffFrame(estimatedAdj)}`, C_ALIGN_RIGHT),\r\n\t\t\t);\r\n\t\t}\r\n\t\tif (g_stateObj.excessive === C_FLG_ON) {\r\n\t\t\tmultiAppend(resultWindow,\r\n\t\t\t\tmakeCssResultSymbol(`lblExcessive`, lblPosX, g_cssObj.common_excessive, 6, g_lblNameObj.j_excessive),\r\n\t\t\t\tmakeCssResultSymbol(`lblExcessiveS`, dataPosX, g_cssObj.score, 7, g_resultObj.excessive, C_ALIGN_RIGHT),\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\t// ランク描画\r\n\tresultWindow.appendChild(\r\n\t\tcreateDivCss2Label(`lblRank`, rankMark, Object.assign(g_lblPosObj.lblRank, {\r\n\t\t\tcolor: rankColor, fontFamily: getBasicFont(`\"Bookman Old Style\"`),\r\n\t\t}))\r\n\t);\r\n\r\n\t// Cleared & Failed表示\r\n\tconst lblResultPre = createDivCss2Label(\r\n\t\t`lblResultPre`,\r\n\t\tresultViewText(g_gameOverFlg ? `failed` : `cleared`),\r\n\t\tObject.assign(g_lblPosObj.lblResultPre, {\r\n\t\t\tanimationDuration: (g_gameOverFlg ? `3s` : `2.5s`),\r\n\t\t\tanimationName: (g_gameOverFlg ? `upToDownFade` : `leftToRightFade`)\r\n\t\t}), g_cssObj.result_Cleared, g_cssObj.result_Window\r\n\t);\r\n\tdivRoot.appendChild(lblResultPre);\r\n\r\n\tdivRoot.appendChild(createDivCss2Label(`lblResultPre2`,\r\n\t\tresultViewText(g_gameOverFlg ? `failed` : (allArrowsPlayed ? g_resultObj.spState : ``)),\r\n\t\tg_lblPosObj.lblResultPre2, g_cssObj.result_Cleared));\r\n\r\n\t// プレイデータは Cleared & Failed に合わせて表示\r\n\tplayDataWindow.style.animationDuration = `3s`;\r\n\tplayDataWindow.style.animationName = `slowlyAppearing`;\r\n\r\n\tif (g_finishFlg && g_headerObj.resultDelayFrame > 0) {\r\n\t\tlblResultPre.style.animationDelay = `${g_headerObj.resultDelayFrame / g_fps}s`;\r\n\t\tplayDataWindow.style.animationDelay = `${g_headerObj.resultDelayFrame / g_fps}s`;\r\n\t}\r\n\r\n\t// ハイスコア差分計算\r\n\tconst assistFlg = (g_autoPlaysBase.includes(g_stateObj.autoPlay) ? `` : `-${g_stateObj.autoPlay}less`);\r\n\tconst mirrorName = (g_stateObj.shuffle.indexOf(`Mirror`) !== -1 ? `-${g_stateObj.shuffle}` : ``);\r\n\tlet scoreName = getStorageKeyName(g_headerObj.keyLabels[g_stateObj.scoreId], transKeyName, assistFlg, mirrorName, g_stateObj.scoreId);\r\n\r\n\tconst highscoreDfObj = {\r\n\t\tii: 0, shakin: 0, matari: 0, shobon: 0, uwan: 0,\r\n\t\tkita: 0, iknai: 0,\r\n\t\tmaxCombo: 0, fmaxCombo: 0, score: 0,\r\n\t};\r\n\r\n\tconst highscoreCondition = (g_stateObj.autoAll === C_FLG_OFF && g_headerObj.playbackRate === 1 &&\r\n\t\t(g_stateObj.shuffle === C_FLG_OFF || (mirrorName !== `` && orgShuffleFlg)));\r\n\tif (highscoreCondition) {\r\n\r\n\t\t// ハイスコア差分描画\r\n\t\tObject.keys(jdgScoreObj).filter(score => score !== `score`).forEach(score =>\r\n\t\t\tmultiAppend(resultWindow,\r\n\t\t\t\tmakeCssResultSymbol(`lbl${jdgScoreObj[score].id}L1`, C_RLT_BRACKET_L, g_cssObj.result_scoreHiBlanket, jdgScoreObj[score].pos, `(+`),\r\n\t\t\t\tmakeCssResultSymbol(`lbl${jdgScoreObj[score].id}LS`, C_RLT_HIDIF_X, g_cssObj.result_scoreHi, jdgScoreObj[score].pos, 0, C_ALIGN_RIGHT),\r\n\t\t\t\tmakeCssResultSymbol(`lbl${jdgScoreObj[score].id}L2`, C_RLT_BRACKET_R, g_cssObj.result_scoreHiBlanket, jdgScoreObj[score].pos, `)`),\r\n\t\t\t));\r\n\r\n\t} else {\r\n\t\tresultWindow.appendChild(makeCssResultSymbol(`lblAutoView`, 215, g_cssObj.result_noRecord, 4, `(No Record)`));\r\n\t\tconst lblAutoView = document.getElementById(`lblAutoView`);\r\n\t\tlblAutoView.style.fontSize = wUnit(20);\r\n\t}\r\n\r\n\t// ゲージ推移グラフの描画\r\n\tconst gaugeTransitionCanvas = document.createElement(`canvas`);\r\n\tgaugeTransitionCanvas.id = `graphGaugeTransition`;\r\n\tgaugeTransitionCanvas.width = g_limitObj.gaugeTransitionWidth;\r\n\tgaugeTransitionCanvas.height = g_limitObj.gaugeTransitionHeight;\r\n\r\n\tcreateEmptySprite(divRoot, `gaugeTransitionWindow`, g_windowObj.gaugeTransition, g_cssObj.result_PlayDataWindow).appendChild(gaugeTransitionCanvas);\r\n\r\n\tmultiAppend(divRoot,\r\n\t\tcreateCss2Button(`btnGaugeTransition`, `i`, () => true, {\r\n\t\t\tx: g_sWidth / 2 - 250, y: 185, w: 30, h: 30, siz: g_limitObj.jdgCharaSiz,\r\n\t\t\tresetFunc: () => changeGaugeTransition(), cxtFunc: () => changeGaugeTransition(),\r\n\t\t}, g_cssObj.button_Mini),\r\n\t);\r\n\tmultiAppend(gaugeTransitionWindow,\r\n\t\tcreateCss2Button(`btnGaugeTrL`, `<`, () => true, {\r\n\t\t\tx: -45, y: 35, w: 20, h: 30, siz: g_limitObj.jdgCharaSiz,\r\n\t\t\tresetFunc: () => moveCursor(keyIsShift() ? -10 : -1),\r\n\t\t}, g_cssObj.button_Setting),\r\n\t\tcreateCss2Button(`btnGaugeTrR`, `>`, () => true, {\r\n\t\t\tx: -25, y: 35, w: 20, h: 30, siz: g_limitObj.jdgCharaSiz,\r\n\t\t\tresetFunc: () => moveCursor(keyIsShift() ? 10 : 1),\r\n\t\t}, g_cssObj.button_Setting),\r\n\t);\r\n\tg_stateObj.gaugeTransitionViewFlg = false;\r\n\r\n\tconst changeGaugeTransition = () => {\r\n\t\tif (g_stateObj.gaugeTransitionViewFlg) {\r\n\t\t\tresultWindow.style.opacity = `1`;\r\n\t\t\tgaugeTransitionWindow.style.visibility = `hidden`;\r\n\t\t\tg_stateObj.gaugeTransitionViewFlg = false;\r\n\t\t} else {\r\n\t\t\tresultWindow.style.opacity = `0.3`;\r\n\t\t\tgaugeTransitionWindow.style.visibility = `visible`;\r\n\t\t\tg_stateObj.gaugeTransitionViewFlg = true;\r\n\t\t}\r\n\t};\r\n\r\n\tconst startFrame = g_detailObj.startFrame[g_stateObj.scoreId];\r\n\tlet playingFrame = g_detailObj.playingFrameWithBlank[g_stateObj.scoreId];\r\n\tif (playingFrame <= 0) {\r\n\t\tplayingFrame = 1;\r\n\t}\r\n\tconst transitionObj = { frame: [0], life: [g_workObj.lifeInit] };\r\n\r\n\tconst frame = transitionObj.frame;\r\n\tconst life = transitionObj.life;\r\n\tconst transitionData = g_resultObj.gaugeTransition;\r\n\r\n\tfor (let i = 0; i < transitionData?.length; i++) {\r\n\t\tframe.push(transitionData[i][0] - startFrame);\r\n\t\tlife.push(transitionData[i][1]);\r\n\t}\r\n\r\n\tframe.push(playingFrame);\r\n\tlife.push(life.at(-1));\r\n\r\n\tconst context = gaugeTransitionCanvas.getContext(`2d`);\r\n\tcontext.lineWidth = 2;\r\n\r\n\tconst drawGaugeGraph = () => {\r\n\t\tcontext.clearRect(0, 0, gaugeTransitionCanvas.width, gaugeTransitionCanvas.height);\r\n\r\n\t\tlet preX, preY;\r\n\t\tconst borderY = g_limitObj.gaugeTransitionHeight - g_workObj.lifeBorder * g_limitObj.gaugeTransitionHeight / g_headerObj.maxLifeVal;\r\n\r\n\t\tfor (let i = 0; i < frame.length; i++) {\r\n\t\t\tconst x = frame[i] * g_limitObj.gaugeTransitionWidth / playingFrame;\r\n\t\t\tconst y = g_limitObj.gaugeTransitionHeight - life[i] * g_limitObj.gaugeTransitionHeight / g_headerObj.maxLifeVal;\r\n\r\n\t\t\tif (i === 0) {\r\n\t\t\t\tcontext.beginPath();\r\n\t\t\t\tcontext.moveTo(x, y);\r\n\t\t\t} else {\r\n\t\t\t\tcontext.moveTo(preX, preY);\r\n\t\t\t\tcontext.lineTo(x, preY);\r\n\r\n\t\t\t\tif (life[i - 1] === 0 && life[i] === 0) {\r\n\t\t\t\t\tcontext.strokeStyle = g_graphColorObj.failed;\r\n\r\n\t\t\t\t} else if (life[i - 1] >= g_workObj.lifeBorder && life[i] >= g_workObj.lifeBorder) {\r\n\t\t\t\t\tcontext.lineTo(x, y);\r\n\t\t\t\t\tcontext.strokeStyle = g_graphColorObj.clear;\r\n\r\n\t\t\t\t} else if (life[i - 1] < g_workObj.lifeBorder && life[i] >= g_workObj.lifeBorder) {\r\n\t\t\t\t\tcontext.lineTo(x, borderY);\r\n\t\t\t\t\tcontext.strokeStyle = g_graphColorObj.failed;\r\n\t\t\t\t\tcontext.stroke();\r\n\t\t\t\t\tcontext.beginPath();\r\n\t\t\t\t\tcontext.moveTo(x, borderY);\r\n\t\t\t\t\tcontext.lineTo(x, y);\r\n\t\t\t\t\tcontext.strokeStyle = g_graphColorObj.clear;\r\n\r\n\t\t\t\t} else if (life[i - 1] >= g_workObj.lifeBorder && life[i] < g_workObj.lifeBorder) {\r\n\t\t\t\t\tcontext.lineTo(x, borderY);\r\n\t\t\t\t\tcontext.strokeStyle = g_graphColorObj.clear;\r\n\t\t\t\t\tcontext.stroke();\r\n\t\t\t\t\tcontext.beginPath();\r\n\t\t\t\t\tcontext.moveTo(x, borderY);\r\n\t\t\t\t\tcontext.lineTo(x, y);\r\n\t\t\t\t\tcontext.strokeStyle = g_graphColorObj.failed;\r\n\r\n\t\t\t\t} else {\r\n\t\t\t\t\tcontext.lineTo(x, y);\r\n\t\t\t\t\tcontext.strokeStyle = g_graphColorObj.failed;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tcontext.stroke();\r\n\t\t\t\tcontext.beginPath();\r\n\t\t\t}\r\n\t\t\tpreX = x;\r\n\t\t\tpreY = y;\r\n\t\t}\r\n\t}\r\n\tdrawGaugeGraph();\r\n\r\n\tlet cursorFrame = 0; // 現在のカーソル位置（frame）\r\n\tconst moveCursor = (sec = 1) => {\r\n\t\tcursorFrame = Math.max(0, Math.min(playingFrame, cursorFrame + sec * g_fps));\r\n\t\tdrawOverlay();\r\n\t};\r\n\r\n\tconst frameToX = (_frame) => {\r\n\t\treturn _frame / playingFrame * gaugeTransitionCanvas.width;\r\n\t};\r\n\r\n\t// 既存のグラフを再描画しつつ縦線と時間を重ねる\r\n\tconst drawOverlay = () => {\r\n\t\t// 既存のグラフを再描画\r\n\t\tdrawGaugeGraph();\r\n\r\n\t\tconst ctx = context;\r\n\t\tconst x = frameToX(cursorFrame);\r\n\r\n\t\t// 縦線\r\n\t\tctx.beginPath();\r\n\t\tctx.moveTo(x, 0);\r\n\t\tctx.lineTo(x, gaugeTransitionCanvas.height);\r\n\t\tctx.strokeStyle = \"#009999\";\r\n\t\tctx.lineWidth = 1.5;\r\n\t\tctx.stroke();\r\n\r\n\t\t// 時間表示\r\n\t\tconst timer = transFrameToTimer(cursorFrame + startFrame);\r\n\t\tctx.font = `14px ${getBasicFont()}`;\r\n\t\tctx.fillStyle = \"#009999\";\r\n\t\tctx.textAlign = x > gaugeTransitionCanvas.width * 0.8 ? C_ALIGN_RIGHT : C_ALIGN_LEFT;\r\n\t\tctx.fillText(\r\n\t\t\t`${timer}`,\r\n\t\t\tx > gaugeTransitionCanvas.width * 0.8 ? x - 5 : x + 5,\r\n\t\t\tg_limitObj.gaugeTransitionHeight - 35\r\n\t\t);\r\n\t};\r\n\tdrawOverlay();\r\n\r\n\t// ユーザカスタムイベント(初期)\r\n\tconst currentDateTime = new Date().toLocaleString();\r\n\tg_customJsObj.result.forEach(func => func());\r\n\r\n\tif (highscoreCondition) {\r\n\r\n\t\t// 古いキー定義の情報を検索\r\n\t\tconst relatedKeys = Object.entries(g_keyObj.keyTransPattern)\r\n\t\t\t.filter(([key, value]) => value === g_headerObj.keyLabels[g_stateObj.scoreId])\r\n\t\t\t.map(([key]) => key);\r\n\r\n\t\t// 古いキー定義のスコアデータを現行キー定義に移行\r\n\t\tfor (const legacyKey of relatedKeys) {\r\n\t\t\tlet tmpScoreName = getStorageKeyName(\r\n\t\t\t\tlegacyKey, transKeyName, assistFlg, mirrorName, g_stateObj.scoreId\r\n\t\t\t);\r\n\t\t\tconst src = g_localStorage.highscores?.[tmpScoreName];\r\n\t\t\tif (!hasVal(src)) {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\t// 現行キー定義にスコアデータが存在しない場合、移行元のスコアデータをコピー\r\n\t\t\tif (!hasVal(g_localStorage.highscores?.[scoreName])) {\r\n\t\t\t\tg_localStorage.highscores[scoreName] = structuredClone(src);\r\n\t\t\t}\r\n\r\n\t\t\t// 古いキー定義は見つかった最初の1件のみ移行し、以降は削除\r\n\t\t\tdelete g_localStorage.highscores[tmpScoreName];\r\n\t\t}\r\n\r\n\t\tObject.keys(jdgScoreObj).filter(judge => judge !== ``)\r\n\t\t\t.forEach(judge => highscoreDfObj[judge] = g_resultObj[judge] -\r\n\t\t\t\t(scoreName in g_localStorage.highscores ? g_localStorage.highscores[scoreName][judge] : 0));\r\n\r\n\t\tif (g_stateObj.dataSaveFlg) {\r\n\r\n\t\t\tconst setScoreData = () => {\r\n\t\t\t\tg_localStorage.highscores[scoreName].dateTime = currentDateTime;\r\n\t\t\t\tg_localStorage.highscores[scoreName].rankMark = rankMark;\r\n\t\t\t\tg_localStorage.highscores[scoreName].rankColor = rankColor;\r\n\t\t\t\tg_localStorage.highscores[scoreName].playStyle = playStyleData;\r\n\r\n\t\t\t\tg_localStorage.highscores[scoreName].fast = g_resultObj.fast;\r\n\t\t\t\tg_localStorage.highscores[scoreName].slow = g_resultObj.slow;\r\n\t\t\t\tg_localStorage.highscores[scoreName].adj = estimatedAdj;\r\n\t\t\t\tg_localStorage.highscores[scoreName].excessive = g_stateObj.excessive === C_FLG_ON ?\r\n\t\t\t\t\tg_resultObj.excessive : `---`;\r\n\r\n\t\t\t\tif (g_presetObj.resultVals !== undefined) {\r\n\t\t\t\t\tObject.keys(g_presetObj.resultVals).forEach(key =>\r\n\t\t\t\t\t\tg_localStorage.highscores[scoreName][g_presetObj.resultVals[key]] = g_resultObj[g_presetObj.resultVals[key]]);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\t// All Perfect時(かつスコアが同一時)はFast+Slowが最小のときに更新処理を行う\r\n\t\t\tif (rankMark === g_rankObj.rankMarkAllPerfect &&\r\n\t\t\t\tg_localStorage.highscores[scoreName]?.score === g_resultObj.score) {\r\n\t\t\t\tif (g_localStorage.highscores[scoreName].fast === undefined ||\r\n\t\t\t\t\tg_localStorage.highscores[scoreName].fast + g_localStorage.highscores[scoreName].slow >\r\n\t\t\t\t\tg_resultObj.fast + g_resultObj.slow) {\r\n\t\t\t\t\tsetScoreData();\r\n\t\t\t\t\tg_localStorage.highscores[scoreName].score = g_resultObj.score;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// ハイスコア更新時処理\r\n\t\t\tif (highscoreDfObj.score > 0) {\r\n\t\t\t\tif (g_localStorage.highscores[scoreName] === undefined) {\r\n\t\t\t\t\tg_localStorage.highscores[scoreName] = {};\r\n\t\t\t\t}\r\n\t\t\t\tObject.keys(jdgScoreObj).filter(judge => judge !== ``)\r\n\t\t\t\t\t.forEach(judge => g_localStorage.highscores[scoreName][judge] = g_resultObj[judge]);\r\n\t\t\t\tsetScoreData();\r\n\t\t\t}\r\n\r\n\t\t\t// クリアランプ点灯処理\r\n\t\t\tif (![``, `failed`, `cleared`].includes(g_resultObj.spState)) {\r\n\t\t\t\tg_localStorage.highscores[scoreName][g_resultObj.spState] = true;\r\n\t\t\t}\r\n\t\t\tconst isGameCompleted = !g_gameOverFlg && g_finishFlg;\r\n\t\t\tconst hasValidAccuracy = g_workObj.requiredAccuracy !== `----`;\r\n\t\t\tif (isGameCompleted && hasValidAccuracy && allArrowsPlayed) {\r\n\t\t\t\tif (g_localStorage.highscores[scoreName].clearLamps === undefined) {\r\n\t\t\t\t\tg_localStorage.highscores[scoreName].clearLamps = [];\r\n\t\t\t\t}\r\n\t\t\t\tg_localStorage.highscores[scoreName].clearLamps =\r\n\t\t\t\t\tmakeDedupliArray(g_localStorage.highscores[scoreName].clearLamps, [g_stateObj.gauge]);\r\n\t\t\t}\r\n\t\t\tlocalStorage.setItem(g_localStorageUrl, JSON.stringify(g_localStorage));\r\n\t\t}\r\n\r\n\t\t// ハイスコア差分値適用、ハイスコア部分作成\r\n\t\tObject.keys(jdgScoreObj).forEach(score => {\r\n\t\t\tconst jdgScore = jdgScoreObj[score];\r\n\t\t\tif (score === `score`) {\r\n\t\t\t\tmultiAppend(resultWindow,\r\n\t\t\t\t\tmakeCssResultSymbol(`lbl${jdgScore.id}L1`, C_RLT_BRACKET_L, `${highscoreDfObj.score > 0 ? g_cssObj.result_scoreHiPlus : g_cssObj.result_scoreHiBlanket}`,\r\n\t\t\t\t\t\tjdgScore.pos, `(${highscoreDfObj[score] >= 0 ? \"+\" : \"－\"}`),\r\n\t\t\t\t\tmakeCssResultSymbol(`lbl${jdgScore.id}LS`, C_RLT_HIDIF_X, `${highscoreDfObj.score > 0 ? g_cssObj.result_scoreHiPlus : g_cssObj.result_scoreHi}`,\r\n\t\t\t\t\t\tjdgScore.pos, Math.abs(highscoreDfObj[score]), C_ALIGN_RIGHT),\r\n\t\t\t\t\tmakeCssResultSymbol(`lbl${jdgScore.id}L2`, C_RLT_BRACKET_R, `${highscoreDfObj.score > 0 ? g_cssObj.result_scoreHiPlus : g_cssObj.result_scoreHiBlanket}`,\r\n\t\t\t\t\t\tjdgScore.pos, `)`),\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\tdocument.getElementById(`lbl${jdgScore.id}L1`).textContent = `(${highscoreDfObj[score] >= 0 ? \"+\" : \"－\"}`;\r\n\t\t\t\tdocument.getElementById(`lbl${jdgScore.id}LS`).textContent = Math.abs(highscoreDfObj[score]);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t}\r\n\r\n\t// X (Twitter)用リザルト\r\n\t// スコアを上塗りする可能性があるため、カスタムイベント後に配置\r\n\tconst hashTag = (hasVal(g_headerObj.hashTag) ? ` ${g_headerObj.hashTag}` : ``);\r\n\tconst keyUnitAbbName = keyUnitName.slice(0, 1) || ``;\r\n\tlet tweetDifData = `${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyName}${getStgDetailName(keyUnitAbbName + '-')}${g_headerObj.difLabels[g_stateObj.scoreId]}${assistFlg}`;\r\n\tif (g_stateObj.shuffle !== `OFF`) {\r\n\t\ttweetDifData += `:${shuffleName}`;\r\n\t}\r\n\tconst twiturl = new URL(g_localStorageUrl);\r\n\ttwiturl.searchParams.append(`scoreId`, g_stateObj.scoreId);\r\n\tconst baseTwitUrl = g_isLocal ? `` : `${twiturl.toString()}`.replace(/[\\t\\n]/g, ``);\r\n\r\n\tconst tweetExcessive = (g_stateObj.excessive === C_FLG_ON) ? `(+${g_resultObj.excessive})` : ``;\r\n\r\n\tlet tweetFrzJdg = ``;\r\n\tlet tweetMaxCombo = `${g_resultObj.maxCombo}`;\r\n\tif (g_allFrz > 0) {\r\n\t\ttweetFrzJdg = `${g_resultObj.kita}-${g_resultObj.iknai}`;\r\n\t\ttweetMaxCombo += `-${g_resultObj.fmaxCombo}`;\r\n\t}\r\n\r\n\tconst resultParams = {\r\n\t\ttuning: g_headerObj.tuning,\r\n\t\thighscore: g_resultObj,\r\n\t\thashTag, musicTitle, tweetDifData, playStyleData, rankMark,\r\n\t\ttweetExcessive, tweetFrzJdg, tweetMaxCombo, baseTwitUrl\r\n\t};\r\n\tlet tweetResultTmp = makeResultText(g_headerObj.resultFormat, resultParams);\r\n\tlet resultCommonTmp = makeResultText(g_templateObj.resultFormatDf, resultParams);\r\n\r\n\tif (g_presetObj.resultVals !== undefined) {\r\n\t\tObject.keys(g_presetObj.resultVals).forEach(key =>\r\n\t\t\ttweetResultTmp = tweetResultTmp.split(`[${key}]`).join(g_resultObj[g_presetObj.resultVals[key]]));\r\n\t}\r\n\tconst resultText = `${unEscapeHtml(tweetResultTmp)}`;\r\n\tconst tweetResult = `${g_linkObj.x}?text=${encodeURIComponent(resultText)}`;\r\n\r\n\t/**\r\n\t * リザルト画像をCanvasで作成しクリップボードへコピー\r\n\t * @param {string} _msg \r\n\t */\r\n\tconst copyResultImageData = _msg => {\r\n\t\tconst tmpDiv = createEmptySprite(divRoot, `tmpDiv`, { x: 0, y: 0, w: g_sWidth, h: g_sHeight, pointerEvents: C_DIS_AUTO });\r\n\t\ttmpDiv.style.background = `#000000cc`;\r\n\t\tconst canvas = document.createElement(`canvas`);\r\n\t\tconst artistName = g_headerObj.artistNames[g_headerObj.musicNos[g_stateObj.scoreId]] || g_headerObj.artistName;\r\n\r\n\t\tcanvas.id = `resultImage`;\r\n\t\tcanvas.width = 400;\r\n\t\tcanvas.height = g_sHeight - 90;\r\n\t\tcanvas.style.left = wUnit((g_sWidth - canvas.width) / 2);\r\n\t\tcanvas.style.top = wUnit(20);\r\n\t\tcanvas.style.position = `absolute`;\r\n\r\n\t\tconst context = canvas.getContext(`2d`);\r\n\t\tconst drawText = (_text, { x = 30, dy = 0, hy, siz = 15, color = `#cccccc`, align = C_ALIGN_LEFT, font } = {}) => {\r\n\t\t\tcontext.font = `${wUnit(siz)} ${getBasicFont(font)}`;\r\n\t\t\tcontext.fillStyle = color;\r\n\t\t\tcontext.textAlign = align;\r\n\t\t\tcontext.fillText(_text, x, 35 + hy * 18 + dy);\r\n\t\t};\r\n\t\tmakeBgCanvas(context, { h: canvas.height });\r\n\r\n\t\tdrawText(`R`, { dy: -5, hy: 0, siz: 40, color: `#9999ff` });\r\n\t\tdrawText(`ESULT`, { x: 57, dy: -5, hy: 0, siz: 25 });\r\n\t\tdrawText(`${g_lblNameObj.dancing}${g_lblNameObj.star}${g_lblNameObj.onigiri}`,\r\n\t\t\t{ x: 280, dy: -15, hy: 0, siz: 20, color: `#999999`, align: C_ALIGN_CENTER });\r\n\t\tdrawText(unEscapeHtml(mTitleForView[0]), { hy: 1 });\r\n\t\tdrawText(unEscapeHtml(mTitleForView[1]), { hy: 2 });\r\n\t\tdrawText(`${getEmojiForCanvas(g_emojiObj.memo)} ${unEscapeHtml(g_headerObj.tuning)} / ${getEmojiForCanvas(g_emojiObj.musical)} ${unEscapeHtml(artistName)}`,\r\n\t\t\t{ hy: mTitleForView[1] !== `` ? 3 : 2, siz: 12 });\r\n\t\tdrawText(unEscapeHtml(difDataForImage), { hy: 4 });\r\n\r\n\t\tif (playStyleData.length > 60) {\r\n\t\t\tdrawText(playStyleData.slice(0, playStyleBreakNum), { hy: 5, siz: getFontSize2(playStyleData.slice(0, playStyleBreakNum), 370) });\r\n\t\t\tdrawText(playStyleData.slice(playStyleBreakNum), { hy: 6, siz: getFontSize2(playStyleData.slice(playStyleBreakNum), 370) });\r\n\t\t} else {\r\n\t\t\tdrawText(playStyleData, { hy: 5, siz: getFontSize2(lblStyleData.textContent, 370, { maxSiz: 15 }) });\r\n\t\t}\r\n\t\tObject.keys(jdgScoreObj).forEach(score => {\r\n\t\t\tdrawText(g_lblNameObj[`j_${score}`], { hy: 7 + jdgScoreObj[score].pos, color: jdgScoreObj[score].dfColor });\r\n\t\t\tdrawText(g_resultObj[score], { x: 200, hy: 7 + jdgScoreObj[score].pos, align: C_ALIGN_RIGHT });\r\n\t\t});\r\n\r\n\t\tif (highscoreCondition) {\r\n\t\t\tdrawText(`(${highscoreDfObj.score >= 0 ? '+' : '-'} ${Math.abs(highscoreDfObj.score)})`,\r\n\t\t\t\t{ x: 206, hy: 18, color: highscoreDfObj.score > 0 ? `#ffff99` : `#cccccc`, align: C_ALIGN_RIGHT });\r\n\t\t}\r\n\r\n\t\tif (g_stateObj.autoAll === C_FLG_OFF) {\r\n\t\t\tdrawText(g_lblNameObj.j_fast, { x: 240, hy: 7, color: `#ff9966` });\r\n\t\t\tdrawText(g_resultObj.fast, { x: 360, hy: 7, align: C_ALIGN_RIGHT });\r\n\t\t\tdrawText(g_lblNameObj.j_slow, { x: 240, hy: 8, color: `#ccccff` });\r\n\t\t\tdrawText(g_resultObj.slow, { x: 360, hy: 8, align: C_ALIGN_RIGHT });\r\n\t\t\tif (estimatedAdj !== ``) {\r\n\t\t\t\tdrawText(g_lblNameObj.j_adj, { x: 240, hy: 9, color: `#99ff99` });\r\n\t\t\t\tdrawText(getDiffFrame(estimatedAdj), { x: 360, hy: 9, align: C_ALIGN_RIGHT });\r\n\t\t\t}\r\n\t\t\tif (g_stateObj.excessive === C_FLG_ON) {\r\n\t\t\t\tdrawText(g_lblNameObj.j_excessive, { x: 240, hy: 10, color: `#ffff99` });\r\n\t\t\t\tdrawText(g_resultObj.excessive, { x: 360, hy: 10, align: C_ALIGN_RIGHT });\r\n\t\t\t}\r\n\t\t\tg_headerObj.resultValsView\r\n\t\t\t\t.filter(key => hasVal(g_resultObj[g_presetObj.resultVals[key]]))\r\n\t\t\t\t.forEach((key, j) => {\r\n\t\t\t\t\tdrawText(g_presetObj.resultVals[key], { x: 240, hy: j + 12, color: `#ffffff` });\r\n\t\t\t\t\tdrawText(g_resultObj[g_presetObj.resultVals[key]], { x: 360, hy: j + 12, align: C_ALIGN_RIGHT });\r\n\t\t\t\t});\r\n\t\t}\r\n\t\tdrawText(rankMark, { x: 240, hy: 18, siz: 50, color: rankColor, font: `\"Bookman Old Style\"` });\r\n\t\tdrawText(baseTwitUrl, { hy: 19, siz: 8 });\r\n\t\tdrawText(currentDateTime, { hy: 20 });\r\n\r\n\t\ttmpDiv.appendChild(canvas);\r\n\r\n\t\tconst viewResultImage = () => {\r\n\t\t\tif (document.getElementById(`tmpClose`) === null) {\r\n\t\t\t\tdivRoot.oncontextmenu = () => true;\r\n\t\t\t\tmakeLinkButton(tmpDiv, `Tmp`);\r\n\t\t\t\ttmpDiv.appendChild(createCss2Button(`tmpClose`, g_lblNameObj.b_close, () => true,\r\n\t\t\t\t\tObject.assign(g_lblPosObj.btnRsCopyClose, {\r\n\t\t\t\t\t\tresetFunc: () => {\r\n\t\t\t\t\t\t\ttmpDiv.removeChild(canvas);\r\n\t\t\t\t\t\t\tdivRoot.removeChild(tmpDiv);\r\n\t\t\t\t\t\t\tdivRoot.oncontextmenu = () => false;\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t}), g_cssObj.button_Back));\r\n\t\t\t\ttmpDiv.appendChild(createDescDiv(`resultImageDesc`, g_lblNameObj.resultImageDesc));\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\ttry {\r\n\t\t\tif (ClipboardItem === undefined) {\r\n\t\t\t\tthrow new Error(`error`);\r\n\t\t\t}\r\n\t\t\tif (keyIsShift()) {\r\n\t\t\t\tviewResultImage();\r\n\t\t\t} else {\r\n\t\t\t\t// Canvas の内容を PNG 画像として取得\r\n\t\t\t\tcanvas.toBlob(async blob => {\r\n\t\t\t\t\tawait navigator.clipboard.write([\r\n\t\t\t\t\t\tnew ClipboardItem({\r\n\t\t\t\t\t\t\t'image/png': blob\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t]);\r\n\t\t\t\t});\r\n\t\t\t\ttmpDiv.removeChild(canvas);\r\n\t\t\t\tdivRoot.removeChild(tmpDiv);\r\n\t\t\t\tmakeInfoWindow(_msg, `leftToRightFade`);\r\n\t\t\t}\r\n\r\n\t\t} catch (err) {\r\n\t\t\t// 画像をクリップボードへコピーできないときは代替で画像保存可能な画面を表示\r\n\t\t\tviewResultImage();\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * 音源、ループ処理の停止\r\n\t * @param {string} _id \r\n\t * @param {string} _name \r\n\t * @param {object} _posObj \r\n\t * @param {function} _func \r\n\t * @param {...any} _cssClass \r\n\t * @returns {HTMLDivElement}\r\n\t */\r\n\tconst resetCommonBtn = (_id, _name, _posObj, _func, _cssClass) =>\r\n\t\tcreateCss2Button(_id, _name, () => {\r\n\t\t\tif (g_finishFlg) {\r\n\t\t\t\tg_audio.pause();\r\n\t\t\t}\r\n\t\t\tclearTimeout(g_timeoutEvtId);\r\n\t\t\tclearTimeout(g_timeoutEvtResultId);\r\n\t\t}, Object.assign(_posObj, { resetFunc: () => _func() }), _cssClass);\r\n\r\n\t/**\r\n\t * 外部リンクボタンを作成\r\n\t * @param {object} _div \r\n\t * @param {string} _param \r\n\t */\r\n\tconst makeLinkButton = (_div = divRoot, _param = ``) => {\r\n\t\tmultiAppend(_div,\r\n\t\t\t// リザルトデータをX (Twitter)へ転送\r\n\t\t\tcreateCss2Button(`btnTweet${_param}`, g_lblNameObj.b_tweet, () => true, Object.assign(g_lblPosObj.btnRsTweet, {\r\n\t\t\t\tresetFunc: () => openLink(tweetResult),\r\n\t\t\t}), g_cssObj.button_Tweet),\r\n\r\n\t\t\t// Discordへのリンク\r\n\t\t\tcreateCss2Button(`btnGitter${_param}`, g_lblNameObj.b_gitter, () => true, Object.assign(g_lblPosObj.btnRsGitter, {\r\n\t\t\t\tresetFunc: () => openLink(g_linkObj.discord),\r\n\t\t\t}), g_cssObj.button_Discord),\r\n\t\t);\r\n\t}\r\n\r\n\t// ボタン描画\r\n\tmultiAppend(divRoot,\r\n\r\n\t\t// タイトル画面へ戻る\r\n\t\tresetCommonBtn(`btnBack`, g_lblNameObj.b_back, g_lblPosObj.btnRsBack, titleInit, g_cssObj.button_Back),\r\n\r\n\t\t// リザルトデータをクリップボードへコピー\r\n\t\tcreateCss2Button(`btnCopy`, g_lblNameObj.b_copy, () =>\r\n\t\t\tcopyTextToClipboard(keyIsShift() ?\r\n\t\t\t\tunEscapeHtml(resultCommonTmp) : resultText, g_msgInfoObj.I_0001),\r\n\t\t\tg_lblPosObj.btnRsCopy, g_cssObj.button_Setting),\r\n\t);\r\n\tmakeLinkButton();\r\n\tmultiAppend(divRoot,\r\n\t\t// リトライ\r\n\t\tresetCommonBtn(`btnRetry`, g_lblNameObj.b_retry, g_lblPosObj.btnRsRetry, loadMusic, g_cssObj.button_Reset),\r\n\r\n\t\tcreateCss2Button(`btnCopyImage`, g_emojiObj.camera, () => true,\r\n\t\t\tObject.assign(g_lblPosObj.btnRsCopyImage, {\r\n\t\t\t\tresetFunc: () => copyResultImageData(g_msgInfoObj.I_0001),\r\n\t\t\t}), g_cssObj.button_Default_NoColor),\r\n\t);\r\n\r\n\t// マスクスプライトを作成\r\n\tconst makeResultSprite = createMultipleSprite(`maskResultSprite`, g_headerObj.maskResultMaxDepth);\r\n\tmakeResultSprite.style.pointerEvents = g_headerObj.maskresultButton ? C_DIS_AUTO : C_DIS_NONE;\r\n\r\n\t// リザルトモーションの0フレーム対応\r\n\tg_animationData.filter(sprite => g_scoreObj[`${sprite}ResultFrameNum`] === 0 && g_headerObj[`${sprite}ResultData`][0] !== undefined)\r\n\t\t.forEach(sprite => {\r\n\t\t\tg_scoreObj[`${sprite}ResultFrameNum`] = g_animationFunc.draw[sprite](0, `result`, sprite);\r\n\t\t\tg_headerObj[`${sprite}ResultData`][0] = undefined;\r\n\t\t});\r\n\r\n\t/**\r\n\t * タイトルのモーション設定\r\n\t */\r\n\tconst flowResultTimeline = () => {\r\n\r\n\t\t// ユーザカスタムイベント(フレーム毎)\r\n\t\tg_customJsObj.resultEnterFrame.forEach(func => func());\r\n\r\n\t\t// 背景・マスクモーション、スキン変更\r\n\t\tdrawTitleResultMotion(g_currentPage);\r\n\r\n\t\t// リザルト画面移行後のフェードアウト処理\r\n\t\tif (g_scoreObj.fadeOutFrame >= g_scoreObj.frameNum) {\r\n\t\t\tif (g_scoreObj.frameNum >= g_scoreObj.fullFrame) {\r\n\t\t\t\tclearTimeout(g_timeoutEvtId);\r\n\t\t\t}\r\n\t\t\tg_scoreObj.frameNum++;\r\n\t\t} else {\r\n\t\t\tconst tmpVolume = (g_audio.volume - (3 * g_stateObj.volume / 100 * C_FRM_AFTERFADE / g_scoreObj.fadeOutTerm) / 1000);\r\n\t\t\tif (tmpVolume < 0) {\r\n\t\t\t\tg_audio.volume = 0;\r\n\t\t\t\tclearTimeout(g_timeoutEvtId);\r\n\t\t\t} else {\r\n\t\t\t\tg_audio.volume = tmpVolume;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthisTime = performance.now();\r\n\t\tbuffTime = thisTime - resultStartTime - g_scoreObj.resultFrameNum * 1000 / g_fps;\r\n\r\n\t\tg_scoreObj.resultFrameNum++;\r\n\t\tg_animationData.forEach(sprite => g_scoreObj[`${sprite}ResultFrameNum`]++);\r\n\t\tg_timeoutEvtResultId = setTimeout(flowResultTimeline, 1000 / g_fps - buffTime);\r\n\t};\r\n\tflowResultTimeline();\r\n\r\n\t// キー操作イベント（デフォルト）\r\n\tsetShortcutEvent(g_currentPage, () => true, { dfEvtFlg: true });\r\n\tdocument.oncontextmenu = () => true;\r\n\r\n\tg_skinJsObj.result.forEach(func => func());\r\n};\r\n\r\n/**\r\n * リザルトフォーマットの整形処理\r\n * @param {string} _format \r\n * @param {object} object フォーマット置き換え変数群\r\n * @param {string} object.hashTag ハッシュタグ\r\n * @param {string} object.musicTitle 曲名\r\n * @param {string} object.tweetDifData 譜面名\r\n * @param {string} object.tuning 製作者名\r\n * @param {string} object.rankMark ランク\r\n * @param {string} object.playStyleData プレイ設定\r\n * @param {object} object.highscore ハイスコア（判定別）\r\n * @param {string} object.tweetExcessive 空押し判定状況\r\n * @param {string} object.tweetFrzJdg フリーズアロー判定状況\r\n * @param {string} object.tweetMaxCombo コンボ数状況\r\n * @param {string} object.baseTwitUrl X投稿用URL\r\n * @returns {string}\r\n */\r\nconst makeResultText = (_format, {\r\n\thashTag, musicTitle, tweetDifData, tuning, rankMark, playStyleData,\r\n\thighscore, tweetExcessive, tweetFrzJdg, tweetMaxCombo, baseTwitUrl } = {}) =>\r\n\treplaceStr(_format, [\r\n\t\t[`[hashTag]`, hashTag],\r\n\t\t[`[musicTitle]`, musicTitle],\r\n\t\t[`[keyLabel]`, tweetDifData],\r\n\t\t[`[maker]`, tuning],\r\n\t\t[`[rank]`, rankMark],\r\n\t\t[`[score]`, highscore?.score],\r\n\t\t[`[playStyle]`, playStyleData],\r\n\t\t[`[arrowJdg]`, `${highscore?.ii}-${highscore?.shakin}-${highscore?.matari}-${highscore?.shobon}-${highscore?.uwan}${tweetExcessive}`],\r\n\t\t[`[frzJdg]`, tweetFrzJdg],\r\n\t\t[`[maxCombo]`, tweetMaxCombo],\r\n\t\t[`[url]`, baseTwitUrl]\r\n\t]);\r\n\r\n/**\r\n * 結果表示作成（曲名、オプション）\r\n * @param {string} _id \r\n * @param {number} _x\r\n * @param {string} _class \r\n * @param {number} _heightPos \r\n * @param {string} _text\r\n * @param {string} _align\r\n * @param {number} [object.w=400]\r\n * @param {number} [object.siz=g_limitObj.mainSiz]\r\n * @returns {HTMLDivElement}\r\n */\r\nconst makeCssResultPlayData = (_id, _x, _class, _heightPos, _text, _align = C_ALIGN_CENTER, { w = 400, siz = g_limitObj.mainSiz } = {}) =>\r\n\tcreateDivCss2Label(_id, _text, {\r\n\t\tx: _x, y: g_limitObj.setMiniSiz * _heightPos, w, h: g_limitObj.setMiniSiz, siz, align: _align,\r\n\t}, _class);\r\n\r\n/**\r\n * 結果表示作成（キャラクタ）\r\n * @param {string} _id \r\n * @param {number} _x\r\n * @param {string} _class\r\n * @param {number} _heightPos \r\n * @param {string} _text\r\n * @param {string} _align\r\n * @returns {HTMLDivElement}\r\n */\r\nconst makeCssResultSymbol = (_id, _x, _class, _heightPos, _text, _align = C_ALIGN_LEFT) =>\r\n\tmakeCssResultPlayData(_id, _x, _class, _heightPos, _text, _align, { w: 150, siz: g_limitObj.jdgCntsSiz });\r\n\r\n// ライセンス原文、以下は削除しないでください\r\n/*-----------------------------------------------------------*/\r\n/*\r\n\r\nMIT License\r\n\r\nCopyright (c) 2018 tickle\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\nSOFTWARE.\r\n\r\n */\r\n/*-----------------------------------------------------------*/"]}