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

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

  • ゲーミングマウス
  • ゲーミングキーボード
  • PCゲーム
  • 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. PCゲーム
  3. ゲーミングマウスパッド
  4. ゲーミングマウス
  5. ゲーミングマウス
  6. ゲーミングキーボード
  7. ゲームパッド
  8. ゲーミングマウス
  9. ゲーミングキーボード
  10. ゲーミングマウス
  11. コントローラー(ハンドル・ジョイスティック)
  12. ゲーミングマウスパッド
  13. PCゲーム
  14. ゲーミングマウス
  15. ゲーミングマウス
  16. ゲーミングマウス
  17. PCゲーム
  18. 周辺機器・アクセサリ
  19. ゲーミングマウス
  20. コントローラー(ハンドル・ジョイスティック)
  1. ゲームソフト
  2. ゲームソフト
  3. ゲーム機本体
  4. ゲームソフト
    発売日 : 2019年10月18日
    価格 : ¥7,473
    新品最安値 :
    ¥7,470
  5. ゲーム機本体
  6. ゲームソフト
    発売日 : 2021年10月29日
    価格 : ¥5,409
    新品最安値 :
    ¥5,000
  7. コントローラー
  8. ゲームソフト
  9. ゲームソフト
    発売日 : 2017年04月28日
    価格 : ¥5,318
    新品最安値 :
    ¥4,900
  10. ゲームソフト
  11. ゲームソフト
    発売日 : 2022年03月25日
    価格 : ¥5,664
    新品最安値 :
    ¥5,664
  12. ゲームソフト
    発売日 : 2020年03月20日
    価格 : ¥5,628
    新品最安値 :
    ¥4,500
  13. ゲームソフト
  14. ゲームソフト
  15. ゲームソフト
    発売日 : 2020年11月19日
    価格 : ¥5,120
    新品最安値 :
    ¥4,430
  16. ゲームソフト
    発売日 : 2018年06月21日
    価格 : ¥3,490
    新品最安値 :
    ¥3,280
  17. ゲームソフト
  18. Nintendo Switch
  19. ゲームソフト
  20. ゲームソフト
  1. コミック
  2. コミック
  3. コミック
  4. コミック
  5. コミック
  6. コミック
  7. コミック
  8. コミック
  9. コミック
  10. コミック
  11. コミック
  12. コミック
  13. コミック
  14. コミック
  15. コミック
  16. コミック
  17. コミック
  18. コミック・ラノベ・BL
    発売日 : 2022年01月15日
    価格 : ¥673
    新品最安値 :
    ¥673
  19. コミック
  20. コミック
よかったらシェアしてね!
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で不定期にインしてのんびりギャザクラやってる感じの人です。課金はお布施みたいにずっと切らしていないんですがイン出来ない事が多いので宝くじ当てて廃プレイしたいなあって思ってます。

コメント

コメント一覧 (1件)

コメントする

トップへ
目次
閉じる