前景・背景の設定

ココフォリアの前景・背景の使い方について

イメージを共有しよう!

ココフォリアには、オフラインセッションのプレイマットのイラストやボードゲームの盤面のイラストのように、背景となる画像を設定することができます。システム・シナリオのイメージや場面のイメージに合わせて設定すると、没入感が増すでしょう!


前景・背景

ココフォリアの盤面には、背景のように使える画像を 2 種類設定できます。

機能

説明

①前景

画像未設定の場合にグリッド線が表示されている部分のみに設定される画像

②背景

画面全体とグリッド線が表示されている部分それぞれに設定される画像

①には前景に設定した画像の下に背景の画像が表示されるようになっています。

背景に青と水色の画像、前景に黒い透過画像を設定すると、次のように表示されます。

これを利用すると、より臨場感のある描写が可能になります。 例えば、背景に山の画像を、前景に透過された動く雲の画像をセットすることで、山が曇っている場面を表現することができます!


設定方法

前景・背景は以下のように 設定することができます。

1.画像選択ウィンドウを以下のいずれかの方法で開く

  • 前景/背景の変更したい方をダブルクリック

  • 前景/背景の変更したい方で右クリック 前景・背景を変更→フィールド設定ウィンドウから前景/背景の変更したい方を選択

2.設定したい画像を画像選択画面にドラッグ&ドロップする

3.設定したい画像を選択する   画像を設定しない場合は、画像サムネイル左上の NOIMAGE をクリックしてください。

画像選択ウィンドウでの画像のアップロード

画像をアップロードする際にタブ分けをすることができます。 例えば、前景に使用する予定の画像なら前景のタブにアップロードするといったように、画像の用途によってタブを使い分けると画像を探す時に便利です。 もちろん、背景タブにドラッグ&ドロップした画像を前景に使用するといったこともできます。

また、セッションに使用する画像がたくさんある場合、一度に複数枚ドラッグ&ドロップしておくこともできます。事前にドラッグ&ドロップしておいた画像をクリックすると、その画像を選択することができます。


フィールド設定ウィンドウ

グリッド線が表示されている部分の大きさを変えたい!という場合もあるでしょう。 フィールド設定ウィンドウでは、パネルの大きさなどの設定を変更することができます。

機能

説明

①横幅・縦幅

グリッド線が表示されている部分の横幅・縦幅(半角数字)

②画像を自動トリミングする

前景/背景画像について縦横比を変更して表示するかトリミングするかを設定できる

③背景選択

画面全体とグリッド線が表示されている部分両方に画像を設定できる

④前景選択

グリッド線が表示されている部分にのみ画像を設定できる

①横幅・縦幅

パネルの横幅・縦幅を設定できます。 幅「1」は24pxです

②画像を自動トリミングする

OFF(白): 設定された画像の縦横比が変更され、パネルの横幅・縦幅に合うようになります。

ON(青): 設定された画像の縦横比は変わらず、表示しきれない部分はトリミングされます。

自動トリミングを適用しない場合・適用する場合の例はこちらをご確認ください!

③背景選択、④前景選択

背景/前景画像を変更できます。


自動トリミングを適用しない場合・適用する場合の比較

以下の正方形の画像を、横長のフィールドに前景として設定してみます。

自動トリミング機能をOFFにした場合

上下方向に圧縮されます。

自動トリミング機能をONにした場合

上下がトリミングされます。

最終更新