From 6be322f24dd17a7eb2146d79b1828f21afa73ce9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= Date: Tue, 7 Sep 2021 00:45:50 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B0=86=E5=B8=AE=E5=8A=A9=E8=BD=AC=E4=B8=BA?= =?UTF-8?q?=E7=BD=91=E9=A1=B5=E5=BD=A2=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 12 +- .../images}/preview-capture-1p.png | Bin .../images}/preview-capture-2p.png | Bin .../images}/preview-capture-3p.png | Bin {document => doc/images}/preview-mobile.jpg | Bin .../images}/tips-advanced-card.png | Bin .../images}/tips-advanced-color.png | Bin .../images}/tips-arrow-change-henshin.png | Bin .../images}/tips-arrow-close-numlock.webp | Bin {document => doc/images}/tips-guide.png | Bin {document => doc/images}/tips-guide2.png | Bin .../images}/tips-interchangeCard.png | Bin {document => doc/images}/tips-qr-found.png | Bin {document => doc/images}/tips-qr-pdc.webp | Bin {document => doc/images}/tips-qr-pdf.png | Bin .../images}/tips-qr-read-found.png | Bin {document => doc/images}/tips-qr-read.webp | Bin {document => doc/images}/tips-qr-url.png | Bin .../images}/tips-search-TagInGame.png | Bin {document => doc/images}/tips-search-name.png | Bin .../images}/tips-search-series.webp | Bin .../images}/tips-search-skills.png | Bin {document => doc/images}/tips-share.png | Bin .../images}/tips-switch-leader.png | Bin {document => doc/images}/tips-undo.png | Bin {document => doc/images}/tips-voice.png | Bin doc/index.html | 167 ++++++++++++++++++ help.md | 94 ---------- index.html | 1 - multi.html | 2 +- solo.html | 2 +- triple.html | 2 +- 32 files changed, 176 insertions(+), 104 deletions(-) rename {document => doc/images}/preview-capture-1p.png (100%) rename {document => doc/images}/preview-capture-2p.png (100%) rename {document => doc/images}/preview-capture-3p.png (100%) rename {document => doc/images}/preview-mobile.jpg (100%) rename {document => doc/images}/tips-advanced-card.png (100%) rename {document => doc/images}/tips-advanced-color.png (100%) rename {document => doc/images}/tips-arrow-change-henshin.png (100%) rename {document => doc/images}/tips-arrow-close-numlock.webp (100%) rename {document => doc/images}/tips-guide.png (100%) rename {document => doc/images}/tips-guide2.png (100%) rename {document => doc/images}/tips-interchangeCard.png (100%) rename {document => doc/images}/tips-qr-found.png (100%) rename {document => doc/images}/tips-qr-pdc.webp (100%) rename {document => doc/images}/tips-qr-pdf.png (100%) rename {document => doc/images}/tips-qr-read-found.png (100%) rename {document => doc/images}/tips-qr-read.webp (100%) rename {document => doc/images}/tips-qr-url.png (100%) rename {document => doc/images}/tips-search-TagInGame.png (100%) rename {document => doc/images}/tips-search-name.png (100%) rename {document => doc/images}/tips-search-series.webp (100%) rename {document => doc/images}/tips-search-skills.png (100%) rename {document => doc/images}/tips-share.png (100%) rename {document => doc/images}/tips-switch-leader.png (100%) rename {document => doc/images}/tips-undo.png (100%) rename {document => doc/images}/tips-voice.png (100%) create mode 100644 doc/index.html delete mode 100644 help.md diff --git a/README.md b/README.md index adb73d34..ac1f2b52 100644 --- a/README.md +++ b/README.md @@ -10,12 +10,12 @@ This tool can help you easily create and share Swipe Formation or Solo Formation | **单人 \| Solo** | **2人协力 \| 2P** | | :---: | :---: | -| ![单人界面预览](document/preview-capture-1p.png) | ![2人协力界面预览](document/preview-capture-2p.png) | +| ![单人界面预览](doc/images/preview-capture-1p.png) | ![2人协力界面预览](doc/images/preview-capture-2p.png) | | **3人协力 \| 3P** | **手机 \| Mobile** | -| ![3人协力界面预览](document/preview-capture-3p.png) | ![手机端预览](document/preview-mobile.jpg) | +| ![3人协力界面预览](doc/images/preview-capture-3p.png) | ![手机端预览](doc/images/preview-mobile.jpg) | # 如何使用 | HOW TO USE -推荐[![](https://www.mozilla.org/media/img/firefox/favicon.ico)火狐浏览器](https://www.mozilla.org/firefox/new/) | [![](https://www.mozilla.org/media/img/firefox/favicon.ico)Firefox](https://www.mozilla.org/firefox/new/) is recommended +推荐[![][firefox]火狐浏览器](https://www.mozilla.org/firefox/new/) | [![][firefox]Firefox](https://www.mozilla.org/firefox/new/) is recommended ## 快速使用在线版（推荐） | Online Quick Start (Recommended) * (Github Pages) * (我自己的镜像 | my own mirror) @@ -34,8 +34,6 @@ Firefox 68.0 or above need setting the `privacy.file_unique_origin` to `false` i * Chrome需要添加`--allow-file-access-from-files`启动参数。 Chrome browser need start with the additional argument `--allow-file-access-from-files`. -# [帮助和提示 | Help and Tips](help.md) - # 翻译我 | Translate me ## 目前支持的语言 | Languages currently supported 1. 中文（简体） @@ -114,4 +112,6 @@ Please refer to existing files. * [aaa](//github.com/jy4340132/aaa) //Play voice(ADPCM wav) * [Font Awesome Free](https://github.com/FortAwesome/Font-Awesome) //Font Icon * [Zpix (最像素)](//github.com/SolidZORO/zpix-pixel-font) //Pixel Font -* [font-spider](//github.com/aui/font-spider) //Compression Font file \ No newline at end of file +* [font-spider](//github.com/aui/font-spider) //Compression Font file + +[firefox]: https://www.mozilla.org/media/img/firefox/favicon.ico \ No newline at end of file diff --git a/document/preview-capture-1p.png b/doc/images/preview-capture-1p.png similarity index 100% rename from document/preview-capture-1p.png rename to doc/images/preview-capture-1p.png diff --git a/document/preview-capture-2p.png b/doc/images/preview-capture-2p.png similarity index 100% rename from document/preview-capture-2p.png rename to doc/images/preview-capture-2p.png diff --git a/document/preview-capture-3p.png b/doc/images/preview-capture-3p.png similarity index 100% rename from document/preview-capture-3p.png rename to doc/images/preview-capture-3p.png diff --git a/document/preview-mobile.jpg b/doc/images/preview-mobile.jpg similarity index 100% rename from document/preview-mobile.jpg rename to doc/images/preview-mobile.jpg diff --git a/document/tips-advanced-card.png b/doc/images/tips-advanced-card.png similarity index 100% rename from document/tips-advanced-card.png rename to doc/images/tips-advanced-card.png diff --git a/document/tips-advanced-color.png b/doc/images/tips-advanced-color.png similarity index 100% rename from document/tips-advanced-color.png rename to doc/images/tips-advanced-color.png diff --git a/document/tips-arrow-change-henshin.png b/doc/images/tips-arrow-change-henshin.png similarity index 100% rename from document/tips-arrow-change-henshin.png rename to doc/images/tips-arrow-change-henshin.png diff --git a/document/tips-arrow-close-numlock.webp b/doc/images/tips-arrow-close-numlock.webp similarity index 100% rename from document/tips-arrow-close-numlock.webp rename to doc/images/tips-arrow-close-numlock.webp diff --git a/document/tips-guide.png b/doc/images/tips-guide.png similarity index 100% rename from document/tips-guide.png rename to doc/images/tips-guide.png diff --git a/document/tips-guide2.png b/doc/images/tips-guide2.png similarity index 100% rename from document/tips-guide2.png rename to doc/images/tips-guide2.png diff --git a/document/tips-interchangeCard.png b/doc/images/tips-interchangeCard.png similarity index 100% rename from document/tips-interchangeCard.png rename to doc/images/tips-interchangeCard.png diff --git a/document/tips-qr-found.png b/doc/images/tips-qr-found.png similarity index 100% rename from document/tips-qr-found.png rename to doc/images/tips-qr-found.png diff --git a/document/tips-qr-pdc.webp b/doc/images/tips-qr-pdc.webp similarity index 100% rename from document/tips-qr-pdc.webp rename to doc/images/tips-qr-pdc.webp diff --git a/document/tips-qr-pdf.png b/doc/images/tips-qr-pdf.png similarity index 100% rename from document/tips-qr-pdf.png rename to doc/images/tips-qr-pdf.png diff --git a/document/tips-qr-read-found.png b/doc/images/tips-qr-read-found.png similarity index 100% rename from document/tips-qr-read-found.png rename to doc/images/tips-qr-read-found.png diff --git a/document/tips-qr-read.webp b/doc/images/tips-qr-read.webp similarity index 100% rename from document/tips-qr-read.webp rename to doc/images/tips-qr-read.webp diff --git a/document/tips-qr-url.png b/doc/images/tips-qr-url.png similarity index 100% rename from document/tips-qr-url.png rename to doc/images/tips-qr-url.png diff --git a/document/tips-search-TagInGame.png b/doc/images/tips-search-TagInGame.png similarity index 100% rename from document/tips-search-TagInGame.png rename to doc/images/tips-search-TagInGame.png diff --git a/document/tips-search-name.png b/doc/images/tips-search-name.png similarity index 100% rename from document/tips-search-name.png rename to doc/images/tips-search-name.png diff --git a/document/tips-search-series.webp b/doc/images/tips-search-series.webp similarity index 100% rename from document/tips-search-series.webp rename to doc/images/tips-search-series.webp diff --git a/document/tips-search-skills.png b/doc/images/tips-search-skills.png similarity index 100% rename from document/tips-search-skills.png rename to doc/images/tips-search-skills.png diff --git a/document/tips-share.png b/doc/images/tips-share.png similarity index 100% rename from document/tips-share.png rename to doc/images/tips-share.png diff --git a/document/tips-switch-leader.png b/doc/images/tips-switch-leader.png similarity index 100% rename from document/tips-switch-leader.png rename to doc/images/tips-switch-leader.png diff --git a/document/tips-undo.png b/doc/images/tips-undo.png similarity index 100% rename from document/tips-undo.png rename to doc/images/tips-undo.png diff --git a/document/tips-voice.png b/doc/images/tips-voice.png similarity index 100% rename from document/tips-voice.png rename to doc/images/tips-voice.png diff --git a/doc/index.html b/doc/index.html new file mode 100644 index 00000000..7a2df7de --- /dev/null +++ b/doc/index.html @@ -0,0 +1,167 @@ + + + + + + 智龙急速阵型帮助 + + + + + + +

