しお/シェルの差分の作り方・基礎

シェルの差分の作り方・基礎

このページでは、サーフェスの変化のある部分だけを切り抜いて、ベースサーフェスに重ねる方法を紹介します。
今後、変化のある部分だけの切り抜きを「差分」と呼びます。

シェルのサーフェスすべてを、表情など変わる部分以外の絵もふくめて用意すると、すごい容量になります。
それにPNAファイルまでついてくるとなると、ファイル数も相当なものになります。
容量が大きければ、ユーザさんのDLの時間やHDDの圧迫にも関わってくるので、軽くしましょう。

0.初めに

すごく簡単な例として、Surface Manを用意しました。
このゴーストを使って説明しています。

filesurface_basic.nar

1.必要な部分をピックアップする

まず、Surface Manのマスターシェルを見てください(shell/master)。ごく普通の差分のないタイプのシェルです。
このシェルであれば、顔部分しか変わっていないので、他は余分ということが分かります。
なので、切り抜いてしまいましょう。

i_sb01.png

変わっているのはグリーンの部分だけなので、surface01.pngとsurface02.pngはこのようになりました。
顔部分だけになってしまったので、surface01.pnaとsurface02.pnaのPNAファイルは不要です。

2.surfaces.txtを書く

今の状態でサーフェスを適用すると、差分失敗のシェル(shell/difference)と同じように、生首だけ表示されてしまいます。
かっこわるいので、surfaces.txtを書き換えましょう。
surface1を例にとると、

surface1
{
collision0,9,153,141,182,Change
}

と現在書かれています。これに「element」を記述します。
elementは差分をどうやって配置するかといった指示をします。
この場合であれば、

surface1
{
element0,overlay,surface00.png,0,0
element1,overlay,surface01.png,20,20
collision0,9,153,141,182,Change
}

となります。
以下にelementの記述を一行づつ解説します。

element0,overlay,surface00.png,0,0

この指示を文章として読むと「0のエレメントにsurface00.pngをx0・y0の位置に重ねます」です。
Surface Manはsurface00.pngがすべてのサーフェスのベースですので、element0にsurface00.pngを指定します。
そして位置指定は、surface0と位置を変えなくていいので、0,0です。

element1,overlay,surface01.png,20,20

これもelement0とほぼ同じ指示です。 一つだけ違うのは、位置指定がされていることです。
これをelement0と同じように0,0に指定してしまうと、顔がものすごくズレます。
surface00.pngのx0・y0に重ねる指定になっているからです。
この位置を指定するには、元の切り出し画像の左上隅からx・yいくつのところから切り出したか、その値を入れればいいわけです。
Surface Manであれば、

i_sb02.gif

顔部分の左横と上の暗いピクセル数が、surface01.pngの位置指定の値です。
この指定が面倒くさければ、右の例のように、左上隅x0・y0から目的のところまで切ってしまうと楽です。

surface2も同じように記述を加えてください。

3.余分な部分を塗りつぶす

この状態で差分としてはぼぼできているのですが、たぶん差分成功/pna処理失敗のシェル(shell/almost)を適用したときのように、表情が変わると目の上のフチにわずかなジャギーが出ているはずです。
これは個別に差分用のPNAファイルを用意してやっても消せますが、ファイルを増やさずに対処できます。
はみ出している部分を透過色で塗りつぶしてしまいましょう。

i_sb03.png

これだけです。


最終的に差分成功のシェル(shell/better)と同じになっていれば成功です。
お疲れさまでした。

コメント


URL B I U SIZE Black Maroon Green Olive Navy Purple Teal Gray Silver Red Lime Yellow Blue Fuchsia Aqua White

添付ファイル: filesurface_basic.nar 1032件 [詳細] filei_sb03.png 737件 [詳細] filei_sb01.png 722件 [詳細] filei_sb02.gif 723件 [詳細]

リロード   新規 編集 凍結 差分 ファイルUp コピー 名前変更   ホーム 一覧 検索 最終更新 バックアップ   ヘルプ
feed rss feed rdf feed rss20 feed lirs emily4 inside marble note
Last-modified: Sun, 18 Mar 2007 20:50:02 JST (3749d)