forked from DMzda/Artifact2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathDeckViewer.html
374 lines (365 loc) · 18.7 KB
/
DeckViewer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Artifact 2 Deck Viewer</title>
<link rel="stylesheet" href="Styles/Standard.css">
<link rel="stylesheet" href="Styles/DeckViewer.css">
<link rel="stylesheet" href="Styles/Cards.css">
<link rel="icon" href="favicon.ico">
</head>
<body>
<div id="SiteHeader">
<div id="SiteHeaderBackground">
<video preload="auto" id="header_video" autoplay loop muted>
<source src="Images/Styles/144px.mp4" type="video/mp4">
</video>
</div>
<div id="SiteHeaderInner">
<a href="index.html">
<div class="SiteHeaderButton SiteHeaderButtonUnselected">
<div class="SiteHeaderButtonText">CARD BROWSER</div>
</div>
</a>
<a href="DeckBuilder.html">
<div class="SiteHeaderButton SiteHeaderButtonUnselected">
<div class="SiteHeaderButtonText">DECK BUILDER</div>
</div>
</a>
<a href="DeckViewer.html">
<div class="SiteHeaderButton SiteHeaderButtonSelected">
<div class="SiteHeaderButtonText">DECK VIEWER</div>
</div>
</a>
<a href="Keywords.html">
<div class="SiteHeaderButton SiteHeaderButtonUnselected">
<div class="SiteHeaderButtonText">GLOSSARY</div>
</div>
</a>
<a href="ReportError.html">
<div class="SiteHeaderButton SiteHeaderButtonUnselected">
<div class="SiteHeaderButtonText">REPORT ERROR</div>
</div>
</a>
</div>
</div>
<div class="clear"></div>
<div id="PageHeader">
<div id="PageHeaderTitle" class="RestrictWidth">Deck Viewer</div>
</div>
<div class="RestrictWidth MovedContainerWrapper">
<div class="MovedContainerInner">
<h1>致谢!</h1>
感谢@Kollieflower的项目<a href="https://thinkartifact.com">https://thinkartifact.com</a><br><br>
本页面直接引用该作者的牌组解码及展示工具
</div>
<div class="MovedContainerInner">
<h1>BO1快速赛:</h1>
随机抽选四套卡组(只包含主牌组),双方约定或掷骰子选出一人作为主动方<br>
由主动方玩家在四套卡组中选择一套作为比赛卡组<br>
主牌组选定后,由被动方玩家决定对局开始时的先后手<br>
然后,双方同时构筑物品牌组,确认完毕后开始对局<br>
<h1>BO1 Quick Match:</h1>
You and your opponent decide which one to be the ACTIVE PLAYER(AP) at game,
you may flip a coin to reach agreement.
Get 4 random decks from the database, and then let AP choose one deck for game.<br>
You will use its main deck to conduct game1, and the PASSIVE PLAYER(PP) decide which player get the initiative
at the game beginning.<br>
Finally, both player should construct his item deck and game will be start when the whole deck of both are
ready.<br>
<br>
<h1>BO(2n+1)快速赛</h1>
<h2>初阵:</h2>
随机抽选四套卡组(只包含主牌组),双方约定或掷骰子选出一人作为主动方<br>
由主动方玩家在四套卡组中选择两套作为比赛卡组<br>
然后由被动方玩家为双方分配这两套比赛卡组<br>
卡组分配完毕后,由被动方玩家率先构筑物品卡组并向对方展示<br>
然后由主动方玩家构筑物品卡组并展示<br>
主动方玩家决定对局的先后手,比赛开始<br>
<br>
<h1>BO(2n+1) Quick Match:</h1>
<h2>Game1*n:</h2>
You and your opponent decide which one to be the AP at game,
you may flip a coin to reach agreement.
Get 4 random decks from the database, and then let AP choose two decks for game1*n.<br>
You will use their main decks to conduct game1*n, and PP can choose his main deck from two first.<br>
Then, PP should construct his item deck first and show it to opponent.<br>
AP should construct his item deck after he has read the item deck of PP.<br>
Finally, let AP decide which player get the initiative at the game beginning and then start the game1*n.<br>
<br>
<h2>再阵:</h2>
若初阵局由主动方玩家获胜,则上局失利的玩家可选择从两项中选择其一:<br>
1.重新随机抽选四套卡组,自己作为主动方玩家,执行和初阵一样流程;<br>
2.双方不换卡组,由被动方玩家指定一个不大于3的数字,双方可以更改主牌组中不大于这个数字数量的牌张,被动方玩家额外可以更换物品牌组中的两张牌.按照初阵决定的先后手顺序开始再阵<br>
<br>
若初阵局由被动方玩家获胜,则仍保留初阵抽选出的四套卡组,但是由这次由上局胜利的玩家作为主动防重复初阵流程.<br>
<br>
双方重复初阵和再阵流程直至某一方在赛点局落败或者双方同时拿到赛点则进入终阵<br>
<h2>Game2*n:</h2>
<h3>If AP won the game1*n</h3>
Then old PP one can choose a road from below:<br>
<h4>1.</h4>
Refresh 4 random decks, but he become new AP at game2*n(his opponent become PP),<br>
other things work same as game1*n<br>
<h4>2.</h4>
Both players keep his whole deck to game2*n.<br>
The old PP can assign an integer x which is not greater than 3,<br>
both can change no more than x cards in his main deck, and old PP can change no more than 2 item card
additionally.
<br>
Conduct game as game1*n decided.
<br>
<br>
<h3>If AP won the game1*n</h3>
Then the 4 decks should be keep, and change the AP PP role at game2*n,<br>
other things work same as game1*n<br>
<br>
Repeat the game1*n and game2*n until one lose the match. Or when both player get the match point, then they do
Final Game 1<br>
<h2>终阵:</h2>
若有终阵,双方进行BO1快速赛
<h2>Final Game 1:</h2>
If you enter Final Game, do it as BO1 Quick Match.
</div>
<div align="center">
<button type="button" class="ArtifactButtonSmall" id="draftButton" onmouseup="Draft4Decks();">重新抽取
</button>
</div>
</div>
<div id="PageContainer" class="RestrictWidth">
<div id="DeckViewerPage">
<div id="DeckCodeInputContainer">
<div id="DeckCodeInputTitle">
Enter the Deck Code in the box below and then press the Load Deck button.
</div>
<div>
<input type="text" id="DeckCodeInputField" value="" onkeypress="onEnterSubmit(event, LoadDeckFunc);">
</div>
<div id="DeckCodeErrorContainer">
<div class="DeckCodeErrorImg">
<img src="Images/Styles/CardErr.png" alt="">
</div>
<div id="DeckCodeErrorMsg">
This deck code is not valid. Please make sure the code is correct.
</div>
<div class="clear"></div>
</div>
<div>
<button type="button" class="ArtifactButtonSmall" id="LoadDeckButton" onmouseup="LoadDeckFunc();">LOAD
DECK
</button>
</div>
</div>
<div id="DeckExampleTabsContainer">
<div id="exampleTabCommunity" class="DeckExamplesTabsRoundTopLeft changeExampleTab selected"
onmouseup="DV_ChangeExamplesToTypeWithFade('community');">
<p>Community</p>
</div>
</div>
<div id="DeckExamplesOuterContainer">
<div id="DeckExamplesInnerContainer"></div>
</div>
<div id="DeckViewerDeckOuterContainer">
<div id="DeckViewerOptions">
<div id="LoadNewDeckButton">
<button type="button" class="ArtifactButtonSmall" onmouseup="ViewDiffDeckButton();">VIEW DIFFERENT
DECK
</button>
</div>
<div id="ShareCurrentDeckButton">
<button type="button" class="ArtifactButtonSmall"
onmousemove="ShowTextTooltip(1, 'Copies the URL for this deck to the clipboard');"
onmouseout="ShowTextTooltip(0,0);" onmouseup="DeckCodeShareToClipboard();">SHARE DECK
</button>
</div>
<div id="OpenDeckInBuilderButton"></div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="DeckViewerTitleContainer">
<div id="DeckViewerDeckTitle">
Deck Title
</div>
</div>
<div id="DeckViewerHeroesContainer">
<div class="DeckViewer_HeroCard" id="DeckViewer_HeroCard1">
</div>
<div class="DeckViewer_HeroCard" id="DeckViewer_HeroCard2">
</div>
<div class="DeckViewer_HeroCard" id="DeckViewer_HeroCard3">
</div>
<div class="DeckViewer_HeroCard" id="DeckViewer_HeroCard4">
</div>
<div class="DeckViewer_HeroCard" id="DeckViewer_HeroCard5">
</div>
<div class="clear"></div>
</div>
<div id="DeckViewerCardsAndStats">
<div id="DeckViewerCardsAndStats_L">
<div id="DeckViewerStats">
<div id="DeckViewerCardTypeStats">
<div id="TotalNumberCards" class="DeckViewerCardAndItemTypeStatsHeader">
## Cards
</div>
<div class="DeckViewerCardTypeContainer">
<div class="DeckViewerCardTypeSymbol">
▨
</div>
<div id="NumberOfCreeps" class="DeckViewerCardTypeAmount">
0
</div>
</div>
<div class="DeckViewerCardTypeContainer">
<div class="DeckViewerCardTypeSymbol">
▪
</div>
<div id="NumberOfSpells" class="DeckViewerCardTypeAmount">
0
</div>
</div>
<div class="DeckViewerCardTypeContainer">
<div class="DeckViewerCardTypeSymbol">
▩
</div>
<div id="NumberOfTE" class="DeckViewerCardTypeAmount">
0
</div>
</div>
<div class="clear"></div>
</div>
<div id="DeckViewerItemTypeStats">
<div id="TotalNumberItems" class="DeckViewerCardAndItemTypeStatsHeader">
## Items
</div>
<div class="DeckViewerItemTypeContainer">
<div class="DeckViewerCardTypeSymbol">
▣
</div>
<div id="NumberOfWeapons" class="DeckViewerCardTypeAmount">
0
</div>
</div>
<div class="DeckViewerItemTypeContainer">
<div class="DeckViewerCardTypeSymbol">
▤
</div>
<div id="NumberOfArmour" class="DeckViewerCardTypeAmount">
0
</div>
</div>
<div class="DeckViewerItemTypeContainer">
<div class="DeckViewerCardTypeSymbol">
▥
</div>
<div id="NumberOfAccessories" class="DeckViewerCardTypeAmount">
0
</div>
</div>
<div class="DeckViewerItemTypeContainer">
<div class="DeckViewerCardTypeSymbol">
▦
</div>
<div id="NumberOfConsumables" class="DeckViewerCardTypeAmount">
0
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="DeckViewerCardManaColourStats">
<div id="DeckViewerCardManaColourGraphContainer">
<div class="DeckViewerCardManaColourChartBarContainer">
<div id="DeckViewerCardManaColourChartBar1"
class="DeckViewerCardManaColourChartBarOuter"></div>
<div class="DeckViewerCardManaColourChartNumber">1</div>
</div>
<div class="DeckViewerCardManaColourChartBarContainer">
<div id="DeckViewerCardManaColourChartBar2"
class="DeckViewerCardManaColourChartBarOuter"></div>
<div class="DeckViewerCardManaColourChartNumber">2</div>
</div>
<div class="DeckViewerCardManaColourChartBarContainer">
<div id="DeckViewerCardManaColourChartBar3"
class="DeckViewerCardManaColourChartBarOuter"></div>
<div class="DeckViewerCardManaColourChartNumber">3</div>
</div>
<div class="DeckViewerCardManaColourChartBarContainer">
<div id="DeckViewerCardManaColourChartBar4"
class="DeckViewerCardManaColourChartBarOuter"></div>
<div class="DeckViewerCardManaColourChartNumber">4</div>
</div>
<div class="DeckViewerCardManaColourChartBarContainer">
<div id="DeckViewerCardManaColourChartBar5"
class="DeckViewerCardManaColourChartBarOuter"></div>
<div class="DeckViewerCardManaColourChartNumber">5</div>
</div>
<div class="DeckViewerCardManaColourChartBarContainer">
<div id="DeckViewerCardManaColourChartBar6"
class="DeckViewerCardManaColourChartBarOuter"></div>
<div class="DeckViewerCardManaColourChartNumber">6</div>
</div>
<div class="DeckViewerCardManaColourChartBarContainer">
<div id="DeckViewerCardManaColourChartBar7"
class="DeckViewerCardManaColourChartBarOuter"></div>
<div class="DeckViewerCardManaColourChartNumber">7</div>
</div>
<div class="DeckViewerCardManaColourChartBarContainer">
<div id="DeckViewerCardManaColourChartBar8"
class="DeckViewerCardManaColourChartBarOuter"></div>
<div class="DeckViewerCardManaColourChartNumber">8+</div>
</div>
<div class="clear"></div>
</div>
<div id="DeckViewerCardColourBoxChartContainer">
<div id="DeckViewerBoxChartR"
class="DeckViewerCardColourBoxChartInner DeckViewerCardManaColouringR">0
</div>
<div id="DeckViewerBoxChartG"
class="DeckViewerCardColourBoxChartInner DeckViewerCardManaColouringG">0
</div>
<div id="DeckViewerBoxChartU"
class="DeckViewerCardColourBoxChartInner DeckViewerCardManaColouringU">0
</div>
<div id="DeckViewerBoxChartB"
class="DeckViewerCardColourBoxChartInner DeckViewerCardManaColouringB">0
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div> <!-- Deck Viewer Stats -->
<div id="ItemCardListContainer">
Item Card List Container
</div>
</div> <!-- DeckViewerCardsAndStats_L -->
<div id="DeckViewerCardsAndStats_R">
<div id="NonHeroNonItemCardListContainer">
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="CardPreviewTooltip" class="CardContainerMiniPreview"> </div>
<div id="SpecialTextTooltip">
<div id="SpecialTextTitle">Title</div>
<div id="SpecialTextDesc">Desc</div>
</div>
</div>
<input type="text" value="" id="hiddenClipboard">
<script src="main.js"></script>
<script src="js/CardGenerator.js"></script>
<script src="js/DeckViewer.js"></script>
<script src="js/OrderCardList.js"></script>
<script src="js/HTMLgenerators/GeneratorHelpers.js"></script>
<script src="js/HTMLgenerators/DeckExampleGenerator.js"></script>
<script src="js/HTMLgenerators/DeckExampleValveGenerator.js"></script>
<script src="js/Decoder.js"></script>
<script>InitialisePage("DeckViewer");</script>
</body>
</html>