| 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-06-01 11:31:35 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-06-01 11:31:58 -0700 |
| commit | e8fae51b32b6ebc4ec4e16338467b7fcc41edd11 (patch) | |
| tree | baf01092df986019346c4cc606cce2584577eed5 /public/assets/images/scenario_template.svg | |
| parent | 9a4fec27daed58272c71e163df7df216a4252127 (diff) | |
WIP: use scenario template to build scenarios client-side
Diffstat (limited to 'public/assets/images/scenario_template.svg')
| -rw-r--r-- | public/assets/images/scenario_template.svg | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/public/assets/images/scenario_template.svg b/public/assets/images/scenario_template.svg new file mode 100644 index 0000000..8f8b5f7 --- /dev/null +++ b/public/assets/images/scenario_template.svg @@ -0,0 +1,60 @@ +<?xml version="1.0" standalone="no"?> +<svg viewBox="-10 -10 200 300" 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> + #background { + stroke: #304b75; + fill: #bacae3; + } + + pattern use { + stroke: black; + stroke-width: 0.3px; + } + + .cw-60-deg { + transform: rotate(60deg); + } + + .ccw-60-deg { + transform: rotate(-60deg); + } + </style> + <defs> + <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/> + + <line id="ast-line" x1="-1.2" y1="0" x2="1.2" y2="0"/> + + <pattern id="asterisk" viewBox="-8.66 -15 17.32 30" width="17.32" height="30" patternUnits="userSpaceOnUse"> + <use y="-15" href="#ast-line"/> + <use y="-15" style="transform-origin: 0 -15px;" class="cw-60-deg" href="#ast-line"/> + <use y="-15" style="transform-origin: 0 -15px;" class="ccw-60-deg" href="#ast-line"/> + <use y="15" href="#ast-line"/> + <use y="15" style="transform-origin: 0 15px;" class="cw-60-deg" href="#ast-line"/> + <use y="15" style="transform-origin: 0 15px;" class="ccw-60-deg" href="#ast-line"/> + + <use x="8.66" href="#ast-line"/> + <use x="8.66" style="transform-origin: 8.66px 0;" class="cw-60-deg" href="#ast-line"/> + <use x="8.66" style="transform-origin: 8.66px 0;" class="ccw-60-deg" href="#ast-line"/> + <use x="-8.66" href="#ast-line"/> + <use x="-8.66" style="transform-origin: -8.66px 0;" class="cw-60-deg" href="#ast-line"/> + <use x="-8.66" style="transform-origin: -8.66px 0;" class="ccw-60-deg" href="#ast-line"/> + </pattern> + + <image id="counter-prone" href="counter_prone.jpg" width="10"/> + <image id="counter-grenade" href="counter_grenade.jpg" width="10"/> + </defs> + + <rect id="background"/> + + <g class="gameboard"> + <rect id="dots" fill="url(#asterisk)"/> + + <g id="firing-arcs"> + <g id="shapes"/> + <g id="lines"/> + </g> + + <g class="grid"/> + </g> +</svg> |