テンプレート:CustomGrid
ショートカット
Luaモジュールを使用しています: |
このテンプレートは、MOD解説などの記事で使えるGUIを簡単に作成することのできるテンプレートです。
Feed The Beast WikiのTemplate:CgをこのWikiのためにカスタマイズしたものです(互換性はありません)。
テンプレート使用時の注意:
GUIを作成した時は、{{CustomGrid}}
をそのまま用いるのではなく、新たに別のテンプレートを作成することをおすすめします
Parameters
本家のテンプレートと同様、テキストやスロットなどの要素をコンポーネントとして複数配置することでGUIを作成します。
共通
- 1, type - 設定するコンポーネントの種類を設定します。
- style (任意) - 追加のstyleを指定します
- class (任意) - 追加のclassを指定します
デフォルトtype
|type=
をなにも設定しなかった場合のパラメーターです。
- 2, width - GUI全体の横幅をpxで指定します。
- 3, height - GUI全体の高さをpxで指定します。
- float (任意) - GUI全体のfloat(文字の回り込み)を設定します。
type = end
|type=end
を設定したときのパラメーターです。
これは、GUIの終わりを意味しており、最後に必ず設定する必要があります。
なお、|style=
や|class=
は設定できません。
type = slot
アイテムスロットを挿入します。
テンプレート内部では{{slot}}
を使用しており、MODで追加されたアイテムなども表示することが可能です。
- 2 - アイテムの画像をスプライトアイコンの名前、もしくはWiki構文を指定します。詳細はslotを参照。
- 3, x - スロットの横位置を左上を基準としてpxで指定します。
- 4, y - スロットの縦位置を左上を基準としてpxで指定します。
- 5, amount - アイテムの個数を指定します。詳細はslotを参照。
type = shapeless
- 2, x - アイコンの横位置を左上を基準としてpxで指定します。
- 3, y - アイコンの縦位置を左上を基準としてpxで指定します。
type = bg-image
背景画像を挿入します。
画像は、アイテムのスロット部分が32x32pxになるように調整するとよいでしょう。
- 2 - ファイル名
- 3, width (任意) - 画像の横幅をpxで指定します。
type = text
テキストを挿入します。
- 2 - 表示するテキスト
- 3, x - テキストの横位置を左上を基準としてpxで指定します。
- 4, y - テキストの縦位置を左上を基準としてpxで指定します。
- 5 - テキストサイズ(font-size)を指定します。
type = tank
タンクを表示します。液体や電力などの高さが変化するものの描画に適しています。
- 2 - 液体の名前を指定します。ツールチップのタイトルにもなります。
- 3, x - テキストの横位置を左上を基準としてpxで指定します。
- 4, y - テキストの縦位置を左上を基準としてpxで指定します。
- 5 - 液体の量を指定します。
- 6 (任意) - タンクの最大容量を指定します。初期値は
|5=
で指定したものと同じになります。 - 7, dir (任意) - タンクの液量が上昇する方向を
left
,right
,up
,down
から指定します。初期値はup
です。例えばright
と指定すると、左から右に増加します。 - img (任意) - 液体の画像を指定します。指定しない場合は「
Liquidicon {{{5|Water}}}}.png
」となります。 - width (任意) - タンク自体の横幅を指定します。指定しない場合は32pxになります。
- height (任意) - タンク自体の高さを指定します。指定しない場合は32pxになります。
- unit (任意) - ツールチップに表示される液体の量を表す単位を指定します。初期値は
mB
です。 - notip (任意) - なにか文字列を指定すると、ツールチップを表示しません。
- title (任意) - ツールチップのタイトルをオーバーライドして指定します。
- description (任意) - ツールチップの説明文をオーバーライドして指定します。
- nodescription (任意) - なにか文字列を指定すると、ツールチップの説明文を表示しません。
type = image
画像を挿入します。
Wikiテキストを使用するので、画像以外の表示にも使用できます。
type = bg-image
と指定したときと異なり、表面に画像が表示されます。
- 2 - 画像などをWikiテキストで指定します。
- 3, x - テキストの横位置を左上を基準としてpxで指定します。
- 4, y - テキストの縦位置を左上を基準としてpxで指定します。
- notip (任意) - なにか文字列を指定すると、ツールチップを表示しません。
- title (任意) - ツールチップのタイトルをオーバーライドして指定します。
- description (任意) - ツールチップの説明文をオーバーライドして指定します。
- nodescription (任意) - なにか文字列を指定すると、ツールチップの説明文を表示しません。
type = progress
徐々に変化するアニメーションを使用した画像を表示します。プログレスバー(精錬の進捗を表す矢印など)の表示に使用できます。
- 2 - 画像名を指定します。
- 3, x - 画像の横位置を左上を基準としてpxで指定します。
- 4, y - 画像の縦位置を左上を基準としてpxで指定します。
- 5, dir - 変化の方向を
left
,right
,up
,down
から指定します。例えばright
と指定すると、左から右に変化します。 - 6, size - 変化する長さを指定します。例えば
30
と指定すると、30pxだけアニメーションが行われます。 - reverse - なにか文字列を指定すると逆方向に変化します。
ファイルの命名規則について
CustomGridに使用する画像をアップロードする際は、以下の命名規則にご協力をお願いします。
これは画像ファイルの参照のしやすさを良くするためだけに定められたものであり、編集者すべてに強制するものではありません。
なおファイルの形式はPNG・GIFを使用することが推奨されています。
GUIの画像
GUIの画像はGUI-<MOD名>-<装置名>.png
という名前にしてください。
MOD名のところは基本的に略称ではなく正式名称を入力してください。Minecraft単体で追加されるものにはVanilla
というMOD名をつけてください。
- 例
- GUI-Industrial Craft2-Macerator.png
- GUI-Vanilla-Furnace.png
アイテムや液体などの画像
基本的にアイテムの画像を追加したい場合は、{{CustomSprite}}
を用いることが推奨されます。
しかし、スプライトを作るほどでもない画像の場合は以下の方法を用いてください。
- アイテムやブロック(インベントリアイコン)
Invicon <アイテム名>.png
- 液体
Liquidicon <アイテム名>.png
Examples
Wiki文: {{CustomGrid||164|195}}<!-- -->{{CustomGrid|bg-image|GUI-Sample-Alloy Smelter.png}}<!-- -->{{CustomGrid|slot|oak log|15.5|45}}<!-- -->{{CustomGrid|slot|oak log|65.5|25}}<!-- -->{{CustomGrid|slot|oak log|114|45.5}}<!-- -->{{CustomGrid|slot|charcoal|65.5|127|3}}<!-- -->{{CustomGrid|text|6000 RF|8|170}}<!-- -->{{CustomGrid|text|Alloy Smelter|10|4|style=font-size:16px;}}<!-- -->{{CustomGrid|end}}
|
結果:
|
Wiki文: {{Cg||310|148}}<!-- -->{{Cg|bg-image|GUI-Sample-Smeltery_Alloying.png}}<!-- -->{{Cg|progress|GUI-Smelting Progress.png|148|65|right|48}}<!-- -->{{Cg|tank|Molten Copper|40|44|3|4|width=36|height=64|}}<!-- -->{{Cg|tank|Molten Tin|76|44|1|4|width=36|height=64|}}<!-- -->{{Cg|tank|Molten Bronze|234|44|4|4|width=36|height=64|}}<!-- -->{{CustomGrid|text|Smeltery Alloying|10|4|style=font-size:16px;}}<!-- -->{{Cg|end}}
|
結果:
|
See also
- Template:Cg - Feed The Beast Wiki
{{Gui}}
{{Slot}}
{{InvSprite}}
Subpages
- CustomGrid/AirFlow
- CustomGrid/Botania
- CustomGrid/Botania/Botanical Brewery
- CustomGrid/Botania/Elven Trade
- CustomGrid/Botania/Flower
- CustomGrid/Botania/Mana Infusion
- CustomGrid/Botania/Petal Apothecary
- CustomGrid/Botania/Runic Altar
- CustomGrid/Botania/Terrestrial Agglomeration
- CustomGrid/Botania/doc
- CustomGrid/Chest
- CustomGrid/Chest/doc
- CustomGrid/Compound Creator
- CustomGrid/Compound Creator/doc
- CustomGrid/EnderChest
- CustomGrid/EnderChest/doc
- CustomGrid/HeatAndClimate
- CustomGrid/HeatAndClimate/Climate
- CustomGrid/HeatAndClimate/ClimateSmelting
- CustomGrid/HeatAndClimate/Flower
- CustomGrid/HeatAndClimate/Harvest
- CustomGrid/HeatAndClimate/doc
- CustomGrid/HeatTier
- CustomGrid/Hotbar
- CustomGrid/Hotbar/doc
- CustomGrid/Humidity
- CustomGrid/Industrial Revolution by Redstone
- CustomGrid/Industrial Revolution by Redstone/Alloy
- CustomGrid/Industrial Revolution by Redstone/Cheese Maker
- CustomGrid/Industrial Revolution by Redstone/Crusher
- CustomGrid/Industrial Revolution by Redstone/Smoker
- CustomGrid/Industrial Revolution by Redstone/Spinning
- CustomGrid/Industrial Revolution by Redstone/doc
- CustomGrid/Inventory
- CustomGrid/Inventory/doc
- CustomGrid/Lab Table
- CustomGrid/Lab Table/doc
- CustomGrid/LargeChest
- CustomGrid/LargeChest/doc
- CustomGrid/Mekanism
- CustomGrid/Mekanism/Crusher
- CustomGrid/Mekanism/Enrichment Chamber
- CustomGrid/Mekanism/Osmium Compressor
- CustomGrid/Mekanism/doc
- CustomGrid/Multiblock
- CustomGrid/Multiblock/doc
- CustomGrid/RingOffset
- CustomGrid/TinkersConstruct
- CustomGrid/TinkersConstruct/Alloying
- CustomGrid/TinkersConstruct/Casting
- CustomGrid/TinkersConstruct/Dryingrack
- CustomGrid/TinkersConstruct/doc
- CustomGrid/doc