10/13 スカイスチールの採集場所を更新しました

ACTでbrunokratka-overlayを導入する方法

URLをコピーする
URLをコピーしました!
FF14 ACT brunokratka-overlay

brunokratka-overlayの導入方法をまとめました。

目次

brunokratka-overlayとは?

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

skin固有の名前が無かったので作者の方の名前を仮に付けさせてもらっています。

下の方にメモで残してるけど、こんな感じでカスタマイズして使ってます

FF14 ACT brunokratka-overlay
FF14 ACT brunokratka-overlay

brunokratka-overlayの導入方法

STEP
brunokratka-overlayのファイルをDLして解凍後、任意の所に設置します。
STEP
ACTの「OverlayPlugin.dll」タブで「追加」から「Preset」をCustom、「種類」をMiniParseで任意の名前を付けて保存します。
STEP
「オーバーレイを表示する」と「オーバーレイを有効にする」に✓、
「表示するURL」でTears.htmlを指定、
「オーバーレイの表示をリロード」を押します。
STEP
左上に出てくると思います。
ドラッグで任意の所に動かして右下でサイズを変えられます。

導入は以上です。

  • 表示させるとこんな感じです。

お疲れ様でした!

メモ

少しだけ自分用にTears.htmlを弄った備忘録です。
元の書式はなるべく残しつつやってるので元にも戻しやすい気がします(オリジナル再DLも良いですし)

背景を透過させたい場合

18行あたり
  • background-colorを0にした

before

    html{
        height: 100%;
        overflow: hidden;
        border-radius: 10px;
        font-family: Meiryo;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-position: bottom right;
        background-color: rgba(0, 0, 0, 0.2);
      }

after

    html{
        height: 100%;
        overflow: hidden;
        border-radius: 10px;
        font-family: Meiryo;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-position: bottom right;
        background-color: rgba(0, 0, 0, 0.0);
      }

OverHの表示位置がACCと被って見えないのでズラしたい場合

130行あたり
  • margin-leftの値を増やした

before

      li .hps{
        margin-left: 8px;
      }

after

       li .hps{
        margin-left: 80px;
      }

命中率は基本100%なのでACCは要らない場合

130行/624行あたり
  • ACCをコメントアウトさせてOverHのmargin-leftを0にした

before

      li .hps{
        margin-left: 8px;
      }
          row.querySelector('.tohit').innerHTML = 'ACC ' + combatant.tohit + '%'; // Accuracy
          // encDPS html span required
          // row.querySelector('.dps').innerHTML   = combatant.encdps;
          row.querySelector('.job-icon').innerHTML = '<img src="images/'+ imgFolder + '/' + jobName(combatant) + '.png" onerror="this.setAttribute(\'src\', \'images/error.png\');">';
          row.querySelector('.name').innerHTML = combatant.name === 'YOU' ? combatantName : combatant.name;
          row.querySelector('.encdps').innerHTML = combatant['encdps']; // Encdps
          row.querySelector('.crithit').innerHTML = 'CRIT ' + combatant['crithit%']; // Crithit
          row.querySelector('.bar').style.width = ((parseFloat(combatant.encdps) / maxdps) * 100) + '%';

after

      li .hps{
        margin-left: 0px;
      }
//          row.querySelector('.tohit').innerHTML = 'ACC ' + combatant.tohit + '%'; // Accuracy
          // encDPS html span required
          // row.querySelector('.dps').innerHTML   = combatant.encdps;
          row.querySelector('.job-icon').innerHTML = '<img src="images/'+ imgFolder + '/' + jobName(combatant) + '.png" onerror="this.setAttribute(\'src\', \'images/error.png\');">';
          row.querySelector('.name').innerHTML = combatant.name === 'YOU' ? combatantName : combatant.name;
          row.querySelector('.encdps').innerHTML = combatant['encdps']; // Encdps
          row.querySelector('.crithit').innerHTML = 'CRIT ' + combatant['crithit%']; // Crithit
          row.querySelector('.bar').style.width = ((parseFloat(combatant.encdps) / maxdps) * 100) + '%';

ACC、CRIT、OverHが要らない場合

554行/624行あたり
  • コメントアウトさせた