智龙迷城队伍图制作工具使用技巧
Tips of Puzzle & Dragons Formation Maker

+

目录 | Index

+ + +

分享 | Share

+

通过网址分享和收藏队伍 | Share and collect teams by URL

+

直接复制网址即可分享组队或自己添加收藏夹保存。
+ Copy the URL directly to share the Formation, or add a Bookmark to collect.
+ 分享组队
+ 为了更方便的分享，你可以使用任意第三方短网址服务进一步缩短网址。
+ For easier sharing, you can further shorten your URL using any third-party Short URL Service. Like, bitly. +

+

二维码分享 | Share by QR Code

+

可以使用摄像头读取队伍二维码
+ You can use the camera to read the Formation QR code
+ 使用摄像头读取二维码
+ 读取到的队伍会显示为链接
+ The read Formation appears as a link
+ 成功读取到二维码
+ 目前可以读取 | Currently can read: +

+
    +
  1. 本程序自有格式的二维码
    + This program's own format QR code
    + PDF二维码 +
    2. +
  2. 本程序网址链接的二维码
    + QR code of this program's URL
    + URL二维码 +
    3. +
  3. PDC 的二维码
    + PDC format QR code
    + PDC二维码 +
    4. +
+

编辑技巧 | Editing tips

+
    +
  • 使用后退即可撤销上一次修改，需要重做则使用前进。
    + Use Back to undo the last edit, redo with Forward.
    + 撤銷修改 +
    • +
  • 拖拽卡片头像即可快速交换位置，也支持手机触屏。
    + Drag card avatars to quickly swap member's positions, also supports mobile touch + screen.
    + 切换位置
    + 使用顶部的开关可以切换到复制模式
    + Use the switch at the top can switch to copy mode. +
    • +
  • 如果你希望使用技能切换队长，使用切换按钮。这样可以保留原始队长强调边框，和76版面图标。
    + If you want switch leader by skill, use the switch button. This preserves the original leader accent border, + and the 76 board icon.
    + 切换位置 +
    • +
  • 使用Ctrl + ←/→，或小键盘上的←/→(需关闭NumLock)可以快速切换变身。
    + You can using Ctrl + ←/→ or ←/→ on keypad (turn NumLock off) to + quickly change Henshin.
    + 按键切换变身
    + 关闭小键盘 +
    • +
