ジグソーパズル「MultiPatternJigsawシリーズ」

フォルダ構造とHTML文書内の指定

通常はアプリケーション版で出力すればいいです。
でも知識のある方は、自分で直接編集してもらってかまいません。

まずフォルダ構造とWebページの準備

下のフォルダ構造を作り、WebページにAppletを埋め込みます。
（幅と高さはパズルの大きさに合わせて、タイトルは自由に）
無印 R付き L付き
フ
ォ
ル
ダ
構
造
[アプレット用フォルダ]
 |
 |--Webページ.htm
 |
 |--MPJApp.jar
 |   （注：アプレット用フォルダ内のMPJApp.jarはアプレット専用）
 |
 |--[se]
 |   |--bang.au
 |   |--finish.au
 |   |--touch.au
W
e
b
ペ
｜
ジ
内
容
<html>
<head>
<title>タイトル</title>
</head>
<body>

<applet code="MPJigsaw.class"
　　　　 archive="MPJApp.jar"
           width="150" height="60">
<param name="wide" value="幅">
<param name="high" value="高さ">
<param name="title" value="タイトル">

</applet>

</body>
</html>
<html>
<head>
<title>タイトル</title>
</head>
<body>

<applet code="MPJigsawR.class"
　　　　 archive="MPJApp.jar"
           width="幅" height="高さ">




</applet>

</body>
</html>
<html>
<head>
<title>タイトル</title>
</head>
<body>

<applet code="MPJigsawL.class"
　　　　 archive="MPJApp.jar"
           width="幅" height="高さ">




</applet>

</body>
</html>
・バージョンアップに伴う重要な変更点「*.class」の代わりに「MPJApp.jar」を使います。
・「MPJigsaw.class」、「MPJigsawR.class」、「MPJigsawL.class」は「MPJApp.jar」の中に入っています。

続いて画像の指定

分割パターン（＝GIF画像）、パズル元画像、背景をパラメーターで指定します。

全共通

フォルダ構成

パラメーター指定

例
１


[*]
 |--*.htm
 |--MPJApp.jar
 |--[se]
 |   |--*.au
 |
 |--分割パターン.gif
 |--パズル元画像.jpg

背景画像を使わないとして


<applet code="*.class" archive="MPJApp.jar" width="*" height="*">
<param name="*" value="*">

<param name="pattern" value="分割パターン.gif">
<param name="base" value="パズル元画像.jpg">
それぞれ相対パスで指定

<param name="bgcolor" value="背景色をRGB16進数表示で">

</applet>

例
２


[*]
 |--*.htm
 |--MPJApp.jar
 |--[se]
 |   |--*.au
 |
 |--[フォルダ１]
 |   |--分割パターン.gif
 |
 |--[フォルダ２]
 |   |--パズル元画像.jpg
 |
 |--[フォルダ３]
 |   |--背景画像.jpg

背景画像を使ったとして


<applet code="*.class" archive="MPJApp.jar" width="*" height="*">
<param name="*" value="*">




<param name="pattern" value="フォルダ１/分割パターン.gif">


<param name="base" value="フォルダ２/パズル元画像.jpg">


<param name="bgimage" value="フォルダ３/背景画像.jpg">
それぞれ相対パスで指定

</applet>

分割パターンとパズル元画像は幅と高さが同じでないといけません。

間違っていなければこれで動くはずです。

戻る