*スキン製作の心得 [#ae4e32b7]
#contents

**スキンとは [#d1eb8562]
スキンとはゲーム内のウィンドウの外見など、インターフェイスを構成する画像ファイルのことです。
ECOではシステムウィンドウからスキンを変更することが可能です。
スキンを追加するまでは「Default Skin」以外を選択することはできませんが、ECOを設置したフォルダの
「data」⇒「sprite」⇒「interface」内に新しいフォルダを作成してフォルダ内にスキンを用意することで、スキンの選択ができるようになります。
作成したフォルダ名がシステムウィンドウ「Skin」項目に追加され、選択可能となります。
▼通常の設置フォルダ
C:\Program Files\GungHo\Emil chronicle online\data\sprite\interface

**スキンの仕様 [#od56329f]
製作の上で注意点がいくつかありますがまだ手探りなので少しだけ。
ECOで使用されている画像はビットマップ形式(.bmp)と呼ばれるフルカラーのウィンドウズ標準画像形式です。この画像形式は透過をサポートしていませんが、R255 G0 B255の色でマスク(塗りつぶす事)する事で完全透過をECOでは行う事ができます。

メインウィンドウ背景、ショートカットウィンドウ背景等目に付く部分の編集winparts_10.bmpの編集を伴います。
#ref(http://storage7.net/eco/skin/winparts_10.jpg)
▲ECOのウィンドウは四隅の角が16*16dotの固定画像、その間を16*16のX(横)方向、Y(縦)方向、もしくは、X,Y両方の方向にストレッチ(引き伸ばし)されて表示されます。
#ref(http://storage7.net/eco/skin/winparts_10_c.jpg)
▲ストレッチの方向を色分けしてみました。元画像がカラーで見づらいので↓にモノクロ化したものを置きます。
#ref(http://storage7.net/eco/skin/winparts_10_m.jpg)
▲赤がX,Y両方にストレッチされる部分、緑がX方向にストレッチされる部分、青がY方向にストレッチされる部分です。黄色はX,Y比率が固定されて表示されます。
#ref(http://storage7.net/eco/skin/sample_320_240.jpg)
▲例えば320*240のウィンドウを表示する場合、
1.四隅は解像度固定。
2.中央はX288,Y208に拡大。
3.上下はX288,Y16に拡大。
4.左右はX208,Y16に拡大。
背景に単一色以外を張る場合は拡大されてdotが荒くなる部分を考慮しながら製作を心がけるといいとおもいます。
また、チャット背景、装備、ステータス、フレンドリストなどで使われる共通背景。ストレッチの度合いはさまざまであるため、比率固定が望ましい画像はストレッチ部分への使いどころが難しいかもしれません。
外部スレッド:
[[集え!スキン職人:http://jbbs.livedoor.jp/bbs/read.cgi/game/23423/1126864793/]]
*コメント欄(Wikiの編集の苦手な方はこちらに) [#c329563b]
#pcomment


トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS