2015年05月04日

ACT EnmityPluginでターゲットまでの距離だけを表示する方法

詩人やヒーラーをプレイするとき、スキルの効果範囲を知っておく必要があります。例えば、戦闘前に魔人のレクイエムを歌っておき、感知ギリギリまで敵に接近しておきたい!とか、水鏡の付いたSTを巻き込まずにメディカラをしたい!などのシチュエーションです。
ffxiv_act_enmityplugin.JPG

EnmityPlugin(記事投稿時の最新版1.3.0.2)を使えば、ターゲットまでの距離を正確に表示できますが、タンク以外では敵視リストが邪魔!という人もいると思います(私です)。これをターゲットまでの距離だけに変更する方法です。ちなみに、数字が2つ表示されていますが、左側がターゲットの位置(ターゲットリングの中心)までの距離、右側のカッコ付きがターゲットの効果範囲(ターゲットリングの外周)までの距離です。

「もの」と「テクノロジー」の新情報サイト【ものテク】オープン!


【Step1】スタイルの編集
プラグインのresourceフォルダに入っている"enmity.html"を編集します。下線の部分をコメントに従って書き換えるだけです。

(HTML編集箇所)
#target {
border-bottom: 0px solid #DED7BE;/* バーを消す(太さを1px→0px) */
color: #DED7BE;
text-shadow: -1px 0 2px #795516, 0 1px 2px #795516, 1px 0 2px #795516, 0 -1px 2px #795516;
font-weight: 300;
white-space: nowrap;
padding: 2px;
}
#target_hp_gauge {
position: absolute;
display: block;
bottom: 0px;/* バーを消す(太さを2px→0px) */
height: 0px;/* バーを消す(太さを2px→0px) */
/* background-color: rgba(81, 255, 0, 0.75); */ /* Apply Effect で設定するのでコメント */
z-index: 1;
}

【Step2】表示項目の編集
同じく"enmity.html"を編集します。

(HTML編集前)
// テンプレート文字列
var targetDefine =
"<div class='box'>" +
"<div id='target_hp_gauge' style='width: {HPPercent}%'></div>" +
"<div id='target_name_plate'>" +
"<span class='target_header'>ターゲット: </span> " +
"<span id='target_name' class='target_body'>{Name}</span>" +
"</div>" +
"</div>" +
"<div id='target_detail'>" +
"<span>HP: </span>" +
"<span class='target_body'>{HPPercent}% ({CurrentHP}/{MaxHP})</span>" +
"<div style='float: right'>" +
"<span>距離: </span>" +
"<span class='target_body'>{Distance}m ({EffectiveDistance}m)</span>" +
"</div>" +
"</div>";

// なにもターゲットしてない時のテンプレート
var noTargetDefine =
"<div id='target_name_plate'>ターゲット: <span class='target_body'>No target</span></div>";

(HTML編集後)
// テンプレート文字列
var targetDefine =
"<div class='box'>" +
"<div id='target_hp_gauge' style='width: {HPPercent}%'></div>" +
"<div id='target_name_plate'>" +
"</div>" +
"</div>" +
"<div id='target_detail'>" +
"<span>距離: </span>" +
"<span class='target_body'>{Distance}m ({EffectiveDistance}m)</span>" +
"</div>";

// なにもターゲットしてない時のテンプレート
var noTargetDefine =
"<div id='target_name_plate'></div>";

以上、長文お疲れ様でした。


ラベル:ACT FF14
posted by わんこ at 13:52| Comment(0) | 小ネタ | このブログの読者になる | 更新情報をチェックする

ACT OverlayPluginで自分やペットの色を変える方法

OverlayPlugin(記事投稿時の最新版3.3.6)では、デフォルトでPTリストの名前が青色で表示されますが、自分やペット、リミットブレイクを他の色に変える方法です。
ffxiv_act_overlayplugin.png

「もの」と「テクノロジー」の新情報サイト【ものテク】オープン!


以下の箇所にのstart〜endの記述を追加してください。
// 行構え設定
if (typeof(bodyDefine[i].align) !== 'undefined') {
cell.style.textAlign = bodyDefine[i].align;
}

