Shi-JigsawFlash

ShiJigsawFlash help document

設置説明

フォルダの説明
画像(Jpegファイル)をパズル化したい場合はJpegPuzzleフォルダのファイルをご利用して下さい。
動画(SWFファイル)をパズル化したい場合はSWF_**FPSのファイルをご利用下さい。
jpuzzle.swf以外はほぼ同じファイルですが、判り易い様に別けてみました。

ファイルの説明
サイトへリンクするのはjpuzzle.htmlです。パズルの設定はconfig.txtで行います。
Flashファイル等は全て設定をすれば位置の変更が可能ですのでうまく設置すれば一つのjpuzzle.swfで複数設置が可能です。
CGI等は通常必要ありません。

取り合えずジグソーパズルを作成するには
JpegPuzzleフォルダのみを利用します。sample.jpgを上書き変更するだけ。ご褒美画像を出したい場合はsample_comp.jpgを変更。JPEGはプログレッシブ形式はダメ。

取り合えずオプション

ピース数変更方法
config.txtをダブルクリックして開くとこのようなテキストが表示されます。ピース数変更部分はサンプル1の赤い部分を変更して下さい。正方形にしてね。
ジグソーが大きい場合
puzzle.htmlをメモ帳で開くとこのようなテキストが表示されます。表示サイズ変更部分はサンプル2の赤い部分を変更して下さい。
完成後ご褒美ページへジャンプしたい場合
config.txtをダブルクリックして開くとこのようなテキストが表示されます。サンプル1の緑の部分を変更して下さい。

config.txtの説明（パズルの挙動に関する設定変更）
puzzle.htmlの説明 (表示の大きさやpuzzle.html,config.txtの位置の指定)

サンプル1
設定ファイル(config.txt)のおおまかな説明。
青色の部分は説明です。通常は太い部分を変更するだけで十分です。ON=true OFF=false。

<?xml version="1.0" encoding="utf-8"?>

<puzzle version="1.1">

<entry number="1" name="PuzzleName" horizonal="7(ピース横列の数)" vertical="8(ピース縦列の数)" rotation="true(ピース回転機能 ONOFF"
rotation_real="true(ピースが置かれた時に回転の演出" margin="10(マウスとピースの間隔">
    <image type="puzzle" url="sample.jpg(画像アドレス" volume="0(ピース単体の音声の大きさ"/>ピースの画像
    <image type="complete" url="sample_comp.jpg(完成ピースアドレス" shuffle="false(画像のシャッフル機能" volume="0"/>完成時表示する画像

    <url type="complete" url= "(完成後指定のアドレスへジャンプ。完成絵があれば先に表示" target="フレーム指定"/>
</entry>

バーFlash(SWFファイル)の定設
<progress url="progress.swf" enable="true"/>

枠のカラーやサイズの設定
<frame color="#000088" size="2" draw="true"/>

ピースの箱の設定
<box url="box.jpg(箱 JPEGか箱SWF。)" enable="true(箱を使うかどうか)" need="10(箱機能開始するピース数)" once="15(一度に取り出されるピース数)" />

触る必要無し
<stand-alone fit="false" save="true"/>

ピース形状の定義。生成ツールが配布されています。
<jigh>,28ff,27fc,24f7,28f4,2ff0,36f3,39fb,35ff,6400|,28ff,25fc,20f8,25f0,2cef,35ed,3af2,3cfa,37ff,6400|,26ff,28fb,26f7,21f2,2be8,30ea,38f6,31fd,32ff,6400|,1e00,23fe,1ef6,23ec,2ceb,32f6,2cff,6400|,3aff,36fb,36ed,40e9,4eec,4af8,48ff,6400|,1400,1901,1208,1211,1f14,2c0a,2801,6400|,4400,3e06,400e,4c0c,550a,5203,5200,6400|,2400,2005,2010,350f,3e05,3900,3b00,6400|,25ff,200b,2413,390f,3f05,4300,6400|,26ff,2a01,2308,260d,350f,3b0a,3b04,3901,39ff,6400</jigh>
<jigv>,ff27,fb27,f424,ec2e,f636,fe36,0064|,fe2b,f72b,f328,ed2d,f439,fe3a,0064|,002b,072b,0f25,152e,0f37,0338,0064|,002a,062c,0e2b,1035,093c,0339,0039,0064|,002c,072f,0f2d,1437,0a44,0340,0040,0064|,ff4c,f745,f244,f053,fb5c,0158,0064|,001c,081a,0e14,151a,162d,082f,012a,0064|,013c,0537,1037,1143,0e51,0752,024e,0064|,0027,0726,091e,1225,1237,0c3d,023a,0064|,002a,062c,0825,1028,0f3c,0840,013c,0064|,0029,0429,0926,132e,123d,083e,013a,0064|,002c,fa2b,f528,f033,f841,ff40,0064</jigv>
</puzzle>

サンプル2
HTML（puzzle.html）の大まかな説明
赤が大きい画像をピースにするときに変更が必要な位置。
青がpuzzle.swfの位置を変えると変更が必要な位置。
緑が設定ファイルの位置を変えたときに変更な位置。

しぃ堂 Shi-dow
(shi-chan webpage)