☆ 「Flash ジグソーパズル作成キット」 の利用方法
自作サイトのサーバ内に、ジグソーパズル用のファイル一式をアップロードし、
パズルのページを公開することができます。
WEB ページ内部に、ジグソーパズルを埋め込むことができます。
パッケージファイル : flash_jig.zip
(ダウンロードはこちら)
(利用例) クリックしてみて下さい。 →
パズルのページを開く
--------------------------------------------------------------------------
対応環境 : Adobe Flash 10 以上
対応画像 : JPEG・JPG・PNG・GIF
--------------------------------------------------------------------------
1.flash_jig.zip を解凍後、flash_jig フォルダ内に下記ファイルができます。
・sample.html 利用例 HTML
・jigsaw.html 別窓パズル表示用 HTML
・jigsaw.js パズル生成処理用 javascript
・Jigsaw_08.swf Flashジグソーパズル本体
・images 画像フォルダ
--------------------------------------------------------------------------
2.動作確認
flash_jig フォルダ内のファイルを WEB サーバに保存し、ブラウザから
sample.html を開いて下さい。
「大きなパズルはこちら」というリンクが表示され、その下に、
小さいジグソーパズルが埋め込まれて表示されます。
「大きなパズルはこちら」をクリックすると、別窓が開き
全画面でジグソーパズルが表示されます。
--------------------------------------------------------------------------
3.表示ページの編集(別窓でパズルを開く場合)
sample.html の の記述を参考にして下さい。
~~~~~~~~~~~~~~~~~~~~~~~~~
function large_jigsaw()
{
open_jigsaw("images/large_image.jpg", // 画像の相対パス
50, // およそのピース数
"eeeeee", // 枠の外側の色
"cccccc", // 枠の内側の色
screen.availWidth, // 横幅
screen.availHeight); // 高さ
}
~~~~~~~~~~~~~~~~~~~~~~~~~
画像の相対パス:sample.html のあるフォルダに対する相対パス
およそのピース数:指定されたピース数に近くなるように、自動的にピース数が
選ばれて、パズルが生成されます。
※ ユーザがパズルを作りかけて、ブラウザを閉じる時に、
パズルのデータが、Flash 共有オブジェクトとして保存されます。
画像パスとピース数ごとに、別々のデータとして保存され、
次回パズルを開くときに、再現されます。
枠の外側の色:HTML の色コードに準じた値を指定してください。
枠の内側の色:HTML の色コードに準じた値を指定してください。
横幅:別窓の横幅。screen.availWidth を指定すると、全画面になります。
高さ:別窓の高さ。screen.availHeight を指定すると、全画面になります。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<a href="javascript:large_jigsaw()">大きなパズルはこちら</a><br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
上記の記述で、リンクをページ内に表示できます。
--------------------------------------------------------------------------
4.表示ページの編集(ページ内にパズルを表示する場合)
sample.html の の記述を参考にして下さい。
~~~~~~~~~~~~~~~~~~~~~~~~~
set_jigsaw("images/small_image.jpg", // 画像の相対パス
10, // およそのピース数
"ddddff", // 枠の外側の色
"bbbbdd", // 枠の内側の色
500, // 横幅
500); // 高さ
~~~~~~~~~~~~~~~~~~~~~~~~~
横幅:パズル部分の横幅。
高さ:パズル部分の高さ。
他の指定値は、3.と同様です。
--------------------------------------------------------------------------
利用方法について不明な点は、
まで、お問い合わせ下さい。
「Flash ジグソーパズル作成キット」の著作権は「 はやしだ 」が保有しています。
URL http://haayaa2.sakura.ne.jp/puzzle/
--------------------------------------------------------------------------