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

ACTでbig-swangsを導入する方法

URLをコピーする
URLをコピーしました!
FF14 ACT big-swangs
GitHubよりお借りしています。

big-swangsの導入方法をまとめました。

目次

big-swangsとは?

collin-garveyさんが作られたデザインです。
ACTのオーバーレイを通じてゲーム画面上にDPSを表示してくれます。
フォントが特徴的で可読性も高いしデザインが好みでした。

big-swangsの導入方法

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

導入は以上です。

表示させるとこんな感じでした。

FF14 ACT big-swangs

big-swangsの設定方法

新規ジョブのアイコンと背景色が表示されません。

最終更新が2015年10月なのでジョブアイコンファイルの不足と記述が無い為です。
.imgファイルの追加と.cssファイルに追記をすればOKです。

水平スクロールバーが必ず表示されます。

paddingとかの問題だと思います。
.cssファイルに追記をしてゴリ押しで非表示にします。

big-swangsの設定方法(ジョブアイコンの追加)

.imgファイルの追加についてです。

STEP
不足しているジョブアイコンをDLします。
gamerescape.com
gamerescape.com FF14 アイコン

big-swangsは白く光ったアイコンを使っているので統一すると良いと思います。
RDM以下の5種類だと思います。(RDM│SAM│BLU│GNB│DNC)

STEP
class-iconsフォルダに追加します。

他ファイルと同じように小文字の略名で統一すると便利です。

FF14 ACT big-swangs

.imgファイルの追加は以上です。

.cssファイルの追記についてです。

STEP
big-swangs-master/dist/css/big-swangs.cssをメモ帳などで開いてジョブ名で検索します。
FF14 ACT big-swangs
STEP
今回追加するジョブ名を同じ規則で適当にどこかの間に追記して上書き保存します。
下記の内容をコピペでOKです。(青魔は適当にDPS枠にしています)
.gnb {
  background-color: rgba(41, 128, 185, 0.35); }
  .gnb .combatant__bar {
    background: linear-gradient(180deg, #2980b9 0%, #2472a4 100%); }
  .gnb .combatant__icon {
    background-image: url("../images/class-icons/gnb.png"); }

.sam {
  background-color: rgba(192, 57, 43, 0.35); }
  .sam .combatant__bar {
    background: linear-gradient(180deg, #c0392b 0%, #ab3326 100%); }
  .sam .combatant__icon {
    background-image: url("../images/class-icons/sam.png"); }

.dnc {
  background-color: rgba(192, 57, 43, 0.35); }
  .dnc .combatant__bar {
    background: linear-gradient(180deg, #c0392b 0%, #ab3326 100%); }
  .dnc .combatant__icon {
    background-image: url("../images/class-icons/dnc.png"); }

.rdm {
  background-color: rgba(192, 57, 43, 0.35); }
  .rdm .combatant__bar {
    background: linear-gradient(180deg, #c0392b 0%, #ab3326 100%); }
  .rdm .combatant__icon {
    background-image: url("../images/class-icons/rdm.png"); }

.blu {
  background-color: rgba(192, 57, 43, 0.35); }
  .blu .combatant__bar {
    background: linear-gradient(180deg, #c0392b 0%, #ab3326 100%); }
  .blu .combatant__icon {
    background-image: url("../images/class-icons/blu.png"); }
STEP
ACTを起動中に作業をした場合はオーバーレイの表示をリロードすると反映されます。

.cssファイルの追記は以上です。

これで新規ジョブのアイコンが正しく表示されるようになりました。

FF14 ACT big-swangs

src/scss/jobs.scssでジョブ名のロール指定が有ったけど上記だけで表示されたのでしませんでした。

big-swangsの設定方法(スクロールバーの非表示)

big-swangs-master/dist/css/big-swangs.cssに下記コードをどこかに追記します。

body{ overflow-x:hidden;overflow-y:hidden; }

拡大縮小は出来つつスクロールバーが非表示になりました。

FF14 ACT big-swangs

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

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

コメント

コメント一覧 (4件)

コメントする

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

トップへ
目次
閉じる