+

搜索图鉴 | Search cards

+
    +
  • 可以在编辑界面的怪物ID输入怪物名称或标签来搜索卡片。
    + You can search for card by entering the Monster Name or Tags in the + monster ID of the editing interface.
    + 搜索怪物名称 +
    • +
  • 点击技能名称，可搜索相同主动技能宠物
    + Click on Skill Name to search for the same active skills Cards.
    + 搜索怪物主动技能 +
    • +
  • 点击系列ID或标签，可搜索该系列
    + Click the Series ID or Tags to search for series.
    + 搜索怪物系列 +
    • +
  • 复制本版本游戏数据的标签，可在游戏中搜索系列名称
    + Copy the Tag of this version of the game data can search for the series in the game.
    + 在游戏中搜索怪物系列 +
    • +
  • 点击编辑界面的卡片头像可以跳转到攻略网站。
    + Click on the card avatar in the editing interface to jump to the Guide.
    + 攻略网站
    + 在队伍界面和搜索结果的怪物头像上，点击鼠标中键也可以跳转到攻略网站。在手机上则是长按怪物头像然后选择在新标签页打开。
    + Or click the middle mouse button on the monster avatar of the formation interface and search results to jump + to the Guide. On your phone, you're long-pressing the monster avatar and then selecting to open it in a new + tab.
    + 攻略网站2 +
    • +