/* 特定の行の文字を変更 start */
if(combatantName==="YOU") {
cell.style.color = "#E2EBF5";
cell.style.textShadow = "-1px 0 3px #008000, 0 1px 3px #008000, 1px 0 3px #008000, 0 -1px 3px #008000";
} else if(combatantName==="Limit Break") {
cell.style.color = "#E2EBF5";
cell.style.textShadow = "-1px 0 3px #800000, 0 1px 3px #800000, 1px 0 3px #800000, 0 -1px 3px #800000";
} else if(combatantName==="Ifrit") {
cell.style.color = "#E2EBF5";
cell.style.textShadow = "-1px 0 3px #808000, 0 1px 3px #808000, 1px 0 3px #808000, 0 -1px 3px #808000";
} else if(combatantName==="Titan") {
cell.style.color = "#E2EBF5";
cell.style.textShadow = "-1px 0 3px #808000, 0 1px 3px #808000, 1px 0 3px #808000, 0 -1px 3px #808000";
} else if(combatantName==="Garuda") {
cell.style.color = "#E2EBF5";
cell.style.textShadow = "-1px 0 3px #808000, 0 1px 3px #808000, 1px 0 3px #808000, 0 -1px 3px #808000";
} else if(combatantName==="Eos") {
cell.style.color = "#E2EBF5";
cell.style.textShadow = "-1px 0 3px #808000, 0 1px 3px #808000, 1px 0 3px #808000, 0 -1px 3px #808000";
} else if(combatantName==="Selene") {
cell.style.color = "#E2EBF5";
cell.style.textShadow = "-1px 0 3px #808000, 0 1px 3px #808000, 1px 0 3px #808000, 0 -1px 3px #808000";
} else if(combatantName==="Emerald") {
cell.style.color = "#E2EBF5";
cell.style.textShadow = "-1px 0 3px #808000, 0 1px 3px #808000, 1px 0 3px #808000, 0 -1px 3px #808000";
} else if(combatantName==="Topaz") {
cell.style.color = "#E2EBF5";
cell.style.textShadow = "-1px 0 3px #808000, 0 1px 3px #808000, 1px 0 3px #808000, 0 -1px 3px #808000";
} else if(combatantName==="Chocobo") {
cell.style.color = "#E2EBF5";
cell.style.textShadow = "-1px 0 3px #808000, 0 1px 3px #808000, 1px 0 3px #808000, 0 -1px 3px #808000";
}
/* 特定の行の文字を変更 end */
※下線の部分の数値は好みの色に設定してください。
ラベル:ACT FF14
posted by わんこ at 11:39| Comment(1) | 小ネタ | このブログの読者になる | 更新情報をチェックする

ACT OverlayPluginにジョブアイコンを表示する方法

OverlayPlugin(記事投稿時の最新版3.3.6)では、デフォルトでジョブ名が英字3文字で表示されますが、これをジョブアイコンに変更する方法です。
ffxiv_act_overlayplugin.png

「もの」と「テクノロジー」の新情報サイト【ものテク】オープン!


【Step1】ジョブアイコンの準備
ジョブアイコンの画像ファイルは、スクリーンショットから自分で加工、あるいはインターネットからダウンロードするなどして用意します。ファイル名は以下のように接頭語"Job"に続けて英字3文字のジョブ名にします。拡張子はpngを例にしていますが、jpgやbmpで加工した場合は、適宜、合わせてください。
・剣術師⇒"JobGld.png"
・格闘師⇒"JobPgl.png"
・斧術師⇒"JobMrd.png"
・槍術師⇒"JobLnc.png"
・弓術師⇒"JobArc.png"
・幻術師⇒"JobCnj.png"
・呪術師⇒"JobThm.png"
・巴術師⇒"JobAcn.png"
・双剣師⇒"JobRog.png"
・ナイト⇒"JobPld.png"
・モンク⇒"JobMnk.png"
・戦士⇒"JobWar.png"
・竜騎士⇒"JobDrg.png"
・吟遊詩人⇒"JobBrd.png"
・白魔導士⇒"JobWhm.png"
・黒魔導士⇒"JobBlm.png"
・学者⇒"JobSch.png"
・召喚師⇒"JobSmn.png"
・忍者⇒"JobNin.png"

