| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-05-15 11:24:28 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-05-15 11:24:28 -0700 |
| commit | fe9a18a14ec87535e3811d4bc4c055590f12b36d (patch) | |
| tree | 207d69a13eb2dab30d99d3c2626d510103307c00 /public/assets/images/map4.svg | |
| parent | 7021b499339ae1e9bede4fe85895108c49b805a4 (diff) | |
Add some high-element maps to test performance
Diffstat (limited to 'public/assets/images/map4.svg')
| -rw-r--r-- | public/assets/images/map4.svg | 53 |
1 files changed, 48 insertions, 5 deletions
diff --git a/public/assets/images/map4.svg b/public/assets/images/map4.svg index 2e9319d..8911ca7 100644 --- a/public/assets/images/map4.svg +++ b/public/assets/images/map4.svg @@ -1,8 +1,51 @@ <?xml version="1.0" standalone="no"?> <svg viewBox="-150 -150 600 800" xmlns="http://www.w3.org/2000/svg"> <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css"/> + <style> + g[data-edge="north"] { --i: -2; } + g[data-edge="south"] { --i: 52; } + + g#hex line { + opacity: 1; + } + + g#hex path { + opacity: 1; + stroke: black; + stroke-width: 0.25px; + } + + use[href="#hex"] { + opacity: 1; + } + + g#hex line { + stroke-width: 0.2px; + transform: scale(1.2); + } + + g#hex line:nth-child(2) { + transform: rotate(60deg) scale(1.2); + } + + g#hex line:nth-child(3) { + transform: rotate(-60deg) scale(1.2); + } + </style> <defs> - <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/> + <g id="hex"> + <polygon points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/> + <!-- <circle cx="0" cy="0" r="2"/> --> + <!-- <line x1="-1" y1="0" x2="1" y2="0" /> + <line x1="-1" y1="0" x2="1" y2="0" /> + <line x1="-1" y1="0" x2="1" y2="0" /> --> + + <path d=" + M -1.2 0 L 1.2 0 + M -.6 -1 L .6 1 + M -.6 1 L .6 -1 + "/> + </g> <circle id="counter-base" cx="0" cy="0" r="5"/> @@ -20,20 +63,20 @@ <rect id="background"/> - <foreignObject width="100%" height="100%"> + <!-- <foreignObject width="100%" height="100%"> --> <!-- In the context of SVG embedded in an HTML document, the XHTML namespace could be omitted, but it is mandatory in the context of an SVG document --> - <div style="background-color: orange" xmlns="http://www.w3.org/1999/xhtml"> + <!-- <div style="background-color: orange" xmlns="http://www.w3.org/1999/xhtml"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis mollis mi ut ultricies. Nullam magna ipsum, porta vel dui convallis, rutrum imperdiet eros. Aliquam erat volutpat. <img src="test.svg" width="10" height="10"/> </div> - </foreignObject> + </foreignObject> --> <g class="gameboard"> <g id="firing-arcs"> @@ -43,5 +86,5 @@ <g class="grid"/> </g> - <script href="../../map.js" data-cols="33" data-rows="25"></script> + <script href="../../map.js" data-cols="33" data-rows="50"></script> </svg> |