+

文字的高级功能 | Advanced of text detail

+
    +
  • %{m怪物ID}可以显示怪物头像。
    + %{m[Monster ID]} can display the monster avatar.
    + 怪物头像 +
    • +
  • 队伍标题与队伍说明可以使用^16进制颜色代码^内容^p来改变内容颜色；
    + Formation Title and Detail can use the ^[Hex Color Code]^Content^p to change the color of the + Content.
    + 文字颜色
    +
    • +
+

其他 | Others

+
    +
  • 点击语音觉醒可以试听技能语音。
    + Click Voice Awakening to try out skill voice.
    + 语音觉醒 +
    • +
  • 2人只显示部分共用的觉醒的统计（不包括超觉醒），单人和三人则全部显示。
    + The 2P Multi Games Mode shows only several common awoken statistics (excluding super-awakening), but the + Solo and 3P Mode shows all.
    • +
  • 内建的截图按钮依靠 html2canvas，会有一些绘制错误，浏览器的截图扩展能够更加还原显示的真实样子。
    + Built-in screenshot button relies on html2canvas, + there will be some drawing errors, browser screenshot extension can be more restore the real appearance of + the display.
    • +
  • 如果你只是希望将本程序当作简单图鉴使用，可以在参数里加上guide=1，如https://mapaler.gitee.io/paddashformation/solo.html?guide=1。图鉴模式下进入网页时，会直接打开怪物修改界面，并且背景不透明。
    + If you just want to use this program as a simple guide, you can add guide=1 to the parameters, + such as https://mapaler.github.io/PADDashFormation/solo.html?guide=1. When you enter the page + in guide mode, the monster modification interface opens directly and the background is opaque.
    • +