また、ペットやバディ、リミットブレイクもアイコン表示したい人はこちらも。(Option)
・フェアリー・エオス⇒"JobEos.png"
・フェアリー・セレネ⇒"JobSelene.png"
・カーバンクル⇒"JobEmerald.png"
・むーたん⇒"JobTopaz.png"
・タイタン・エギ⇒"JobTitan.png"
・イフリート・エギ⇒"JobIfrit.png"
・ガルーダ・エギ⇒"JobGaruda.png"
・バディチョコボ⇒"JobChocobo.png"
・リミットブレイク⇒"JobLimitBreak.png"

以下は必要な人だけ。クラフターやギャザラーで戦闘はしないと思いますが、絡まれた場合など不意の戦闘でもアイコンを表示したい人向けです。
・木工師⇒"JobCrp.png"
・鍛冶師⇒"JobBsm.png"
・甲冑師⇒"JobArm.png"
・彫金師⇒"JobGsm.png"
・革細工師⇒"JobTan.png"
・裁縫師⇒"JobWvr.png"
・錬金術師⇒"JobAlc.png"
・調理師⇒"JobCul.png"
・採掘師⇒"JobMin.png"
・園芸師⇒"JobBtn.png"
・漁師⇒"JobFsh.png"

さらに、NPCや敵など、ジョブがないキャラクターのために無色透明の空画像ファイルを用意します。通常はなくても大丈夫ですが、エラー表示が気になる人向けです。
・NPC⇒"Job.png"

【Step2】前提プラグインの追加
ペットやリミットブレイクを区別するために、MiniParseNameToHankaku.csで追加されるJobOrName要素を利用しています。Wikiにこのプラグインについて説明が書いてありますので、詳しくはそちらをご覧ください。

【Step3】HTMLの編集
プラグインのresourceフォルダに入っている"miniparse.html"を編集します。なお、以下の説明では、Step1で用意したジョブアイコンの画像ファイルがminiparse.htmlのあるフォルダ(resourcesフォルダ)の下の"jobicon"というフォルダに格納されているものとします。

(フォルダ構成例)
[resources]
├ miniparse.html
└[jobicon]
 ├ Job***.png

(HTML編集前)
{ text: "{Job}", width: "8%", align: "center" },

(HTML編集後)
{ html: "<img src='./jobicon/Job{JobOrName}.png' width='19' height='19' />", width: "8%", align: "center"},
※下線の部分の数値はジョブアイコンの画像サイズや画面サイズに合わせて設定してください。

また、Step1でペットのアイコンも準備した方は以下の箇所にのstart〜endの記述を追加してください。
// tbody の内容を作成
var combatantIndex = 0;
for (var combatantName in data.Combatant) {
var combatant = data.Combatant[combatantName];

/* ペットのアイコン表示用の設定 start */
combatant.JobOrName = combatant.Job;
if (combatantName.search("エオス") != -1) {
var combatantName = 'Eos';
combatant.JobOrName = combatantName;
}
  if (combatantName.search("ガルーダ") != -1) {
var combatantName = 'Garuda';
combatant.JobOrName = combatantName;
}
if (combatantName.search("タイタン") != -1) {
var combatantName = 'Titan';
combatant.JobOrName = combatantName;
}
if (combatantName.search("イフリート") != -1) {
var combatantName = 'Ifrit';
combatant.JobOrName = combatantName;
}
if (combatantName.search("セレネ") != -1) {
var combatantName = 'Selene';
combatant.JobOrName = combatantName;
}
if (combatantName.search("エメラルド") != -1) {
var combatantName = 'Emerald';
combatant.JobOrName = combatantName;
}
if (combatantName.search("トパーズ") != -1) {
var combatantName = 'Topaz';
combatant.JobOrName = combatantName;
}
if (combatantName.search("Limit Break") != -1) {
var combatantName = 'Limit Break';
combatant.JobOrName = combatantName;
}
if (combatantName.search(/\)$/) != -1) {
var combatantName = 'Chocobo';
combatant.JobOrName = combatantName;
}
/* ペットのジョブ画像読み込み用の設定 end */

以上、長文お疲れ様でした。
ラベル:FF14 ACT
posted by わんこ at 06:50| Comment(3) | 小ネタ | このブログの読者になる | 更新情報をチェックする
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。