| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
path: root/index.html
diff options
| author | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-03-29 12:30:20 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-03-29 12:30:20 -0700 |
| commit | 694f2dbb242e88cf0696223aa057e8c749539c1c (patch) | |
| tree | e79ff6bdb710eedd957b0f3d0ab1992a785f6386 /index.html | |
| parent | c5bfc6cc17b87a519c3e9cdd3261f6c06babb524 (diff) | |
Add adjustment debug panel
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 70 |
1 files changed, 48 insertions, 22 deletions
@@ -101,34 +101,60 @@ </p> </template> - <svg viewbox="-100 -100 3400 4500" xmlns="http://www.w3.org/2000/svg"> - <defs> - <pattern id="inch-mark" x="0" y="0" width="2in" height="2in" patternUnits="userSpaceOnUse"> - <rect x="0" y="0" width="1in" height="2in" fill="black" /> - <rect x="1in" y="0" width="1in" height="2in" fill="white" /> - </pattern> - - <pattern id="vert" href="#inch-mark" patternTransform="rotate(90)" /> - - <linearGradient id="gradient" gradientTransform="rotate(45)"> - <stop offset="50%" stop-color="gold" /> - <stop offset="95%" stop-color="red" /> - </linearGradient> + <div id="panel"> + <fieldset name="point"> + <legend>hex</legend> + <div> + <label>translatex <input name="translateX" type="number" value="0" /></label> + <label>translatey <input name="translateY" type="number" value="0" /></label> + <label>rotate <input name="rotate" type="number" step="0.1" value="0" /></label> + <label>scale <input name="scale" type="number" step="0.1" value="1" /></label> + </div> + </fieldset> + <fieldset name="points"> + <legend>grid</legend> + <div> + <label>translatex <input name="translateX" type="number" value="0" /></label> + <label>translatey <input name="translateY" type="number" value="0" /></label> + <label>rotate <input name="rotate" type="number" step="0.1" value="0" /></label> + <label>scale <input name="scale" type="number" step="0.1" value="1" /></label> + </div> + </fieldset> + <fieldset name="map2"> + <legend>map2</legend> + <div> + <label>translatex <input name="translateX" type="number" value="0" /></label> + <label>translatey <input name="translateY" type="number" value="0" /></label> + <label>rotate <input name="rotate" type="number" step="0.1" value="0" /></label> + <label>scale <input name="scale" type="number" step="0.1" value="1" /></label> + </div> + </fieldset> + <fieldset name="map3"> + <legend>map3</legend> + <div> + <label>translatex <input name="translateX" type="number" value="0" /></label> + <label>translatey <input name="translateY" type="number" value="0" /></label> + <label>rotate <input name="rotate" type="number" step="0.1" value="0" /></label> + <label>scale <input name="scale" type="number" step="0.1" value="1" /></label> + </div> + </fieldset> + </div> + <svg viewbox="-49 -40 2390 3163" xmlns="http://www.w3.org/2000/svg"> + <defs> <!-- <circle id="point" cx="0" cy="0" r="0.07in" /> --> - <circle id="point" cx="0" cy="0" r="0.5in" /> - <polygon id="hex" points="0,121.32 184.152,15.544 368.312,121.32 368.312,332.864 184.152,438.64 0,332.864 "/> - <text id="asterisk" x="-0.06in" y="0.22in">*</text> + <!-- <circle id="point" cx="0" cy="0" r="50" /> --> + <!-- <polygon id="point" points="0,100 86.6,50 86.6,-50 0,-100 -86.6,-50 -86.6,50" /> --> + <polygon id="point" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5" /> + <!-- <text id="asterisk" x="-0.06in" y="0.22in">*</text> --> </defs> - <line class="ruler" x1="0" y1="-0.25in" x2="34in" y2="-0.25in" stroke="url(#inch-mark)" /> - <line class="ruler" x1="-0.25in" y1="0" x2="-0.25in" y2="23in" stroke="url(#vert)" /> - <!-- <image id="img1" href="map1.png" height="6.428in" width="9.971in" /> --> - <!-- <image id="img2" href="scans/map1.jpg" width="2284" height="1518" /> --> - <image class="map-scans" href="scans/map2.jpg" width="2284" height="1518" /> - <image class="map-scans" href="scans/map3.jpg" width="2284" height="1518" x="0" y="1550" /> + <rect id="background" x="-1" y="-1" width="2287" height="3087" /> + <image id="map2" class="map-scans" href="scans/map2.jpg" width="2284" height="1518" x="2" y="2" /> + <image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518" x="4" y="1564" /> <g id="firing-arcs"></g> <rect id="map" x="0" y="0" width="33in" height="45in" /> + <g id="points"></g> <!-- <rect id="debug-view-box" x="-100" y="-100" width="3400" height="4500" /> --> </svg> |