+

报告BUG | Report BUG

+

如果发现 BUG，请先按 Ctrl+F5 强制刷新，并点击数据更新时间按钮强制更新数据。如仍存在问题可以在 Issues 报告。
+ If a BUG is found, first test again after force refresh by Ctrl-F5, then click the Data Update Time button to + force update the data. If there is still a problem, you can report it at the Issues.

+

程序源代码 | Program Source

+

你可以在 GitHub 找到源代码。
+ You can find the source code at GitHub.

+ + + + \ No newline at end of file diff --git a/help.md b/help.md deleted file mode 100644 index 46f59c58..00000000 --- a/help.md +++ /dev/null @@ -1,94 +0,0 @@ -智龙迷城队伍图制作工具使用技巧
Tips of *Puzzle & Dragons Formation Maker* -====== -## 目录 | Index -* [分享队伍 | Share your team](#分享--share) -* [队伍编辑技巧 | Convenient tips for edit](#编辑技巧--editing-tips) -* [搜索图鉴 | Search cards](#搜索图鉴--search-cards) -* [文字说明的高级功能 | Advanced of the description](#文字的高级功能--advanced-of-text-detail) -* [其他 | Others](#其他--others) -* [报告BUG | Report BUG](#报告bug--report-bug) - -## 分享 | Share -### 通过网址分享和收藏队伍 | Share and collect teams by URL -直接复制网址即可分享组队或自己添加收藏夹保存。 -Copy the URL directly to share the Formation, or add a Bookmark to collect. -![分享组队](document/tips-share.png) -为了更方便的分享，你可以使用任意第三方*短网址服务*进一步缩短网址。 -For easier sharing, you can further shorten your URL using any third-party *Short URL Service*. Like, [bitly](https://bitly.com/). -### 二维码分享 | Share by QR Code -可以使用摄像头读取队伍二维码 -You can use the camera to read the Formation QR code -![使用摄像头读取二维码](document/tips-qr-read.webp) -读取到的队伍会显示为链接 -The read Formation appears as a link -![成功读取到二维码](document/tips-qr-read-found.png) -目前可以读取 | Currently can read: - 1. 本程序自有格式的二维码 - This program's own format QR code - ![PDF二维码](document/tips-qr-pdf.png) - 1. 本程序网址链接的二维码 - QR code of this program's URL - ![URL二维码](document/tips-qr-url.png) - 1. PDC 的二维码 - PDC format QR code - ![PDC二维码](document/tips-qr-pdc.webp) - -## 编辑技巧 | Editing tips -* 使用**后退**即可撤销上一次修改，需要重做则使用前进。 -Use **Back** to undo the last edit, redo with Forward. -![撤銷修改](document/tips-undo.png) -* **拖拽**卡片头像即可快速交换位置，也支持手机触屏。 -**Drag** card avatars to quickly swap member's positions, also supports mobile touch screen. -![切换位置](document/tips-interchangeCard.png) -使用顶部的开关可以切换到复制模式 -Use the switch at the top can switch to copy mode. -* 如果你希望使用技能切换队长，使用切换按钮。这样可以保留原始队长强调边框，和76版面图标。 -If you want switch leader by skill, use the switch button. This preserves the original leader accent border, and the 76 board icon. -![切换位置](document/tips-switch-leader.png) -* 使用`Ctrl + ←/→`，或小键盘上的`←/→`(需关闭`NumLock`)可以快速切换变身。 -You can using `Ctrl + ←/→` or `←/→` on keypad (turn `NumLock` off) to quickly change Henshin. -![按键切换变身](document/tips-arrow-change-henshin.png) -![关闭小键盘](document/tips-arrow-close-numlock.webp) - -## 搜索图鉴 | Search cards -* 可以在编辑界面的怪物ID输入**怪物名称**或**标签**来搜索卡片。 -You can search for card by entering the **Monster Name** or **Tags** in the monster ID of the editing interface. -![搜索怪物名称](document/tips-search-name.png) -* 点击**技能名称**，可搜索相同主动技能宠物 -Click on **Skill Name** to search for the same active skills Cards. -![搜索怪物主动技能](document/tips-search-skills.png) -* 点击**系列ID**或**标签**，可搜索该系列 -Click the **Series ID** or **Tags** to search for series. -![搜索怪物系列](document/tips-search-series.webp) -* 复制本版本游戏数据的**标签**，可在游戏中搜索系列名称 -Copy the **Tag** of this version of the game data can search for the series in the game. -![在游戏中搜索怪物系列](document/tips-search-TagInGame.png) -* 点击编辑界面的卡片头像可以跳转到攻略网站。 -Click on the card avatar in the editing interface to jump to the Guide. -![攻略网站](document/tips-guide.png) -在队伍界面和搜索结果的怪物头像上，点击鼠标中键也可以跳转到攻略网站。在手机上则是长按怪物头像然后选择在新标签页打开。 -Or click the middle mouse button on the monster avatar of the formation interface and search results to jump to the Guide. On your phone, you're long-pressing the monster avatar and then selecting to open it in a new tab. -![攻略网站2](document/tips-guide2.png) - -## 文字的高级功能 | Advanced of text detail -* 队伍标题与队伍说明可以使用`^16进制颜色代码^内容^p`来改变内容颜色； -Formation Title and Detail can use the `^[Hex Color Code]^Content^p` to change the color of the Content. -![文字颜色](document/tips-advanced-color.png) -`%{m怪物ID}`可以显示怪物头像。 -`%{m[Monster ID]}` can display the monster avatar. -![怪物头像](document/tips-advanced-card.png) - -## 其他 | Others -* 点击语音觉醒可以试听技能语音。 -Click Voice Awakening to try out skill voice. -![语音觉醒](document/tips-voice.png) -* 2人只显示部分共用的觉醒的统计（不包括超觉醒），单人和三人则全部显示。 -The 2P Multi Games Mode shows only several common awoken statistics (excluding super-awakening), but the Solo and 3P Mode shows all. -* 内建的截图按钮依靠 [html2canvas](https://github.com/niklasvh/html2canvas/)，会有一些绘制错误，浏览器的截图扩展能够更加还原显示的真实样子。 -Built-in screenshot button relies on [html2canvas](https://github.com/niklasvh/html2canvas/), there will be some drawing errors, browser screenshot extension can be more restore the real appearance of the display. -* 如果你只是希望将本程序当作简单图鉴使用，可以在参数里加上`guide=1`，如`https://mapaler.gitee.io/paddashformation/solo.html?guide=1`。图鉴模式下进入网页时，会直接打开怪物修改界面，并且背景不透明。 -If you just want to use this program as a simple guide, you can add `guide=1` to the parameters, such as `https://mapaler.github.io/PADDashFormation/solo.html?guide=1`. When you enter the page in guide mode, the monster modification interface opens directly and the background is opaque. - -## 报告BUG | Report BUG -如果发现 BUG，请先按 Ctrl+F5 强制刷新，并点击数据更新时间按钮强制更新数据。如仍存在问题可以在 [Issues](//github.com/Mapaler/PADDashFormation/issues) 报告。 -If a BUG is found, first test again after force refresh by Ctrl-F5, then click the Data Update Time button to force update the data. If there is still a problem, you can report it at the [Issues](//github.com/Mapaler/PADDashFormation/issues). \ No newline at end of file diff --git a/index.html b/index.html index f748613a..e8a39c54 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,6 @@ 智龙急速阵型 - diff --git a/multi.html b/multi.html index 58024946..88b58b55 100644 --- a/multi.html +++ b/multi.html @@ -67,7 +67,7 @@ var formation = new Formation(teamsCount,5); - +
diff --git a/solo.html b/solo.html index 56674e63..38dae27e 100644 --- a/solo.html +++ b/solo.html @@ -47,7 +47,7 @@ var formation = new Formation(teamsCount,6); - +
diff --git a/triple.html b/triple.html index bad79cb5..761431fa 100644 --- a/triple.html +++ b/triple.html @@ -61,7 +61,7 @@ var formation = new Formation(teamsCount,6); - +