●ファイル構成
このツールは以下のファイルで構成されています。 |
| dswmedia/ | ─┬ | index.html (ページを表示するためのHTMLファイル) |
| │ | |
| ├ | puzzle.dcr (ツール本体/Shockwaveファイル) |
| │ | |
| ├ | get_shock_player.gif (Shockwaveリンクバナー) |
| │ | |
| └ |
| images/ | ┬ | pzldata.txt (設定ファイル) |
| │ | |
| ├ | sample01.jpg (サンプル画像1/パズル用) |
| ├ | sample01t.jpg (サンプル画像1/サムネール用) |
| ├ | sample02.jpg (サンプル画像2/パズル用) |
| └ | sample02t.jpg (サンプル画像2/サムネール用) |
|
|
|
| ※上記は解凍後の初期構成です。まず、index.htmlをブラウザで開き、サンプル画像でパズルがプレイできることを確認してください。 |
| ●ツールの使い方 |
|
以下の仕様でパズル用画像を作成してください。作成した画像ファイルは、全て「images」フォルダにコピーします。
●「images」フォルダに初めから入っているサンプル画像は削除してください。
●画像の点数に制限はありません。 |
使用できる ファイル形式 |
JPEG、GIF |
| Web上での公開になるため、ファイル容量はできるだけ軽減することをお勧めします。 |
パズル用 画像のサイズ |
ヨコ 500 pixel × タテ 333 pixel |
| 上記サイズ以外の画像を使用した場合は、自動的にリサイズされます。ただし、画像の劣化を防ぐためにも、できるだけ上記サイズの画像を使用してください。 |
サムネール用 画像のサイズ |
ヨコ 150 pixel × タテ 100 pixel |
| メニュー画面で表示する画像です。必ずしも必要ではありませんが(ない場合はパズル用画像から自動的に生成します)、用意しておくと、メニュー画面を表示する時間を軽減できます。パズル用画像を小さくリサイズするだけでOKです。 |
| ファイル名 |
半角英数字なら何でもOK。ファイル形式に応じて必ず拡張子をつけてください。
例:photo01.jpg、photo01.gif |
|
|
「images」フォルダ内にある「pzldata.txt」をテキストエディタで開いて編集します。
パズル画像ごとに下記の項目を記入してください。 |
filename=パズル用画像のファイル名を記入します(必須/例:photo01.jpg)
thumbnail=サムネール用画像のファイル名を記入します(例:photo01t.jpg)
title=画像のタイトルを記入します(日本語可)
caption=画像の説明を記入します(日本語可)
|
|
●各項目ごと1行で記入してください。
●「filename=」は必須です。「images」フォルダ内に画像ファイルがあっても、「filename=」で指定のないものはパズルに反映されません。
●その他の項目は必要に応じて記入してください。記入しない項目は、「=」の後を空にするか、項目ごと行を削除してください。
|
|
| 「index.html」をブラウザで開けば、いつでもパズルをプレイすることができます。アップロードする前に、まずローカル環境で確認してください。 |
| 「dswmedia」フォルダ内にある全ファイル(下記)を、あなたのホームページ上の任意のフォルダにアップロードしてください。「index.html」にリンクを貼ればジグソーパズルを公開することができます。 |
index.html
puzzle.dcr
get_shock_player.gif
images/* (「images」フォルダを、中のファイルごとアップします) |
|
●「dswmedia」フォルダについて
初期状態では、上記のファイルは「dswmedia」フォルダ内にあります。インターネット上にアップロードする際には、この「dswmedia」は任意の名前に変更してもかまいません。ただし、ローカル環境でパズルを確認するときは、必ず「dswmedia」フォルダ内にファイルを入れてください。これは、Shockwaveのセキュリティ上の制限によるものです。 |
| さらに詳しい使い方は、「使い方(2)」をご覧ください。 |