TopPage TopPage もどる ダウンロード 使い方(1) 使い方(2)

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