OSDN Git Service

ヘルプの内容を追記した。
authorhrwatahiki <hrwatahiki@44a3fe10-d6a8-4042-99bc-5bf971f0e03b>
Wed, 3 Apr 2013 17:13:04 +0000 (17:13 +0000)
committerhrwatahiki <hrwatahiki@44a3fe10-d6a8-4042-99bc-5bf971f0e03b>
Wed, 3 Apr 2013 17:13:04 +0000 (17:13 +0000)
git-svn-id: https://svn.osdn.net/svnroot/pydun/trunk@12 44a3fe10-d6a8-4042-99bc-5bf971f0e03b

help/css/pydun.css [new file with mode: 0644]
help/images/cood.png [new file with mode: 0644]
help/images/mapsize.png [new file with mode: 0644]
help/index.html

diff --git a/help/css/pydun.css b/help/css/pydun.css
new file mode 100644 (file)
index 0000000..8b599d4
--- /dev/null
@@ -0,0 +1,23 @@
+h2 {\r
+    border-left-style: solid;\r
+    border-left-width: thick;\r
+    border-left-color: green;\r
+    padding-left: 0.25em;\r
+    border-bottom-style: solid;\r
+    border-bottom-width: medium;\r
+    border-bottom-color: green;\r
+}\r
+.dialog {\r
+    vertical-align: top;\r
+}\r
+.menu {\r
+    position: fixed;\r
+    width: 20%;\r
+}\r
+.content {\r
+    float: right;\r
+    width: 80%;\r
+}\r
+.history tr * {\r
+    padding: 0.25em;\r
+}\r
diff --git a/help/images/cood.png b/help/images/cood.png
new file mode 100644 (file)
index 0000000..01810cd
Binary files /dev/null and b/help/images/cood.png differ
diff --git a/help/images/mapsize.png b/help/images/mapsize.png
new file mode 100644 (file)
index 0000000..2674a17
Binary files /dev/null and b/help/images/mapsize.png differ
index 35dc567..112e4f8 100644 (file)
@@ -3,48 +3,73 @@
 <head>\r
     <meta charset="utf-8">\r
     <title>Pydunヘルプ</title>\r
-    <style type="text/css">\r
-        h2 {\r
-            border-left-style: solid;\r
-            border-left-width: thick;\r
-            border-left-color: green;\r
-            padding-left: 0.25em;\r
-            border-bottom-style: solid;\r
-            border-bottom-width: medium;\r
-            border-bottom-color: green;\r
-        }\r
-        .dialog {\r
-            vertical-align: top;\r
-        }\r
-    </style>\r
+    <link rel="stylesheet" type="text/css" href="./css/pydun.css">\r
 </head>\r
 <body>\r
-    <div>\r
+    <div class="content">\r
         <h1>Pydunヘルプ</h1>\r
             <p>Pydunは3DダンジョンRPG用のマッピングツールです。</p>\r
-            <h2>連絡先</h2>\r
+            <h2 id="address">連絡先</h2>\r
                 <p>不具合、ご要望などございましたら、以下までご連絡ください。</p>\r
                 <p>url: <a href='http://sourceforge.jp/projects/pydun/'>http://sourceforge.jp/projects/pydun/</a><br>\r
                 email: hrwatahiki at gmail.com</p>\r
-            <h2>インストール</h2>\r
+            <h2 id="install">インストール</h2>\r
                 <p>インストール作業は不要です。pydun.exeをダブルクリックすればプログラムが起動できます。アンインストール時はフォルダーごと削除してください。(レジストリーは使用していません)</p>\r
-            <h2>使い方</h2>\r
-            <p>ドラッグすると壁を描画できます。<br>\r
-            <table><tr><td><img src="./images/box_before.png"></td> <td>→</td> <td><img src="./images/box_after.png"></td></tr></table></p>\r
-            <p>右クリックからのドラッグで壁を削除できます。</p>\r
-            <table><tr><td><img src="./images/delete_before.png"></td> <td>→</td> <td><img src="./images/delete_after.png"></td></tr></table></p>\r
-            <p>背景色も同様です。<br>\r
-            <table><tr><td><img src="./images/backcolor_before.png"></td> <td>→</td> <td><img src="./images/backcolor_after.png"></td></tr></table></p>\r
-            <p>壁をクリックすると直接修正できます。<br>\r
-            <table><tr><td><img src="./images/wall_before.png"></td> <td>→</td> <td><img src="./images/wall_after.png"></td></tr></table></p>\r
-            <p>四角の中央をクリックすると詳細を入力できます。<br>\r
-            <table><tr><td class="dialog"><img src="./images/note_dialog.png"></td> <td>→</td> <td><img src="./images/note_after.png"></td></tr></table></p>\r
-            <p>「ボックス形式」と「足跡形式」の違い。<br>\r
+            <h2 id="usage">使い方</h2>\r
+                <p>ドラッグすると壁を描画できます。</p>\r
+                <table><tr><td><img src="./images/box_before.png" alt="ドラッグすると"></td> <td>→</td> <td><img src="./images/box_after.png" alt="壁を描画できます"></td></tr></table>\r
+                <p>右クリックからのドラッグで壁を削除できます。</p>\r
+                <table><tr><td><img src="./images/delete_before.png" alt="右クリックからのドラッグで"></td> <td>→</td> <td><img src="./images/delete_after.png" alt="壁を削除できます"></td></tr></table>\r
+                <p>背景色も同様です。</p>\r
+                <table><tr><td><img src="./images/backcolor_before.png" alt="ドラッグすると"></td> <td>→</td> <td><img src="./images/backcolor_after.png" alt="背景色を設定できます"></td></tr></table>\r
+                <p>壁をクリックすると直接修正できます。</p>\r
+                <table><tr><td><img src="./images/wall_before.png" alt="壁をクリックすると"></td> <td>→</td> <td><img src="./images/wall_after.png" alt="直接修正できます"></td></tr></table>\r
+                <p>四角の中央をクリックすると詳細を入力できます。</p>\r
+                <table><tr><td class="dialog"><img src="./images/note_dialog.png" alt="詳細入力中"></td> <td>→</td> <td><img src="./images/note_after.png" alt="詳細入力後"></td></tr></table>\r
+                <p>「ボックス形式」と「足跡形式」の違い。</p>\r
                 <table>\r
