【Amazon】7/12 (火) ~ 7/13 (水) プライムデー 

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

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

  • PS4
  • マウス
  • キーボード
  • 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. ゲーミングキーボード
  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. ゲームソフト
    発売日 : 2019年10月18日
    価格 : ¥7,473
    新品最安値 :
    ¥12,960
  8. ゲームソフト
  9. ゲームソフト
  10. ゲームソフト
  11. ゲームソフト
    発売日 : 2022年09月09日
    価格 : ¥5,673
    新品最安値 :
    ¥5,673
  12. ゲームソフト
  13. ゲームソフト
    発売日 : 2017年04月28日
    価格 : ¥5,545
    新品最安値 :
    ¥4,700
  14. ゲームソフト
    発売日 : 2022年03月25日
    価格 : ¥5,618
    新品最安値 :
    ¥4,800
  15. ゲームソフト
  16. ゲームソフト
    発売日 : 2022年06月09日
    価格 : ¥5,100
    新品最安値 :
    ¥5,100
  17. ゲーム機本体
  18. ゲームソフト
    発売日 : 2018年06月21日
    価格 : ¥3,300
    新品最安値 :
    ¥2,984
  19. ゲームソフト
  20. ゲームソフト
    発売日 : 2022年04月29日
    価格 : ¥3,825
    新品最安値 :
    ¥3,825
  1. コミック・ラノベ・BL
    発売日 : 2022年06月21日
    価格 : ¥119
    新品最安値 :
    ¥119
  2. コミック
  3. コミック
  4. コミック
  5. コミック
  6. コミック
  7. コミック
  8. コミック
  9. コミック
  10. コミック
  11. コミック
  12. コミック
  13. コミック
  14. コミック
  15. コミック
  16. コミック
  17. コミック・ラノベ・BL
    発売日 : 2022年05月14日
    価格 : ¥99
    新品最安値 :
    ¥99
  18. コミック
  19. コミック
  20. コミック
よかったらシェアしてね!
URLをコピーする
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部分を削除すると良いのかなぁ?と思いました。
      ゲームを起動しながらテストしてみたわけでは無いのですが、取り急ぎこちらで解決できるかも・・という所です・・!

コメントする

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

トップへ
目次
閉じる