before

        if(overHeal){
          row.querySelector('.hps').innerHTML = 'OverH ' + overHeal;
        }
          row.querySelector('.tohit').innerHTML = 'ACC ' + combatant.tohit + '%'; // Accuracy
          // encDPS html span required
          // row.querySelector('.dps').innerHTML   = combatant.encdps;
          row.querySelector('.job-icon').innerHTML = '<img src="images/'+ imgFolder + '/' + jobName(combatant) + '.png" onerror="this.setAttribute(\'src\', \'images/error.png\');">';
          row.querySelector('.name').innerHTML = combatant.name === 'YOU' ? combatantName : combatant.name;
          row.querySelector('.encdps').innerHTML = combatant['encdps']; // Encdps
          row.querySelector('.crithit').innerHTML = 'CRIT ' + combatant['crithit%']; // Crithit
          row.querySelector('.bar').style.width = ((parseFloat(combatant.encdps) / maxdps) * 100) + '%';

after

//        if(overHeal){
//          row.querySelector('.hps').innerHTML = 'OverH ' + overHeal;
//        }
//          row.querySelector('.tohit').innerHTML = 'ACC ' + combatant.tohit + '%'; // Accuracy
          // encDPS html span required
          // row.querySelector('.dps').innerHTML   = combatant.encdps;
          row.querySelector('.job-icon').innerHTML = '<img src="images/'+ imgFolder + '/' + jobName(combatant) + '.png" onerror="this.setAttribute(\'src\', \'images/error.png\');">';
          row.querySelector('.name').innerHTML = combatant.name === 'YOU' ? combatantName : combatant.name;
          row.querySelector('.encdps').innerHTML = combatant['encdps']; // Encdps
//          row.querySelector('.crithit').innerHTML = 'CRIT ' + combatant['crithit%']; // Crithit
          row.querySelector('.bar').style.width = ((parseFloat(combatant.encdps) / maxdps) * 100) + '%';

Your Tearsの表記を変えたい場合

310行あたり
  • combatantNameを変えた

before

      var rows    = 10,
        row,
        rdps_max  = 0,
        combatantName = 'Your Tears',
        imgFolder = 'default';

after

      var rows    = 10,
        row,
        rdps_max  = 0,
        combatantName = 'ME',
        imgFolder = 'default';

DPSのみのコンパクトな表示にしたい場合

FF14 ACT brunokratka-overlay
FF14 ACT brunokratka-overlay

minimal-uiのジョブアイコンと置き換えても合いそう
 →置き換えてみた(右上の画像)

いろいろ
  • 上記の内容を変えた
  • フォントサイズを適当に小さめ12pxに揃えた

before

      #header{
        width: 100%;
        height: 100%;
        display: none;
        font-size: 14px;
        position: relative;
        vertical-align: middle;
      }
      li .name{
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        letter-spacing: 1px;
        display: inline-block;
        text-overflow: ellipsis;
      }

      li.raidheader{
        width: 100%;
        display: flex;
        font-size: 18px;
        flex-wrap: nowrap;
        margin-bottom: 16px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }
      li .encountertitle{
        font-size: 18px;
        text-shadow: inset 0px 1px 1px #000;
      }
      li .current-zone{
        font-size: 14px;
        text-shadow: inset 0px 1px 1px #000;
      }

      li .raiddps{
        width: 70px;
        display: block;
        font-size: 16px;
        text-align: middle;
        letter-spacing: 7px;
        text-shadow: inset 0px 1px 1px #000; 
      }

      li .duration{
        font-size: 14px;
        text-shadow: inset 0px 1px 1px #4d4d4d;
      }

after

      #header{
        width: 100%;
        height: 100%;
        display: none;
        font-size: 12px;
        position: relative;
        vertical-align: middle;
      }
      li .name{
        font-size: 12px;
        overflow: hidden;
        white-space: nowrap;
        letter-spacing: 1px;
        display: inline-block;
        text-overflow: ellipsis;
      }

      li.raidheader{
        width: 100%;
        display: flex;
        font-size: 12px;
        flex-wrap: nowrap;
        margin-bottom: 16px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }
      li .encountertitle{
        font-size: 12px;
        text-shadow: inset 0px 1px 1px #000;
      }
      li .current-zone{
        font-size: 12px;
        text-shadow: inset 0px 1px 1px #000;
      }

      li .raiddps{
        width: 70px;
        display: block;
        font-size: 12px;
        text-align: middle;
//        letter-spacing: 7px;
        text-shadow: inset 0px 1px 1px #000; 
      }

      li .duration{
        font-size: 12px;
        text-shadow: inset 0px 1px 1px #4d4d4d;
      }
4+
よかったらシェアしてね!
URLをコピーする
URLをコピーしました!

この記事を書いた人

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

オススメ記事

コメント

コメントする

目次
閉じる