☆ 「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/
--------------------------------------------------------------------------