ACTでEorzeaClockを導入する方法

URLをコピーする
URLをコピーしました!
FF14 ACT EorzeaClock

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

目次

EorzeaClockとは?

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

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";

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

STEP
ACTの「表示するURL」で、変更したindex.htmlファイルを指定します。
STEP
ACTを起動したままでフォントの指定を変えた場合は、オーバーレイの表示をリロードを押せば反映されると思います。

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

FF14 ACT EorzeaClock

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

FF14 ACT 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を起動したままでフォントの指定を変えた場合は、オーバーレイの表示をリロードを押せば反映されると思います。

設定は以上です、お疲れさまでした!

  • ゲーミングマウス
  • ゲーミングキーボード
  • PCゲーム
  • Switch
  • マンガ
  1. ゲーミングマウス
  2. ゲーミングマウス
  3. ゲーミングマウス
  4. ゲーミングマウス
  5. ゲーミングマウス
  6. ゲーミングマウス
  7. ゲーミングマウス
  8. ゲーミングマウス
  9. ゲーミングマウス
  10. ゲーミングマウス
  11. ゲーミングマウス
  12. ゲーミングマウス
  13. ゲーミングキーボード
  14. ゲーミングキーボード
  15. ゲーミングマウス
  16. ゲーミングキーボード
  17. ゲーミングマウス
  18. ゲーミングマウス
  19. ゲーミングマウス
  20. ゲーミングキーボード
  1. ゲーミングキーボード
  2. ゲーミングキーボード
  3. ゲーミングキーボード
  4. ゲーミングキーボード
  5. ゲーミングキーボード
  6. ゲーミングキーボード
  7. ゲーミングキーボード
  8. ゲーミングキーボード
  9. ゲーミングキーボード
  10. ゲーミングキーボード
  11. ゲーミングマウスパッド
  12. ゲーミングキーボード
  13. ゲーミングキーボード
  14. ゲーミングキーボード
  15. ゲーミングキーボード
  16. ゲーミングキーボード
  17. ゲーミングキーボード
  18. ゲーミングキーボード
  19. ゲーミングキーボード
  20. ゲームパッド
  1. ゲーミングマウス
  2. PCゲーム
  3. ゲーミングマウスパッド
  4. ゲーミングマウス
  5. ゲーミングマウス
  6. ゲーミングキーボード
  7. ゲームパッド
  8. ゲーミングマウス
  9. ゲーミングキーボード
  10. ゲーミングマウス
  11. コントローラー(ハンドル・ジョイスティック)
  12. ゲーミングマウスパッド
  13. PCゲーム
  14. ゲーミングマウス
  15. ゲーミングマウス
  16. PCゲーム
  17. ゲーミングマウス
  18. 周辺機器・アクセサリ
  19. ゲーミングマウス
  20. コントローラー(ハンドル・ジョイスティック)
  1. ゲームソフト
  2. ゲームソフト
  3. ゲーム機本体
  4. ゲームソフト
    発売日 : 2019年10月18日
    価格 : ¥7,473
    新品最安値 :
    ¥12,960
  5. ゲーム機本体
  6. ゲームソフト
    発売日 : 2021年10月29日
    価格 : ¥5,409
    新品最安値 :
    ¥5,000
  7. コントローラー
  8. ゲームソフト
  9. ゲームソフト
    発売日 : 2017年04月28日
    価格 : ¥5,318
    新品最安値 :
    ¥4,729
  10. ゲームソフト
  11. ゲームソフト
    発売日 : 2022年03月25日
    価格 : ¥5,664
    新品最安値 :
    ¥5,664
  12. ゲームソフト
    発売日 : 2020年03月20日
    価格 : ¥5,628
    新品最安値 :
    ¥11,840
  13. ゲームソフト
  14. ゲームソフト
  15. ゲームソフト
    発売日 : 2020年11月19日
    価格 : ¥5,120
    新品最安値 :
    ¥10,560
  16. ゲームソフト
    発売日 : 2018年06月21日
    価格 : ¥3,490
    新品最安値 :
    ¥3,141
  17. ゲームソフト
  18. Nintendo Switch
  19. ゲームソフト
  20. ゲームソフト
  1. コミック
  2. コミック
  3. コミック
  4. コミック
  5. コミック
  6. コミック
  7. コミック
  8. コミック
  9. コミック
  10. コミック
  11. コミック
  12. コミック
  13. コミック
  14. コミック
  15. コミック
  16. コミック
  17. コミック
  18. コミック・ラノベ・BL
    発売日 : 2022年01月15日
    価格 : ¥673
    新品最安値 :
    ¥673
  19. コミック
  20. コミック
よかったらシェアしてね!
URLをコピーする
URLをコピーしました!

オススメ記事

この記事を書いた人

小学生の時にPCを買って頂いてからのPCゲーマーです。
元々はFPS民でCS:S、SF1、AVA、CS:GO、PUBG、APEXを触りました。いくつかのタイトルで大会も出たんですがさくっと負けたのが良い思い出です。

FPS以外は罪と罰++ 二律背反、アスガルド、LuviniaSaga、TERA、マビノギ英雄伝、FF14、Blade&Soul、TreeofSavior、PSO2、Satisfactory、Kurtzpel、ShadowArena、FallGuys、Craftopiaなどを触ってた雑食です。FF14を長くやっていて邂逅編の頃にガチ廃人でした。

最近はFF14で不定期にインしてのんびりギャザクラやってる感じの人です。課金はお布施みたいにずっと切らしていないんですがイン出来ない事が多いので宝くじ当てて廃プレイしたいなあって思ってます。

コメント

コメント一覧 (11件)

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

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

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

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

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

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

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

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

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

  • 初めまして、いつも楽しく拝見しております。
    一つ気になることがありましたので書き込みさせていただきます。
    このオーバーレイを有効にした状態でActを起動すると起動するたびに結構大きめの音が鳴るので困っているんですがこの起動音を消すことは出来ないのでしょうか?
    index.htmlからいじれば消せそうなんですがどこをいじればいいのか分からず……ということで書き込みさせていただきました。
    もしこのコメントにお気づきになられましたら返信いただけると幸いです。

    • こんばんは!
      こちらこそいつも見て頂いてありがとうございます!

      起動時の音の件ですが、以下のように「//Music init」の次の行の先頭にコメントアウトで「//」を加えてあげると一番楽かなと思います!
      https://onlinegaming.life/images/2021072001.jpg

      これで対応する場合は、オリジナルを残せつつ2文字足すだけでカンタンなんですが、2種類のエラー文が出るようにはなります。
      Info: e: BrowserConsole: Uncaught ReferenceError: Music is not defined (Source: file:***/EorzeaClock-master/index.html, Line: 82)
      Info: e: BrowserConsole: Uncaught ReferenceError: Music is not defined (Source: file:***/EorzeaClock-master/index.html, Line: 162)
      ただこのエラーであれば延々と流れるものではないので、重たくもならず問題無いかなぁと思ってはいますー!

      エラー文を完全になくす場合は//Music init以下、//Sound Player以下、その他PlaySound部分を削除すると良いのかなぁ?と思いました。
      ゲームを起動しながらテストしてみたわけでは無いのですが、取り急ぎこちらで解決できるかも・・という所です・・!

コメントする

トップへ
目次
閉じる