サーフェスに当たり判定を定義することから始めてみましょう。

最初に、以下をsurfaces.txtに追記してください。

surface0
{
}

これは、このブレス（{}中括弧）の中で、surface0について設定する、と言うような意味になります。

当たり判定に限らず、後に触れるアニメーションやelementの設定もこの中に書いて行きます。

ここに以下のように書くと、当たり判定の定義になります。

surface0
{
collision0,117,71,185,130,Face
collision1,115,174,174,217,Bust
}

上のように当たり判定１箇所ごとにcollision0、collision1、collision2と順番に書いていきます。

番号は一つのサーフェス内で重複しないようにしてください。

1サーフェス辺りのcollision最大個数は256個です。

それに続く4つの数字は座標指定です。

サーフェス画像自体の左上を0,0として、四角形の左上x,y座標、右下のx,y座標と言う並びになっています。

最後の文字列はゴースト側で用いる当たり判定の名前になります。

なお、同じ名前（上例のFace、Bust）の当り判定を複数回設定しても構いません（例えば手をHandという名前の当たり判定にしたいとき、多くの場合右手と左手で領域が分かれるはずなので、Handを指定する行も2行に分かれるでしょう）。

伺かにおけるアニメーション（SERIKOと呼ばれます）は、静止画を連続で描画する事で表現されます。

ここではアニメーションの実行タイミング、一枚一枚の静止画の重なり方等の設定方法について簡単に紹介します。

以下surface0をまばたきをさせる例でアニメーションを説明します。

surface0
{
animation0.interval,sometimes
animation0.pattern0,overlayfast,100,50,0,0
animation0.pattern1,overlayfast,101,50,0,0
animation0.pattern2,overlayfast,100,50,0,0
animation0.pattern3,overlay,-1,100,0,0

collision0,117,71,185,130,Face
collision1,115,174,174,217,Bust
}

surface0.pngにアニメーションさせるにはこのようにsurface0と書き、その下のブレス（{}中括弧）内にアニメーションの内容を定義していきます。

animation0.interval,sometimes

animation*,intervalという行は、その番号のアニメーションが実行されるタイミングの定義です。

「animation」に続く数字は、そのアニメーション定義（タイミングの設定であるintervalと、後に続く「コマ」の設定であるpatternなどのセット）のIDになります。

アニメーションIDは自由な番号でよく、連番である必要もありませんが、同じ意味のアニメーションについて同じIDが与えられることが期待されます※。

animation0.interval,に続く「sometimes」がインターバル定義の内容です。

例のようにsometimesを指定した場合、そのアニメーションは時々（１秒当たり２分の１の確率）勝手に実行されます。

つまり「IDが0番のアニメーションは時々勝手に動く」といった指定をしている事になります。

他にどんなタイミング指定があるかについては、「Shell設定 - surfaces.txt」のアニメーションインターバルについての節をご覧ください。

続けてアニメーションを構成する静止画（コマ）一枚一枚の定義を行います。

それぞれpattern0、pattern1、pattern2というように順番に書いていきます。パターン番号の抜け・重複はできません。

先頭に同じアニメーション群のID（animation*）を入れるのを忘れないでください。

また、interval定義行と一連のpattern定義行は別々の場所に分けて書いたりせずに、連続して書くようにしてください。

animation0.pattern0,overlay,100,50,0,0

overlayの部分は描画方法の指定です。

overlayとは元の画像の上に重ねて画像を表示する描画方法です。

この他にも様々な描画方法が用意されています。

詳しくは「Shell設定 - surfaces.txt」のサーフェス描画メソッドについての節をご覧ください。

animation0.pattern0,overlayfast,100,50,0,0

100という部分は、このコマで描画するのはsurface100だという意味です。

基本的にはsurface100.pngのことだと考えてよいです。

101とすればsurface101.pngの画像が用いられます。

-1とすると、そのアニメーションの描画を停止してベース画像（上例の場合はsurface0）の表示にリセットされます。

animation0.pattern0,overlayfast,100,50,0,0

50の部分は表示時間（単位:ミリ秒）です。

そのコマに切り替わるまでの時間を指定してください。

そのコマ自身の表示時間ではないので注意しましょう。

animation0.pattern0,overlayfast,100,50,0,0

最後の0,0の部分はコマの表示位置です（x座標,y座標）。

元の画像からどれだけずらして表示するか指定します。

x方向は右が正、y方向は下が正です。

elementは、複数のパーツ画像を合成して1枚のサーフェスとして扱うための仕組みです。

例えば、全てのサーフェスを必ずsurface0.pngといった画像として用意しなければならないなら、キャラクターの表情を増やす場合には、例え口の形が少し違うだけであっても、表情の数だけ全身の立ち絵を用意する必要があります。

しかし、身体パーツと表情パーツを分け、それを合成する事ができるならば、表情を増やす場合にも、画像としては表情差分だけ用意すればよくなるので、シェル全体の容量はずいぶん減るでしょう。

さらにもし目元と口元のパーツを分ければ、目と口の組み合わせで様々な表情になるので、実際にその表情自体を作画することなしに、ある程度の表情を作り出すことさえできます。

以下がelement定義の記述例となります。

surface1
{
element0,overlay,body0.png,0,0
element1,overlay,face1.png,0,0
}

これで、「body0.png」の上に「face1.png」を重ねたものがsurface1として定義されます。

重ねたいパーツの数だけいくつでも書き足して行く事ができます。

なおこの場合surface1.pngは不要です。

element0,overlay,body0.png,0,0

「element」のすぐ後に続く数字は、そのサーフェスにおけるelementのID（通し番号）です。

IDは0から始まる連番です。数字が小さい方が、より下（画面奥側）に合成されるパーツになります。

なお、surface*.pngのような名前のpng画像は、element0より下のパーツとみなされる点に注意してください。

element0,overlay,body0.png,0,0

続くキーワードは描画メソッドです。

基本的にアニメーションのものと同じですが、startやmoveなど、純粋に画像を合成するのでない一部のメソッドは使用できません。

element0,overlay,body0.png,0,0

続けて合成するファイル名を指定します。

任意名のpngファイルが指定可能です。

element0,overlay,body0.png,0,0

最後の二つの数字は合成位置の指定です（x座標,y座標）。

ベース画像に対してどれだけずらして合成するかを指定します。

x方向は右が正、y方向は下が正です。

ところで今回の例では、先述の当たり判定やアニメーションの例の時と違って、surface0ではなくsurface1にelementの定義しています。

あくまで例示についての話ではありますが、これには一応理由があります※。

シェル（ゴースト）そのものの動作だけ考える時には、surface0や10でelementを用いる事にはまったく問題はありません。