\ 楽天BLACK FRIDAYセール! /

ACTでHaeruTimeを導入する方法

FF14 ACT HaeruTime

HaeruTimeの導入と設定方法をまとめました。

目次

HaeruTimeとは?

HAERUHAERUさんが作られたデザインです。
MopiMopi2を作られた方ですね。
ACTのオーバーレイを通じてゲーム画面上に時計を表示してくれます。

HaeruTimeの導入方法

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

導入は以上です。

こんな感じで表示してくれます。

FF14 ACT HaeruTime

HaeruTimeのフォントの変え方

STEP
HaeruTimeのファイルをDLして解凍後、任意の所に設置します。
FF14 ACT HaeruTime
FF14 ACT HaeruTime
STEP
fontフォルダに任意のフォントファイルを入れます。

既にフォントがインストールされている場合は、Windows(C:)/Windows/Fontsフォルダにフォントファイルが有るので、それをコピーするとOKです。

今回はHG丸ゴシックM-PRO標準に変えています。

FF14 ACT HaeruTime
STEP
index.htmlファイルをメモ帳などで開いてフォントの指定部分を修正します。
STEP
修正前の先頭行からstyleタグの終わりまでを抜き出しています。
DS-Digitalで指定されているものを任意のものに変えるとOKです。
<html>
<title>해루시계 (크기조절:더블클릭/기준:PC시간)</title>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <style>
        @font-face {
            font-family: 'DS-Digital';
            src: url(font/DS-DIGIB.woff) format("woff"),
                 url(font/DS-DIGIB.ttf) format("ttf")
        }

        html {
            font-size: 62.5%;
            -ms-transition: .15s;
            -moz-transition: .15s;
            -khtml-transition: .15s;
            -webkit-transition: .15s;
            transition: .15s;
        }
        div {
            -ms-user-select: none;
            -moz-user-select: -moz-none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            user-select: none
        }

        #clock {
            width: 100%;
            background: rgba(0, 0, 0, 0);
            color: #fff;
            font-family: 'DS-Digital';
            font-size: 2.4rem;
            text-align:left;
            vertical-align: middle;
            text-shadow: 0 0 .3rem #000;
            cursor: move
        }
    </style>
STEP
修正後はこんな感じで変わります。
使用したいフォントファイル名の指定で良いと思います。
<html>
<title>해루시계 (크기조절:더블클릭/기준:PC시간)</title>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <style>
        @font-face {
            font-family: 'HGRSMP';
            src: url(font/HGRSMP.TTF) format("ttf")
        }

        html {
            font-size: 62.5%;
            -ms-transition: .15s;
            -moz-transition: .15s;
            -khtml-transition: .15s;
            -webkit-transition: .15s;
            transition: .15s;
        }
        div {
            -ms-user-select: none;
            -moz-user-select: -moz-none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            user-select: none
        }

        #clock {
            width: 100%;
            background: rgba(0, 0, 0, 0);
            color: #fff;
            font-family: 'HGRSMP';
            font-size: 2.4rem;
            text-align:left;
            vertical-align: middle;
            text-shadow: 0 0 .3rem #000;
            cursor: move
        }
    </style>
STEP
変えた箇所は3箇所です。
  • 8行目font-familyのDS-Digitalの指定
  • 9行目srcのDS-DIGIBの指定
    (元ファイルはwoffとttfですけど上記のようにttfのみでOKです)
  • 33行目#clockのDS-Digitalの指定
STEP
ACTの「OverlayPlugin.dll」タブで「表示するURL」を修正後の.htmlを指定して「オーバーレイの表示をリロード」を押します。
FF14 ACT HaeruTime

設定は以上です。

こんな感じで変わりました。

FF14 ACT HaeruTime

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

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

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

目次