Free Java Applet ピクチャーパズル (ジグソーパズル)

• プログラムの利用により発生した全ての問題に関し作者は一切責任を負いません。
• ご家庭またはＨＰ上にて無断でご使用頂けますが、著作権は放棄していません。
• プログラムを許可無く販売・レンタル・再配布することを禁止します。
• サンプル画像の著作権はそれぞれの作者様にありますで、複製・転載・配布を禁止します。
• 本規約は予告無く変更されることがあります。

【ファイル構成】
　　ダウンロードした圧縮ファイルには下記のファイルが含まれています。
　　- PicPuzzle203.class　: アプレット本体
　　- sample.htm　: 起動用のサンプルHTMLファイル
　　- sample.jpg　: サンプル画像(#004)
　　- ppLoader.htm　: ピクチャーパズルローダー（ローカル版。ＨＰでの使用不可）
　　- ppPlay.htm　: ppLoader.htmにより呼び出されます（ＨＰでの使用不可）

【ご家庭での使い方】
　　Picture Puzzle Loader を使うと、HTMLファイルを編集しなくても、簡単に画像を切り替えたり、
　　いろいろな設定でピクチャーパズルを楽しむことが出来ます。

　　ppLoader.htm, ppPlay.htm, PicPuzzle203.class を同一フォルダに置いてください。
　　画像ファイルも同一フォルダ（またはそのサブフォルダ内）に置いてください。

　　ppLoader.htm をダブルクリックすると Picture Puzzle Loader が起動します。

【ホームページでの使い方】
　　アプレットとHTMLファイル、画像ファイルを同一フォルダに置いてください。
　　同梱されている sample.htm 内の <APPLET >〜 </APPLET> をコピーし、
　　アプレットを使用するページのHTMLソースに貼り付けて、
　　下記の赤字の部分を修正することで利用可能となります。
　　とりあえず画像ファイル名と画像表示サイズを変更するだけで動作確認し、
　　その他のパラメータの修正や追加は後で行うと良いでしょう。

　　　<applet
　　　  code     = "PicPuzzle203.class"
　　　  width    = "596"　　<-- 画像表示サイズ(幅)
　　　  height   = "431"　　<-- 画像表示サイズ(高さ)
　　　>
　　　<param name = "picFileName" value = "sample.jpg">　　<-- 画像ファイル名
　　　<param name = "cellSize" value = "50">
　　　<param name = "edgeSize" value = "20">
　　　<param name = "cellBorderSize" value = "2">
　　　<param name = "cellBorderColor" value = "336699">
　　　<param name = "pickedCellColor" value = "ccff00">
　　　</applet>



設定変更時は、キャッシュを削除してマシンを再起動するまで、
変更内容が正しく反映されないことがありますのでご注意ください。
（特に画像ファイル関係）



【パラメータの詳細】



	
パラメータ名
	
説明
	
省略時


	
codebase
	
PicPuzzle203.classファイルのパス。
通常はHTMLファイルと同じパスなので省略。
特殊なケースでは http:// から指定が必要。
	
同一パス


	
width
	
画像表示領域の幅。(300 - 1600)
実際の画像ファイルの幅と一致していない場合は画像が伸縮されます。
	
省略不可


	
height
	
画像表示領域の高さ。(250 - 1200)
実際の画像ファイルの高さと一致していない場合は画像が伸縮されます。
	
省略不可



	
picPath
	
画像ファイル名のパス。
通常はHTMLファイルと同じパスなので省略。
特殊なケースでは http:// から指定が必要。
	
同一パス


	
picFileName
	
画像ファイル名。
JPG形式 または GIF形式の画像ファイルが利用できます。
	
省略不可


	
cellSize
	
パズルピースのサイズ。(25 - 200)
この値で難易度を調整できます。
	
50


	
edgeSize
	
周囲に残す領域のサイズ。(10 - 100)
実際には、余りが加算されるのでここで指定したサイズより大きくなります。
	
20


	
marginLeft
marginRight
marginTop
marginBottom
	
edgeSizeに加えて、上下左右個別に余白を追加指定できます。
パズルに不向きな部分を除外するのに使用。
	
0


	
cellBorderSize
	
パズルピース間の間隔。(2 - ?)
この値で難易度を調整できます。
	
2


	
cellBorderColor
	
パズルピース間の色。(000000 - ffffff)
“#”や“0x”を頭につけないでください。
	
ffffff


	
pickedCellColor
	
ピース選択マーカーの色。(000000 - ffffff)
“#”や“0x”を頭につけないでください。
	
ccff00


	
titleFontColor
	
タイトルの色。(000000 - ffffff)
“#”や“0x”を頭につけないでください。
	
660033


	
titleBackColor
	
タイトルの背景色。(000000 - ffffff)
“#”や“0x”を頭につけないでください。
	
dddddd


	
skipTitle
	
タイトルのスキップ。
"0"=タイトル表示、"1"=タイトル非表示
	
0


	
helpText
	
遊び方の説明文表示。"0"=非表示、"1"=表示
タイトルスキップ時は表示されません。
	
0


	
timeLimit
	
制限時間を分単位で指定。0の場合は時間制限無し。（サンプル）
この機能を有効にした場合はタイトルスキップが無効となります。

	
0


	
timerPosition
	
時間制限機能を使用する場合のタイマー表示位置。
1=左上 2=右上 3=右下 4=左下
	
3




	
msgText
	
完成時に表示するメッセージ。改行不可。
サービス画像と同時使用する場合はserviceDelay値の間だけ表示されます。
	
なし


	
msgSize
	
完成メッセージの文字サイズ。(10 - 72)
	
24


	
msgTop
	
完成メッセージの表示位置(タテ)。
	
中央揃え


	
msgLeft
	
完成メッセージの表示位置(ヨコ)。
	
中央揃え


	
msgColor
	
完成メッセージの文字色。(000000 - ffffff)
“#”や“0x”を頭につけないでください。
	
グリーン


	
msgBack
	
完成メッセージの背景色。(000000 - ffffff)
“#”や“0x”を頭につけないでください。
	
透過


	
serviceFileName
	
パズル完成後に表示するサービス画像のファイル名。
この機能の使い方はサンプル作品(#044)を参考にしてください。
	
なし


	
serviceDelay
	
サービス画像の切替開始までの遅延時間。(0-100000)
ミリ秒で指定してください。（１秒に設定する場合は 1000 ）
	
1000


	
serviceStep
	
サービス画像の切替ステップ数。(0-200)
この値によって視覚効果が大きく異なります。
	
7


	
serviceSpeed
	
サービス画像の切替スピード。(10-1000)
小さい値ほど速い。
	
250


	
zoomX, zoomY
	
画像の一部を２倍に拡大してサービス画像とする機能。

	拡大表示する位置を左上からのピクセル数で指定。

	両方とも 0 の場合や serviceFileName が指定されている場合は無効。
この機能の使い方は投稿作品(#002)を参考にしてください。
	
0



Picture Puzzle Loader を使用すると最適な設定を見つけるのが簡単です。
有効範囲外の値を指定した場合は、省略値が使用されます。
カラー指定は、使用する画像との色バランスが悪い場合のみ変更すると良いでしょう。



【パズル設定ガイド】

ジグソーパズルと異なりピースの形が同じなので、似通ったピースが多くなる画像は不向きです。
（タイトルやコピーライトを書き加えるなどして、異なるピースになるよう工夫すると良いでしょう。）
edgeSize値やmargin値を調整し、画像の周囲にヒント（取っ掛かり）を必ず残してあげて下さい。
元の画像を見ながらプレイさせるようなことはお勧めできません。
msgTextを使用する場合は必ず表示結果を確認してください。
（cellSizeを一時的に大きくし、表示結果をチェックし調整するとよいでしょう。）
ブログで使用する場合は、XHTMLの文法に従って記述してください。（codebaseは http:// からの指定が必要。）



【更新履歴】
　　2004.09.04 Ver2.03　時間制限時、希にスタート時TimeOverするバグを修正。
　　2004.08.21 Ver2.02　時間制限機能追加。
　　2004.07.17 Ver2.01　サービスズーム機能追加。
　　　　　　　　　　　　遊び方説明文修正。スクリプト整理。
　　2004.06.26 Ver2.00　サービス画像機能追加、上下左右個別マージン指定追加。
　　　　　　　　　　　　遊び方説明表示追加。Picture Puzzle Loader 修正。
　　2004.01.24 Ver1.02　完成時のメッセージ表示機能追加。
　　2003.07.12 Ver1.01　Picture Puzzle Loaderのピースサイズを5px刻みに変更。
　　2003.06.14 Ver1.00　初公開。

【その他】

ブラウザのJava機能をオフにしている場合は、ピクチャーパズルの画像は表示されません。
モニタの設定（明るさ、コントラスト等）によっては、パズル画像が見にくい場合があります。
アプレットは大抵のブラウザで動きますが、Picture Puzzle Loader はIE5以降に限定されます。(Macは不明)

Nakamichi Game Land