|
5 | 5 | </head> |
6 | 6 | <script text="javascript"> |
7 | 7 | var ships = [ |
8 | | - "C1 Spirit", |
9 | | - "Mercury", |
10 | | - "STV", |
| 8 | + "Raft", |
| 9 | + "Asgard", |
11 | 10 | "Ursa Medivac", |
12 | | - "890 Jump", |
13 | | - "600i Explorer", |
14 | | - "Terrapin", |
15 | | - "Gladiator", |
16 | | - "Fury LX", |
| 11 | + "MTC", |
17 | 12 | "M50", |
18 | | - "Reclaimer", |
| 13 | + "Razor", |
| 14 | + "Gladiator", |
| 15 | + "85x", |
| 16 | + "Zeus MK II ES", |
| 17 | + "Corsair", |
19 | 18 | "Vulture", |
20 | | - "Syulen", |
21 | | - "Defender", |
22 | | - "F8C Lightning", |
23 | | - "F7C Hornet MK II", |
| 19 | + "Mole", |
| 20 | + "Prowler Utility", |
| 21 | + "Talon", |
| 22 | + "Polaris", |
| 23 | + "Starlancer TAC", |
24 | 24 | ]; |
25 | 25 | </script> |
26 | 26 | <!-- draw function uses these to source the image data --> |
27 | 27 | <div id="imgs-holder" hidden> |
28 | 28 | <img id="img-template" src="template_big.png"> |
29 | | - <img id="img-0" src="c1spirit.png"> |
30 | | - <img id="img-1" src="mercury.png"> |
31 | | - <img id="img-2" src="stv.png"> |
32 | | - <img id="img-3" src="ursa_medivac.png"> |
33 | | - <img id="img-4" src="890_jump.png"> |
34 | | - <img id="img-5" src="600i_explorer.png"> |
35 | | - <img id="img-6" src="terrapin.png"> |
36 | | - <img id="img-7" src="gladiator.png"> |
37 | | - <img id="img-8" src="fury_lx.png"> |
38 | | - <img id="img-9" src="m50.png"> |
39 | | - <img id="img-10" src="reclaimer.png"> |
40 | | - <img id="img-11" src="vulture.png"> |
41 | | - <img id="img-12" src="syulen.png"> |
42 | | - <img id="img-13" src="defender.png"> |
43 | | - <img id="img-14" src="f8c.png"> |
44 | | - <img id="img-15" src="f7c.png"> |
| 29 | + <img id="img-0" src="raft.png"> |
| 30 | + <img id="img-1" src="asgard.png"> |
| 31 | + <img id="img-2" src="ursa_medivac.png"> |
| 32 | + <img id="img-3" src="mtc.png"> |
| 33 | + <img id="img-4" src="m50.png"> |
| 34 | + <img id="img-5" src="razor.png"> |
| 35 | + <img id="img-6" src="gladiator.png"> |
| 36 | + <img id="img-7" src="85x.png"> |
| 37 | + <img id="img-8" src="zeus_mk2_es.png"> |
| 38 | + <img id="img-9" src="corsair.png"> |
| 39 | + <img id="img-10" src="vulture.png"> |
| 40 | + <img id="img-11" src="mole.png"> |
| 41 | + <img id="img-12" src="prowler_utility.png"> |
| 42 | + <img id="img-13" src="talon.png"> |
| 43 | + <img id="img-14" src="polaris.png"> |
| 44 | + <img id="img-15" src="starlancer_tack.png"> |
45 | 45 | </div> |
46 | 46 | <script text="javascript"> |
47 | 47 | function layout_round1() { |
@@ -567,22 +567,30 @@ <h2 class="rsi-yellow rsi-header-text rsi-grey-header-bg"> |
567 | 567 | // so we can probably compute these based on start and end |
568 | 568 | // like (r0.y + r1.y ) / 2 = s0.y |
569 | 569 | var coordinates = { |
570 | | - r0: { x: 366, y: 144 }, |
571 | | - r1: { x: 366, y: 336 }, |
572 | | - r2: { x: 366, y: 528 }, |
573 | | - r3: { x: 366, y: 720 }, |
574 | | - r4: { x: 366, y: 912 }, |
575 | | - r5: { x: 366, y: 1104 }, |
576 | | - r6: { x: 366, y: 1296 }, |
577 | | - r7: { x: 366, y: 1488 }, |
578 | | - s0: { x: 648, y: 240 }, |
579 | | - s1: { x: 648, y: 624 }, |
580 | | - s2: { x: 644, y: 1008 }, |
581 | | - s3: { x: 648, y: 1392 }, |
582 | | - f0: { x: 918, y: 432 }, |
583 | | - f1: { x: 918, y: 1200 }, |
584 | | - w0: { x: 1194, y: 816 } |
585 | | - } |
| 570 | + r0: { x: 360, y: 164 }, |
| 571 | + r1: { x: 360, y: 334 }, |
| 572 | + r2: { x: 360, y: 500 }, |
| 573 | + r3: { x: 360, y: 670 }, |
| 574 | + r4: { x: 360, y: 838 }, |
| 575 | + r5: { x: 360, y: 1004 }, |
| 576 | + r6: { x: 360, y: 1174 }, |
| 577 | + r7: { x: 360, y: 1340 }, |
| 578 | + s0: { x: 628, y: 260 }, |
| 579 | + s1: { x: 628, y: 644 }, |
| 580 | + s2: { x: 628, y: 1028 }, |
| 581 | + s3: { x: 628, y: 1412 }, |
| 582 | + |
| 583 | + f0: { x: 892, y: 416 }, |
| 584 | + f1: { x: 892, y: 1090 }, |
| 585 | + |
| 586 | + w0: { x: 1160, y: 754 } |
| 587 | + }; |
| 588 | + // compute so its easier |
| 589 | + coordinates.s0.y = (coordinates.r0.y + coordinates.r1.y) / 2; |
| 590 | + coordinates.s1.y = (coordinates.r2.y + coordinates.r3.y) / 2; |
| 591 | + coordinates.s2.y = (coordinates.r4.y + coordinates.r5.y) / 2; |
| 592 | + coordinates.s3.y = (coordinates.r6.y + coordinates.r7.y) / 2; |
| 593 | + |
586 | 594 |
|
587 | 595 | const canvas = document.createElement("canvas"); |
588 | 596 | canvas.id = "canvas"; |
@@ -621,15 +629,12 @@ <h2 class="rsi-yellow rsi-header-text rsi-grey-header-bg"> |
621 | 629 |
|
622 | 630 | drawResult(ctx, 'r5-m0', coordinates.w0); |
623 | 631 |
|
624 | | - ctx.font = "18px sans-serif"; |
625 | | - ctx.fillStyle = "white"; |
626 | | - ctx.fillText("Generate yours at", 1190, 1560); |
627 | | - ctx.fillText("anemortalkid.github.io/showdown", 1190, 1580); |
628 | | - |
629 | | - |
630 | | - ctx.font = "28px sans-serif"; |
| 632 | + ctx.font = "16px sans-serif"; |
631 | 633 | ctx.fillStyle = "white"; |
632 | | - ctx.fillText("C1 SPIRIT", coordinates.r0.x+40, coordinates.r0.y+40); |
| 634 | + const bottomCoordX = coordinates.w0.x-10; |
| 635 | + const bottomCoordY = 1400; |
| 636 | + ctx.fillText("Generate yours at", bottomCoordX, bottomCoordY); |
| 637 | + ctx.fillText("anemortalkid.github.io/showdown", bottomCoordX, bottomCoordY+20); |
633 | 638 | } |
634 | 639 | </script> |
635 | 640 |
|
|
0 commit comments