ACTでHaeruTimeを導入する方法

2020-01-282022-10-15

当サイトには広告が含まれています。

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

HaeruTimeとは？

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

GitHub

GitHub – HAERUHAERU/HaeruTime Contribute to HAERUHAERU/HaeruTime development by creating an account on GitHub.

HaeruTimeの導入方法

STEP

ACTの「OverlayPlugin.dll」タブで「追加」から「Preset」をCustom、「種類」をMiniParseで任意の名前を付けて保存します。

STEP

「オーバーレイを表示する」と「オーバーレイを有効にする」に✓、
「表示するURL」に https://haeruhaeru.github.io/HaeruTime/
「オーバーレイの表示をリロード」を押します。

STEP

左上に出てくると思います。
ドラッグで任意の所に動かして、ダブルクリックでサイズを10段階変えられます。

導入は以上です。

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

HaeruTimeのフォントの変え方

STEP

HaeruTimeのファイルをDLして解凍後、任意の所に設置します。

STEP

fontフォルダに任意のフォントファイルを入れます。

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

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

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を指定して「オーバーレイの表示をリロード」を押します。

設定は以上です。

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

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

よかったらシェアしてね！

URLをコピーしました！

ACTでHaeruTimeを導入する方法

HaeruTimeとは？

HaeruTimeの導入方法

HaeruTimeのフォントの変え方

コメント

コメントするコメントをキャンセル

ACTでHaeruTimeを導入する方法

HaeruTimeとは？

HaeruTimeの導入方法

HaeruTimeのフォントの変え方

コメント

コメントする コメントをキャンセル

コメントするコメントをキャンセル