EorzeaClockの導入方法をまとめました。
目次
EorzeaClockとは？
Aromatibusさんが作られたデザインです。
ACTのオーバーレイを通じてゲーム画面上に秒単位で時間を表示してくれます。
EorzeaClockの導入方法
STEP
ACTの「OverlayPlugin.dll」タブで「追加」から「Preset」をCustom、「種類」をMiniParseで任意の名前を付けて保存します。
STEP
「オーバーレイを表示する」と「オーバーレイを有効にする」に✓、
「表示するURL」に https://aromatibus.github.io/EorzeaClock/
「オーバーレイの表示をリロード」を押します。
「表示するURL」に https://aromatibus.github.io/EorzeaClock/
「オーバーレイの表示をリロード」を押します。
STEP
左上に出てくると思います。
ドラッグで任意の所に動かせて、ダブルクリックでサイズを15段階変えられます。
ドラッグで任意の所に動かせて、ダブルクリックでサイズを15段階変えられます。
シングルクリックで下記のように色や形式を変えられます。
導入は以上です。
EorzeaClockの設定方法（フォントの変え方）
フォントを変えたい場合は、index.htmlの中身を変更します。
STEP
EorzeaClockのファイルをDLして解凍後、任意の所に設置します。
STEP
index.htmlファイルをメモ帳などで開いてfont-familyプロパティの指定を変更すればOKです。
今回は下記のようにフォントを変えてみました。
font-family: "Roboto";STEP
ACTの「表示するURL」で、変更したindex.htmlファイルを指定します。
STEP
ACTを起動したままでフォントの指定を変えた場合は、オーバーレイの表示をリロードを押せば反映されると思います。
こんな感じで変わってくれました。
rgbaの数値を変更するとカラーの変更もできます。
EorzeaClockの設定方法（表示順の変え方）
表示順を変えたい場合は、index.htmlの中身を変更します。
例えばゲーム内と同じET→LT→STとなるようにします。
STEP
EorzeaClockのファイルをDLして解凍後、任意の所に設置します。
STEP
index.htmlファイルをメモ帳などで開いてDisplay Format以下を変更します。
修正前です。フォーマットを崩さずET/LT/ST単位で順番を変えます。
// Display Format
// console.log("Flag S" + DispSize + " : F" + DispForm + " : C" + DispColor);
clock.style.fontSize = DispSize + "px";
setColor(DispColor);
switch (DispForm) {
case 1:
clock.innerHTML = "LT " + localHours + ":" + localMinute + ":" + localSeconds + " / ET " + eorzeaHours + ":" + eorzeaMinute + ":" + eorzeaSeconds;
break;
case 2:
clock.innerHTML = "ST " + utcHours + ":" + utcMinute + ":" + utcSeconds + " / ET " + eorzeaHours + ":" + eorzeaMinute + ":" + eorzeaSeconds;
break;
case 3:
clock.innerHTML = "LT " + localHours + ":" + localMinute + ":" + localSeconds + " / ST " + utcHours + ":" + utcMinute + ":" + utcSeconds + " / ET " + eorzeaHours + ":" + eorzeaMinute + ":" + eorzeaSeconds;
break;
case 4:
clock.innerHTML = "LT " + localYear + "/" + localMonth + "/" + localDay + " (" + localWeek + ") " + localHours + ":" + localMinute + ":" + localSeconds + " / ET " + eorzeaHours + ":" + eorzeaMinute + ":" + eorzeaSeconds;
break;
default:
DispForm = 1;
localStorage.setItem("DispForm", DispForm);
break;
}
}修正後です。以下のものをコピペしても問題無いと思います。
// Display Format
// console.log("Flag S" + DispSize + " : F" + DispForm + " : C" + DispColor);
clock.style.fontSize = DispSize + "px";
setColor(DispColor);
switch (DispForm) {
case 1:
clock.innerHTML = "ET " + eorzeaHours + ":" + eorzeaMinute + ":" + eorzeaSeconds + " / LT " + localHours + ":" + localMinute + ":" + localSeconds;
break;
case 2:
clock.innerHTML = "ET " + eorzeaHours + ":" + eorzeaMinute + ":" + eorzeaSeconds + " / ST " + utcHours + ":" + utcMinute + ":" + utcSeconds;
break;
case 3:
clock.innerHTML = "ET " + eorzeaHours + ":" + eorzeaMinute + ":" + eorzeaSeconds + " / LT " + localHours + ":" + localMinute + ":" + localSeconds + " / ST " + utcHours + ":" + utcMinute + ":" + utcSeconds;
break;
case 4:
clock.innerHTML = "ET " + eorzeaHours + ":" + eorzeaMinute + ":" + eorzeaSeconds + " / LT " + localYear + "/" + localMonth + "/" + localDay + " (" + localWeek + ") " + localHours + ":" + localMinute + ":" + localSeconds;
break;
default:
DispForm = 1;
localStorage.setItem("DispForm", DispForm);
break;
}
}内容はこんな感じです。
- ET/LT/STのどれかから始まって、Hours→Minute→Secondsの順になってます。
- 上はそれぞれETの場合eorzea~、LTの場合local~、STの場合utc~となってます。
- ” “で囲ったり、半角スペース、:、;、のルールを崩さずに上記を入れ替えます。
- case4はlocalYearなど年月日や曜日の指定が有るのでそこはlocalのまま順だけ変えます。
STEP
ACTの「表示するURL」で、変更したindex.htmlファイルを指定します。
STEP
ACTを起動したままでフォントの指定を変えた場合は、オーバーレイの表示をリロードを押せば反映されると思います。
設定は以上です、お疲れさまでした！
0
![[5.3]イシュガルド復興 ディアデム諸島 漁師の釣り場と分解内容](https://onlinegaming.life/images/ffxiv_20200313_160943_967.png)
![[5.3]ギャザラー収集品取引 白貨/黄貨 採集場所一覧/マクロ(園芸師)](https://onlinegaming.life/images/ffxiv_20200317_142357_885.png)
毎日hanabiさんのサイトを見て楽しませてもらってます！
要望なんですが、hojoring機能のXIV Logがいまいちわからなくて、
暇ができた時にまとめてもらたらなぁなんて思ってますｗ