MENU
2/23 古ぼけた地図のスライダーを改修しました/記事最初と最後・サイドバーにGoogle検索boxを設置しました
  1. ホーム
  2. FF14
  3. 外部ツール
  4. ACTでEorzeaClockを導入する方法

ACTでEorzeaClockを導入する方法

FF14外部ツール
ACTツール
2020.03.16
URLをコピーする
URLをコピーしました！
FF14 ACT EorzeaClock

EorzeaClockの導入方法をまとめました。

目次

EorzeaClockとは？

Aromatibusさんが作られたデザインです。
ACTのオーバーレイを通じてゲーム画面上に秒単位で時間を表示してくれます。

GitHub
Aromatibus/EorzeaClock
Aromatibus/EorzeaClockContribute to Aromatibus/EorzeaClock development by creating an account on GitHub.
GitHubより引用

GitHubで弊サイトをご紹介して頂きました、有難うございます。

EorzeaClockの導入方法

STEP
ACTの「OverlayPlugin.dll」タブで「追加」から「Preset」をCustom、「種類」をMiniParseで任意の名前を付けて保存します。
FF14 ACT EorzeaClock
STEP
「オーバーレイを表示する」と「オーバーレイを有効にする」に✓、
「表示するURL」に　https://aromatibus.github.io/EorzeaClock/
「オーバーレイの表示をリロード」を押します。
FF14 ACT EorzeaClock
STEP
左上に出てくると思います。
ドラッグで任意の所に動かせて、ダブルクリックでサイズを15段階変えられます。
FF14 ACT EorzeaClock

最大値になったら音が鳴ってお知らせしてくれて、とても親切です。

シングルクリックで下記のように色や形式を変えられます。

導入は以上です。

EorzeaClockの設定方法（フォントの変え方）

フォントを変えたい場合は、index.htmlの中身を変更します。

STEP
EorzeaClockのファイルをDLして解凍後、任意の所に設置します。
FF14 ACT EorzeaClock
STEP
index.htmlファイルをメモ帳などで開いてfont-familyプロパティの指定を変更すればOKです。

今回は下記のようにフォントを変えてみました。

		font-family: "Roboto";

どんなフォントが指定できてどんな見た目になるかはこちらのサイトが参考になるかもしれません。

あわせて読みたい
font-familyで指定できるフォント名一覧CSSのfont-familyプロパティで指定できるフォント名・総称ファミリ名を総称ファミリ名と各OS標準の和文フォントで分類し一覧表にしました。
STEP
ACTの「表示するURL」で、変更したindex.htmlファイルを指定します。
STEP
ACTを起動したままでフォントの指定を変えた場合は、オーバーレイの表示をリロードを押せば反映されると思います。

こんな感じで変わってくれました。

FF14 ACT EorzeaClock

rgbaの数値を変更するとカラーの変更もできます。

FF14 ACT EorzeaClock

カラーについてはこちらのサイトなどが参考になるかもしれません。

Webクリエイターボックス
Webで使えるカラーネームと、そのカラーコード・RGB値一覧
Webで使えるカラーネームと、そのカラーコード・RGB値一覧Webサイトを作るとき、通常色の指定にはカラーコードを記述しますが、決められた色名称を使うこともできます。色を自分で一から探すより、リストの中から選ぶ方がイメージ…
あわせて読みたい
カラーコード変換｜各種設定用のカラーコードに変換 | すぐに使える便利なWEBツール | Tech-Unlimited16進数のカラーコード、RGB形式、HSV形式など、色を設定する様々なシーンで対応可能。HTMLやCSS、各種ツールの設定時に便利です。

EorzeaClockの設定方法（表示順の変え方）

表示順を変えたい場合は、index.htmlの中身を変更します。
例えばゲーム内と同じET→LT→STとなるようにします。

FF14 ACT EorzeaClock
変更前
FF14 ACT EorzeaClock
変更後
STEP
EorzeaClockのファイルをDLして解凍後、任意の所に設置します。
FF14 ACT EorzeaClock
STEP
index.htmlファイルをメモ帳などで開いてDisplay Format以下を変更します。
FF14 ACT EorzeaClock カスタマイズ
修正前です。フォーマットを崩さず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

Google検索BOX

FF14外部ツール
ACTツール
よかったらシェアしてね！
URLをコピーする
URLをコピーしました！

この記事を書いた人

hanabiのアバター hanabi

元々はFPS民でSF1、AVA、CSGO、PUBG、APEXを触りました。いくつかのタイトルで大会も出たけど手が震えてさくっと負けました。
FPS以外はFF14、TERA、B&S、LuviniaSaga、ToS、PSO2、マビ英、Kurtzpel、ShadowArena、FallGuysなどと雑食です。
FF14を長くやっていて邂逅編の頃にガチ廃人でした。今はのんびりギャザクラやってる感じの人です。

オススメ記事

コメント

コメント一覧 （9件）

  • 毎日hanabiさんのサイトを見て楽しませてもらってます！
    要望なんですが、hojoring機能のXIV Logがいまいちわからなくて、
    暇ができた時にまとめてもらたらなぁなんて思ってますｗ

    返信

  • 初めまして。
    作者のAromatibusです。
    とても詳しく親切に紹介してくださっていて感動いたしました。
    ありがとうございます。

    記事を見て表示サイズの変更回数が良い数字ではないなと思い変更しました。。。
    そこまで細かく見ていませんでした。
    ご紹介してくださり、ありがとうございました。

    返信

    • 初めまして、こんばんは！
      こちらこそ素敵な作品を作って頂いて有難うございます、愛用させて頂いております！
      表示サイズの変更回数は確認してこちらの内容も修正致しました。

      コメント頂いて、またGitHubで弊サイトを載せて頂いて、こちらこそ有難うございます！

      返信

  • ETとLTが標準HUDと左右入れ替わってて使いにくい事このうえないです。

    返信

    • こんばんは！
      確かにゲーム内と同じ順序だと使いやすいかもですね！

      index.htmlの内容を修正して標準HUDと合わせる方法を追記してみました。
      URLの指定ではダメなので手間が掛かりますが、もし参考になるならうれしいです！

      返信

  • >index.htmlの内容を修正して標準HUDと合わせる方法を追記してみました。
    どこに・・・

    返信

コメントする

目次
閉じる