-                <tr><td>ボックス形式:</td><td><img src="./images/box_cmp_before.png"></td> <td>→</td> <td><img src="./images/box_cmp_after.png"></td></tr>\r
-                <tr><td>足跡形式:</td><td><img src="./images/grow_cmp_before.png"></td> <td>→</td> <td><img src="./images/grow_cmp_after.png"></td></tr>\r
+                <tr><td>ボックス形式:</td><td><img src="./images/box_cmp_before.png" alt="ボックス形式ドラッグ中"></td> <td>→</td> <td><img src="./images/box_cmp_after.png" alt="ボックス形式ドラッグ後"></td></tr>\r
+                <tr><td>足跡形式:</td><td><img src="./images/grow_cmp_before.png" alt="足跡形式ドラッグ中"></td> <td>→</td> <td><img src="./images/grow_cmp_after.png" alt="足跡形式ドラッグ後"></td></tr>\r
                 </table>\r
-            </p>\r
+            <h2 id="mapsize">マップのサイズ</h2>\r
+                <p>メニューの[編集]-[マップのサイズ]から、マップのサイズを変更できます。プラスの数値を入力すると、その方向にスペースを追加します。マイナスの数値を入力すると、その方向のスペースを削除します。マップのサイズに制限はありませんが、一度に拡張できるのは+100までです。</p>\r
+                <img src="./images/mapsize.png" alt="マップのサイズダイアログ">\r
+            <h2 id="cood">座標設定</h2>\r
+                <p>メニューの[編集]-[座標設定]から、座標の基準点を変更できます。[座標設定]を選択後、メイン画面の基準点をクリックすると、座標入力ダイアログが出てきますので、座標を入力してください。座標は+999から-999まで入力できます。</p>\r
+                <img src="./images/cood.png" alt="座標設定ダイアログ">\r
+            <h2 id="detail">仕様詳細</h2>\r
+                <ul>\r
+                    <li>保存ファイルはテキスト形式(yaml)です。メモ帳などのエディタで開くことができます。</li>\r
+                    <li>[元に戻す]は127回まで戻ることができます。</li>\r
+                </ul>\r
+            <h2 id="history">変更来歴</h2>\r
+                <table class="history">\r
+                    <tr>\r
+                        <th>バージョン</th><th>公開日</th><th>内容</th>\r
+                    </tr>\r
+                    <tr>\r
+                        <td>1.0.2</td><td>2013-XX-XX</td><td>メニュー表記の見直し。ヘルプの追記。</td>\r
+                    </tr>\r
+                    <tr>\r
+                        <td>1.0.1</td><td>2013-03-21</td><td>ウィンドウタイトルが更新されない不具合の修正。</td>\r
+                    </tr>\r
+                    <tr>\r
+                        <td>1.0.0</td><td>2013-03-20</td><td>新規公開。</td>\r
+                    </tr>\r
+                </table>\r
+    </div>\r
+    <div class="menu">\r
+        Pydun ヘルプメニュー\r
+        <ul>\r
+            <li><a href="./index.html">はじめに</a></li>\r
+            <li><a href="./index.html#address">連絡先</a></li>\r
+            <li><a href="./index.html#install">インストール</a></li>\r
+            <li><a href="./index.html#usage">使い方(チュートリアル)</a></li>\r
+            <li><a href="./index.html#mapsize">マップのサイズ</a></li>\r
+            <li><a href="./index.html#cood">座標設定</a></li>\r
+            <li><a href="./index.html#detail">仕様詳細</a></li>\r
+            <li><a href="./index.html#history">変更来歴</a></li>\r
+        </ul>\r
     </div>\r
 </body>\r
 </html>\r