mapaler
/
PADDashFormation
Not watched
1
0
Fork 0
Code
Releases 163 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: cd8a282483
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'cd8a282483'
${ noResults }
PADDashFormation/doc/index.html

268 lines
16 kB
Raw Blame History 

  1. <!doctype html>

  2. <html>

  3. 

  4. <head>

  5. 	<meta charset="utf-8">

  6. 	<title>智龙急速阵型帮助</title>

  7. 	<link rel="shortcut icon" href="../images/icon.png" type="image/x-png" />

  8. 	<meta name="viewport"

  9. 		content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

  10. 	<style type="text/css">

  11. 		code {

  12. 			padding: .2em .4em;

  13. 			margin: 0;

  14. 			font-size: 85%;

  15. 			background-color: rgba(175, 184, 193, 0.2);

  16. 			border-radius: 6px;

  17. 			font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;

  18. 		}

  19. 		ul>li {

  20. 			margin-bottom: 5px;

  21. 		}

  22. 	</style>

  23. 	<script type="text/javascript">

  24. 		if ('serviceWorker' in navigator) {

  25. 			navigator.serviceWorker.register('../service-worker.js', {scope: '../'})

  26. 			.then(function(registration) {

  27. 				console.debug('service worker 注册成功',registration);

  28. 			}).catch(function(error) {

  29. 				console.error('servcie worker 注册失败',error);

  30. 			});

  31. 		} else {

  32. 			console.error('浏览器不支持 servcie worker');

  33. 		}

  34. 	</script>

  35. </head>

  36. 

  37. <body>

  38. 	<h1>智龙迷城队伍图制作工具使用技巧<br>Tips of <em>Puzzle &amp; Dragons Formation Maker</em></h1>

  39. 	<h2>目录 | Index</h2>

  40. 	<ul class="index">

  41. 		<li><a href="#share">分享队伍 | Share your team</a>

  42. 			<ul>

  43. 				<li><a href="#share-by-qr-code">二维码分享 | Share by QR Code</a></li>

  44. 				<li><a href="#data-exchange-with-paddb">与 PADDB 进行数据交换 | Data exchange with PADDB</a></li>

  45. 			</ul>

  46. 		</li>

  47. 		<li><a href="#editing-tips">队伍编辑技巧 | Convenient tips for edit</a></li>

  48. 		<li><a href="#search-cards">搜索图鉴 | Search cards</a></li>

  49. 		<li><a href="#bind-box">绑定箱子 | Bind Box</a></li>

  50. 		<li><a href="#advanced-of-text-detail">文字说明的高级功能 | Advanced of the description</a></li>

  51. 		<li><a href="#others">其他 | Others</a></li>

  52. 		<li><a href="#report-bug">报告BUG | Report BUG</a></li>

  53. 		<li><a href="#program-source">程序源代码 | Program Source</a></li>

  54. 	</ul>

  55. 

  56. 	<h2 id="share">分享 | Share</h2>

  57. 	<h3>通过网址分享和收藏队伍 | Share and collect teams by URL</h3>

  58. 	<p>直接复制网址即可分享组队或自己添加收藏夹保存。<br>

  59. 		Copy the URL directly to share the Formation, or add a Bookmark to collect.<br>

  60. 		<img src="images/tips-share.png" alt="分享组队"><br>

  61. 		为了更方便的分享，你可以使用任意第三方<em>短网址服务</em>进一步缩短网址。<br>

  62. 		For easier sharing, you can further shorten your URL using any third-party <em>Short URL Service</em>. Like, <a

  63. 			href="https://bitly.com/">bitly</a>.

  64. 	</p>

  65. 	<h3 id="share-by-qr-code">二维码分享 | Share by QR Code</h3>

  66. 	<p>可以使用摄像头读取队伍二维码<br>

  67. 		You can use the camera to read the Formation QR code<br>

  68. 		<img src="images/tips-qr-read.webp" alt="使用摄像头读取二维码"><br>

  69. 		读取到的队伍会显示为链接<br>

  70. 		The read Formation appears as a link<br>

  71. 		<img src="images/tips-qr-read-found.png" alt="成功读取到二维码"><br>

  72. 		目前可以读取 | Currently can read:

  73. 		<ol>

  74. 			<li>PDC 的二维码<br>

  75. 				PDC format QR code<br>

  76. 				<img src="images/tips-qr-pdc.webp" alt="PDC二维码">

  77. 			</li>

  78. 			<li>本程序自有格式的二维码<br>

  79. 				This program's own format QR code<br>

  80. 				<img src="images/tips-qr-pdf.png" alt="PDF二维码">

  81. 			</li>

  82. 			<li>本程序网址链接的二维码<br>

  83. 				QR code of this program's URL<br>

  84. 				<img src="images/tips-qr-url.png" alt="URL二维码">

  85. 			</li>

  86. 		</ol>

  87. 	</p>

  88. 	<h3 id="data-exchange-with-paddb">与 PADDB 进行数据交换 | Data exchange with PADDB</h3>

  89. 	<p>由于 PADDB 跨域，您需要在<a href="https://greasyfork.org/help/installing-user-scripts">用户脚本管理器</a>内安装<a href="https://greasyfork.org/scripts/458521">此辅助脚本</a>以支持此功能。。<br>

  90. 		Because PADDB is cross-domain, you need to install <a href="https://greasyfork.org/scripts/458521">this helper script</a> within the <a href="https://greasyfork.org/help/installing-user-scripts">User Script Manager</a> to support this feature.<br>

  91. 		<img src="images/tips-paddb-install-script.webp" alt="安装脚本"><br>

  92. 		<h4>导入 PADDB 队伍 | Import PADDB team</h4>

  93. 		<p>

  94. 			上传自己的队伍<br>

  95. 			Upload your own team<br>

  96. 			<img src="images/tips-paddb-upload-team-in-paddb.png" alt="上传自身的脚本"><br>

  97. 			或者在队伍模板里搜索其他人的队伍<br>

  98. 			Or search for someone else's party in the Team Templates<br>

  99. 			<img src="images/tips-paddb-search-team-in-paddb.png" alt="搜索别人的脚本"><br>

  100. 			复制上传后的队伍链接<br>

  101. 			Copy the uploaded Team URL<br>

  102. 			<img src="images/tips-paddb-copy-team-link.png" alt="复制队伍链接"><br>

  103. 			打开二维码与数据交换功能，粘贴队伍链接并读取<br>

  104. 			Turn on the QR code and Data Exchange feature, paste the team link and read it<br>

  105. 			<img src="images/tips-paddb-read-link.png" alt="粘贴队伍链接并读取"><br>

  106. 			读取到的队伍会显示为链接<br>

  107. 			The read Formation appears as a link<br>

  108. 			<img src="images/tips-qr-read-found.png" alt="成功读取到二维码"><br>

  109. 		</p>

  110. 		<h4>将队伍上传到 PADDB | Upload the Team to PADDB</h4>

  111. 		<p>

  112. 			打开二维码与数据交换功能，在下方输入用户名与密码。<br>

  113. 			Turn on the QR code and Data Exchange feature, Enter your user ID and password below.<br>

  114. 			<img src="images/tips-paddb-upload-region.png" alt="PADDB 数据上传区"><br>

  115. 			没有输入队伍链接时，将会上传队伍，并获得一个可被你的账号密码编辑的新的队伍链接。如果有，则会更新当前连接的队伍数据到你的链接。<br>

  116. 			If you do not enter a team link, the team will be uploaded and a new team link will be obtained that can be edited by your account password. If so, the currently team data is updated to the link.<br>

  117. 			你可以在队伍模板里看到你的队伍<br>

  118. 			You can see your team in the team template<br>

  119. 			<img src="images/tips-paddb-search-team-in-paddb.png" alt="搜索别人的脚本"><br>

  120. 			或者通过浏览器打开队伍链接，也可以跳转到 PADDB 内（部分浏览器可能不支持）<br>

  121. 			Or open the team link in your phone browser, which will jump to PADDB (some browsers may not support it)<br>

  122. 			<br>

  123. 			注意：| Note:

  124. 			<ol>

  125. 				<li>PADDB 目前只支持单人游戏队伍。<br>

  126. 					PADDB currently only supports solo team.

  127. 				</li>

  128. 				<li>PADDB 不需要注册账号，填写任意的名称和密码即可。<br>

  129. 					用户名与密码没有唯一性，比如：账号: 枫谷剑仙，密码: 1234；账号: 枫谷剑仙，密码: abcd，都可以成功上传，但是两个队伍链接需要用不同的密码才能编辑。<br>

  130. 					注意密码是明文保存在 PADDB 服务器上，不要使用自己其他账号的密码。<br>

  131. 					PADDB does not need to pre-register an account, just use any ID and password. <br>

  132. 					ID and passwords are not unique, for example: ID: mapaler, PASS: 1234; ID: mapaler, PASS: abcd,both can be successfully uploaded, but the two team links need different passwords to edit.<br>

  133. 					Note that the password is stored in plaintext on the PADDB server, do not use the password of your other account.<br>

  134. 				</li>

  135. 				<li>没有正确的用户名和密码你无法修改 PADDB 上其他用户的队伍，但是可以导入本程序后全新上传为自己的并修改。<br>

  136. 					You cannot modify another user's team on PADDB without the correct ID and password, but you can import to this program and upload as your own and modify them.

  137. 				</li>

  138. 			</ol>

  139. 		</p>

  140. 	</p>

  141. 	<h2 id="editing-tips">编辑技巧 | Editing tips</h2>

  142. 	<ul>

  143. 		<li>使用<strong>后退</strong><code>Alt + ←</code>即可撤销上一次修改，需要重做则使用<strong>前进</strong><code>Alt + →</code>。<br>

  144. 			Use <strong>Back</strong><code>Alt + ←</code> to undo the last edit, redo with <strong>Forward</strong><code>Alt + →</code>.<br>

  145. 			<img src="images/tips-undo.png" alt="撤銷修改">

  146. 		</li>

  147. 		<li><strong>拖拽</strong>卡片头像即可快速交换位置，也支持手机触屏。<br>

  148. 			<strong>Drag</strong> card avatars to quickly swap member's positions, also supports mobile touch

  149. 			screen.<br>

  150. 			<img src="images/tips-interchangeCard.png" alt="切换位置"><br>

  151. 			使用顶部的开关可以切换到复制模式<br>

  152. 			Use the switch at the top can switch to copy mode.

  153. 		</li>

  154. 		<li>如果你希望使用技能切换队长，使用切换按钮。这样可以保留原始队长强调边框，和76板面图标。<br>

  155. 			If you want switch leader by skill, use the switch button. This preserves the original leader accent border,

  156. 			and the 76 board icon.<br>

  157. 			<img src="images/tips-switch-leader.png" alt="切换位置">

  158. 		</li>

  159. 		<li>使用<code>Ctrl + ←/→</code>，或小键盘上的<code>←/→</code>(需关闭<code>NumLock</code>)可以快速切换变身。<br>

  160. 			You can using <code>Ctrl + ←/→</code> or <code>←/→</code> on keypad (turn <code>NumLock</code> off) to

  161. 			quickly change Henshin.<br>

  162. 			<img src="images/tips-arrow-change-henshin.png" alt="按键切换变身"><br>

  163. 			<img src="images/tips-arrow-close-numlock.webp" alt="关闭小键盘">

  164. 		</li>

  165. 	</ul>

  166. 	<h2 id="search-cards">搜索图鉴 | Search cards</h2>

  167. 	<ul>

  168. 		<li>可以在编辑界面的怪物ID输入<strong>怪物名称</strong>或<strong>标签</strong>来搜索卡片。<br>

  169. 			You can search for card by entering the <strong>Monster Name</strong> or <strong>Tags</strong> in the

  170. 			monster ID of the editing interface.<br>

  171. 			<img src="images/tips-search-name.png" alt="搜索怪物名称">

  172. 		</li>

  173. 		<li>点击<strong>技能名称</strong>，可搜索相同主动技能宠物<br>

  174. 			Click on <strong>Skill Name</strong> to search for the same active skills Cards.<br>

  175. 			<img src="images/tips-search-skills.png" alt="搜索怪物主动技能">

  176. 		</li>

  177. 		<li>点击<strong>系列ID</strong>或<strong>标签</strong>，可搜索该系列<br>

  178. 			Click the <strong>Series ID</strong> or <strong>Tags</strong> to search for series.<br>

  179. 			<img src="images/tips-search-series.webp" alt="搜索怪物系列">

  180. 		</li>

  181. 		<li>复制本版本游戏数据的<strong>标签</strong>，可在游戏中搜索系列名称<br>

  182. 			Copy the <strong>Tag</strong> of this version of the game data can search for the series in the game.<br>

  183. 			<img src="images/tips-search-TagInGame.png" alt="在游戏中搜索怪物系列">

  184. 		</li>

  185. 		<li>点击编辑界面的卡片头像可以跳转到攻略网站。<br>

  186. 			Click on the card avatar in the editing interface to jump to the Guide.<br>

  187. 			<img src="images/tips-guide.png" alt="攻略网站"><br>

  188. 			在队伍界面和搜索结果的怪物头像上，点击鼠标中键也可以跳转到攻略网站。在手机上则是长按怪物头像然后选择在新标签页打开。<br>

  189. 			Or click the middle mouse button on the monster avatar of the formation interface and search results to jump

  190. 			to the Guide. On your phone, you're long-pressing the monster avatar and then selecting to open it in a new

  191. 			tab.<br>

  192. 			<img src="images/tips-guide2.png" alt="攻略网站2">

  193. 		</li>

  194. 	</ul>

  195. 	<h2 id="bind-box">绑定箱子 | Bind Box</h2>

  196. 	<p>如果你使用我的箱子功能打开你的游戏数据，你将会获得如下功能。<br>

  197. 		If you use the <strong>My Box</strong> feature to open your game data, you will get the following features.

  198. 	</p>

  199. 	<ul>

  200. 		<li>将你队伍变成链接<br>

  201. 			Turn your team into a link.<br>

  202. 			<img src="images/player-open-deck.webp" alt="打开队伍">

  203. 		</li>

  204. 		<li>绑定箱子后，搜索时可以显示箱子内的角色个数。 <br>

  205. 			With bind the box, you can display the number of cards in the box when searching. <br>

  206. 			显示规则是 ×<code>相同ID</code>(<code>进化链其他</code>)<br>

  207. 			The number rule is ×<code>identical ID</code>(<code>other in evolutionary tree</code>)

  208. 			<img src="images/player-bind-box.webp" alt="绑定箱子"><br>

  209. 		</li>

  210. 		<li>把你的游戏数据发给大佬，让他帮你组队。这样不会有帐号泄露风险。<br>

  211. 			Send your data to an expert and ask him to help team up so there is no risk of your account being stolen.

  212. 		</li>

  213. 	</ul>

  214. 	<p><a href="export-player-data.html">如何得到我的游戏数据？<br>

  215. 		How to get my Game Data?</a></p>

  216. 	<p>你保存的数据全部存于浏览器的本地 IndexedDB 内，不会被上传到服务器，因此更换浏览器就需要重新打开数据。<br>

  217. 		All of the data you save is stored in your browser's local IndexedDB and will not be uploaded to the server, so changing your browser will require you to reopen the data.

  218. 	</p>

  219. 	<h2 id="advanced-of-text-detail">文字的高级功能 | Advanced of text detail</h2>

  220. 	<ul>

  221. 		<li><code>%{m怪物ID}</code>可以显示怪物头像。<br>

  222. 			<code>%{m[Monster ID]}</code> can display the monster avatar.<br>

  223. 			<img src="images/tips-advanced-card.png" alt="怪物头像"><br><br>

  224. 			<code>%{a觉醒ID}</code>可以显示觉醒图标。<br>

  225. 			<code>%{a[Awoken ID]}</code> can display the Awoken Icon.<br>

  226. 			<code>%{o宝珠ID}</code>可以显示宝珠图标。<br>

  227. 			<code>%{o[Orb ID]}</code> can display the Orb Icon.<br>

  228. 			<code>%{l潜觉ID}</code>可以显示觉醒图标。<br>

  229. 			<code>%{l[Latent ID]}</code> can display the Latent Icon.<br>

  230. 		</li>

  231. 		<li>队伍标题与队伍说明可以使用<code>^16进制颜色代码^内容^p</code>来改变内容颜色；<br>

  232. 			Formation Title and Detail can use the <code>^[Hex Color Code]^Content^p</code> to change the color of the

  233. 			Content.<br>

  234. 			<img src="images/tips-advanced-color.png" alt="文字颜色"><br>

  235. 		</li>

  236. 	</ul>

  237. 	<h2 id="others">其他 | Others</h2>

  238. 	<ul>

  239. 		<li>点击语音觉醒可以试听技能语音。<br>

  240. 			Click Voice Awakening to try out skill voice.<br>

  241. 			<img src="images/tips-voice.png" alt="语音觉醒">

  242. 		</li>

  243. 		<li>2人只显示部分共用的觉醒的统计（不包括超觉醒），单人和三人则全部显示。<br>

  244. 			The 2P Multi Games Mode shows only several common awoken statistics (excluding super-awakening), but the

  245. 			Solo and 3P Mode shows all.</li>

  246. 		<li>内建的截图按钮依靠 <a

  247. 				href="https://github.com/niklasvh/html2canvas/">html2canvas</a>，会有一些绘制错误，浏览器的截图扩展能够更加还原显示的真实样子。<br>

  248. 			Built-in screenshot button relies on <a href="https://github.com/niklasvh/html2canvas/">html2canvas</a>,

  249. 			there will be some drawing errors, browser screenshot extension can be more restore the real appearance of

  250. 			the display.</li>

  251. 		<li>如果你只是希望将本程序当作简单图鉴使用，可以在参数里加上<code>guide=1</code>，如<code>https://mapaler.gitee.io/paddashformation/solo.html?guide=1</code>。图鉴模式下进入网页时，会直接打开怪物修改界面，并且背景不透明。<br>

  252. 			If you just want to use this program as a simple guide, you can add <code>guide=1</code> to the parameters,

  253. 			such as <code>https://mapaler.github.io/PADDashFormation/solo.html?guide=1</code>. When you enter the page

  254. 			in guide mode, the monster modification interface opens directly and the background is opaque.</li>

  255. 	</ul>

  256. 	<h2 id="report-bug">报告BUG | Report BUG</h2>

  257. 	<p>如果发现 BUG，请先按 Ctrl+F5 强制刷新，并点击数据更新时间按钮强制更新数据。如仍存在问题可以在 <a

  258. 			href="https://github.com/Mapaler/PADDashFormation/issues">Issues</a> 报告。<br>

  259. 		If a BUG is found, first test again after force refresh by Ctrl-F5, then click the Data Update Time button to

  260. 		force update the data. If there is still a problem, you can report it at the <a

  261. 			href="https://github.com/Mapaler/PADDashFormation/issues">Issues</a>.</p>

  262. 	<h2 id="program-source">程序源代码 | Program Source</h2>

  263. 	<p>你可以在 <a href="https://github.com/Mapaler/PADDashFormation/">GitHub</a> 找到源代码。<br>

  264. 		You can find the source code at <a href="https://github.com/Mapaler/PADDashFormation/">GitHub</a>.</p>

  265. 

  266. </body>

  267. 

  268. </html>