backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-16 09:21:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

v1.5.02 - COA rendering + editor basic UI

Browse source
This commit is contained in:
Azgaar 2021-01-28 01:40:11 +03:00
parent b86d985607
commit 9f1012603d
9 changed files with 1663 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

38
index.css
View file

@ -1391,9 +1391,20 @@ div.states>input.riverType {
width: 5em;
}
div.states>embed.emblemIcon {
margin: -.4em 0;
div.states > .coaIcon {
width: 1.4em;
height: 1.4em;
margin: -.3em 0;
cursor: pointer;
transition: all .4s ease-in-out;
}
div.states > .coaIcon:hover {
transform: scale(8);
}
div.states > .coaIcon > use {
pointer-events: none;
}
#diplomacyBodySection > div {
@ -1538,6 +1549,29 @@ rect.fillRect {
width: 5em;
}
#emblemBody > div {
padding: 1px 3px;
transition: all .3s ease-out;
}
#emblemBody > div.active {
background-color: #54ca7728;
}
#emblemArmiger {
text-align: center;
display: block;
}
#emblemBody .label {
width: 5.5em;
display: inline-block;
}
#emblemBody select {
width: 8em;
}
#picker text {
cursor: default;
}

598
index.html
View file

@ -2821,7 +2821,7 @@
<div id="statesEditor" class="dialog stable" style="display: none">
<div id="statesHeader" class="header">
<div style="left:1.8em" data-tip="Click to sort by state name" class="sortable alphabetically" data-sortby="name">State&nbsp;</div>
<div style="left:9em" data-tip="Click to sort by state form name" class="sortable alphabetically" data-sortby="form">Form&nbsp;</div>
<div style="left:9.7em" data-tip="Click to sort by state form name" class="sortable alphabetically" data-sortby="form">Form&nbsp;</div>
<div style="left:16.3em" data-tip="Click to sort by capital name" class="sortable alphabetically hide" data-sortby="capital">Capital&nbsp;</div>
<div style="left:22.2em" data-tip="Click to sort by state dominant culture" class="sortable alphabetically hide" data-sortby="culture">Culture&nbsp;</div>
<div style="left:27.2em" data-tip="Click to sort by state burgs count" class="sortable hide" data-sortby="burgs">Burgs&nbsp;</div>
@ -3258,11 +3258,25 @@
</div>
</div>
<div id="emblemsEditor" class="dialog" style="display: none">
<div id="emblemsBody">
<embed id="emblemsEmbed" type="image/svg+xml" width="200" height="200">
<div id="emblemEditor" class="dialog stable" style="display: none">
<svg viewBox="0 0 200 200"><use id="emblemImage"></use></svg>
<div id="emblemBody">
<div>
<b id="emblemArmiger"></b>
</div>
<div data-tip="Select state">
<div class="label">State:</div>
<select id="emblemStates"></select>
</div>
<div data-tip="Select province in state">
<div class="label">Province:</div>
<select id="emblemProvinces"></select>
</div>
<div data-tip="Select burg in province or state">
<div class="label">Burg:</div>
<select id="emblemBurgs"></select>
</div>
</div>
<input type="text" value=""/>
</div>
<div id="unitsEditor" class="dialog stable" style="display: none">
@ -3640,16 +3654,17 @@
<div id="preview3d" class="dialog stable" style="display: none; padding: 0px"></div>
<div id="saveMapData" style="display: none" class="dialog">
<div style="margin-bottom: .3em; font-weight: bold">Please select saving variant:</div>
<div style="margin-bottom: .3em; font-weight: bold">Please select saving method:</div>
<div>
<button onclick="saveMap()" data-tip="Download the map as fully-functional .map file to your machine">.map</button>
<button onclick="saveMap()" data-tip="Download the project in internal .map format (reliable). Then open via 'Load' in menu">.map</button>
<button onclick="saveSVG()" data-tip="Download the map as vector image (open in browser or Inkscape)">.svg</button>
<button onclick="savePNG()" data-tip="Download visible part of the map as .png (lossless compressed)">.png</button>
<button onclick="saveJPEG()" data-tip="Download visible part of the map as .jpeg (lossy compressed) image">.jpeg</button>
<button onclick="saveGeoJSON()" data-tip="Download map data in GeoJSON format">.json</button>
<button onclick="quickSave()" data-tip="Save fully-functional map to browser storage. Shortcut: F6">storage</button>
<button onclick="quickSave()" data-tip="Save the project to browser storage (unreliable). Shortcut: F6">storage</button>
</div>
<p style="font-style: italic">Generator uses pop-up window to download files. Please ensure your browser does not block popups</p>
<p style="font-style: italic">Keep noted that the only reliable project saving method is having .map file stored on your machine. There is no way to restore map if .map file is lost. We don't keep any data on our side.</p>
<p style="font-style: italic">Generator uses pop-up window to download files. Please ensure your browser does not block popups.</p>
<div data-tip="Define scale of a saved png/jpeg image (e.g. 5x). Saving big images is slow and may cause a browser crash!" style="margin-bottom: .3em">
PNG / JPEG scale:
<input id="pngResolutionInput" data-stored="pngResolution" type="range" min=1 max=8 value=1 style="width: 10.8em" oninput="pngResolutionOutput.value = this.value">
@ -3700,6 +3715,569 @@
<input type="file" accept=".json" id="styleToLoad">
</div>
<svg id="coaDefs" width="0" height="0" style="position: absolute">
<defs>
<g id="shields">
<clipPath id="heater"><path d="m25,25 h150 v50 a150,150,0,0,1,-75,125 a150,150,0,0,1,-75,-125 z" /></clipPath>
<clipPath id="spanish"><path d="m25,25 h150 v100 a75,75,0,0,1,-150,0 z" /></clipPath>
<clipPath id="french"><path d="m 25,25 h 150 v 139.15 c 0,41.745 -66,18.15 -75,36.3 -9,-18.15 -75,5.445 -75,-36.3 v 0 z" /></clipPath>
<clipPath id="horsehead"><path d="m 20,40 c 0,60 40,80 40,100 0,10 -4,15 -0.35,30 C 65,185.7 81,200 100,200 c 19.1,0 35.3,-14.6 40.5,-30.4 C 144.2,155 140,150 140,140 140,120 180,100 180,40 142.72,40 150,15 100,15 55,15 55,40 20,40 Z" /></clipPath>
<clipPath id="horsehead2"><path d="M60 20c-5 20-10 35-35 55 25 35 35 65 30 100 20 0 35 10 45 26 10-16 30-26 45-26-5-35 5-65 30-100a87 87 0 01-35-55c-25 3-55 3-80 0z" /></clipPath>
<clipPath id="polish"><path d="m 90.3,6.3 c -12.7,0 -20.7,10.9 -40.5,14 0,11.8 -4.9,23.5 -11.4,31.1 0,0 12.7,6 12.7,19.3 C 51.1,90.8 30,90.8 30,90.8 c 0,0 -3.6,7.4 -3.6,22.4 0,34.3 23.1,60.2 40.7,68.2 17.6,8 27.7,11.4 32.9,18.6 5.2,-7.3 15.3,-10.7 32.8,-18.6 17.6,-8 40.7,-33.9 40.7,-68.2 0,-15 -3.6,-22.4 -3.6,-22.4 0,0 -21.1,0 -21.1,-20.1 0,-13.3 12.7,-19.3 12.7,-19.3 C 155.1,43.7 150.2,32.1 150.2,20.3 130.4,17.2 122.5,6.3 109.7,6.3 102.5,6.3 100,10 100,10 c 0,0 -2.5,-3.7 -9.7,-3.7 z" /></clipPath>
<clipPath id="hessen"><path d="M170 20c4 5 8 13 15 20 0 0-10 0-10 15 0 100-15 140-75 145-65-5-75-45-75-145 0-15-10-15-10-15l15-20c0 15 10-5 70-5s70 20 70 5z" /></clipPath>
<clipPath id="swiss"><path d="m 25,20 c -0.1,0 25.2,8.5 37.6,8.5 C 75.1,28.5 99.1,20 100,20 c 0.6,0 24.9,8.5 37.3,8.5 C 149.8,28.5 174.4,20 175,20 l -0.3,22.6 C 173.2,160.3 100,200 100,200 100,200 26.5,160.9 25.2,42.6 Z" /></clipPath>
<clipPath id="boeotian"><path d="M150 115c-5 0-10-5-10-15s5-15 10-15c10 0 7 10 15 10 10 0 0-30 0-30-10-25-30-55-65-55S45 40 35 65c0 0-10 30 0 30 8 0 5-10 15-10 5 0 10 5 10 15s-5 15-10 15c-10 0-7-10-15-10-10 0 0 30 0 30 10 25 30 55 65 55s55-30 65-55c0 0 10-30 0-30-8 0-5 10-15 10z" /></clipPath>
<clipPath id="roman"><path d="m 160,170 c -40,20 -80,20 -120,0 V 30 C 80,10 120,10 160,30 Z" /></clipPath>
<clipPath id="kite"><path d="m 53.3,46.4 c 0,4.1 1,12.3 1,12.3 7.1,55.7 45.7,141.3 45.7,141.3 0,0 38.6,-85.6 45.7,-141.2 0,0 1,-8.1 1,-12.3 C 146.7,20.9 125.8,0.1 100,0.1 74.2,0.1 53.3,20.9 53.3,46.4 Z" /></clipPath>
<clipPath id="oldFrench"><path d="m25,25 h150 v75 a100,100,0,0,1,-75,100 a100,100,0,0,1,-75,-100 z" /></clipPath>
<clipPath id="renaissance"><path d="M 25,33.9 C 33.4,50.3 36.2,72.9 36.2,81.7 36.2,109.9 25,122.6 25,141 c 0,29.4 24.9,44.1 40.2,47.7 15.3,3.7 29.3,0 34.8,11.3 5.5,-11.3 19.6,-7.6 34.8,-11.3 C 150.1,185 175,170.3 175,141 c 0,-18.4 -11.2,-31.1 -11.2,-59.3 0,-8.8 2.8,-31.3 11.2,-47.7 L 155.7,14.4 C 138.2,21.8 119.3,25.7 100,25.7 c -19.3,0 -38.2,-3.9 -55.7,-11.3 z" /></clipPath>
<clipPath id="baroque"><path d="m 100,25 c 18,0 50,2 75,14 v 37 l -2.7,3.2 c -4.9,5.4 -6.6,9.6 -6.7,16.2 0,6.5 2,11.6 6.9,17.2 l 2.8,3.1 v 10.2 c 0,17.7 -2.2,27.7 -7.8,35.9 -5,7.3 -11.7,11.3 -32.3,19.4 -12.6,5 -20.2,8.8 -28.6,14.5 C 103.3,198 100,200 100,200 c 0,0 -2.8,-2.3 -6.4,-4.7 C 85.6,189.8 78,186 65,180.9 32.4,168.1 26.9,160.9 25.8,129.3 L 25,116 l 3.3,-3.3 c 4.8,-5.2 7,-10.7 7,-17.3 0,-6.8 -1.8,-11.1 -6.5,-16.1 L 25,76 V 39 C 50,27 82,25 100,25 Z" /></clipPath>
<clipPath id="targe"><path d="m 20,35 c 15,0 115,-60 155,-10 -5,10 -15,15 -10,50 5,45 10,70 -10,90 C 125,195 75,195 50,175 25,150 30,130 35,85 50,95 65,85 65,70 65,50 50,45 40,50 30,55 27,65 30,70 23,73 20,70 14,70 11,60 20,45 20,35 Z" /></clipPath>
<clipPath id="targe2"><path d="m 84,32.2 c 6.2,-1 19.5,-31.4 94.1,-20.2 -30.57,33.64 -21.66,67.37 -11.2,95 20.2,69.5 -41.17549,84.7 -66.88,84.7 C 74.32,191.7071 8.38,168.95 32,105.9 36.88,92.88 31,89 31,82.6 35.15,82.262199 56.79,86.17 56.5,69.8 56.20,52.74 42.2,47.9 25.9,55.2 25.9,51.4 39.8,6.7 84,32.2 Z" /></clipPath>
<clipPath id="pavise"><path d="M95 7L39.9 37.3a10 10 0 00-5.1 9.5L46 180c.4 5.2 3.7 10 9 10h90c5.3 0 9.6-4.8 10-10l10.6-133.2a10 10 0 00-5-9.5L105 7c-4.2-2.3-6.2-2.3-10 0z" /></clipPath>
<clipPath id="wedged"><path d="m 51.2,19 h 96.4 c 3.1,12.7 10.7,20.9 26.5,20.8 C 175.7,94.5 165.3,144.3 100,200 43.5,154.2 22.8,102.8 25.1,39.7 37,38.9 47.1,34.7 51.2,19 Z" /></clipPath>
<clipPath id="round"><path d="m 185,100 a 85,85 0 0 1 -85,85 85,85 0 0 1 -85,-85 85,85 0 0 1 85,-85 85,85 0 0 1 85,85" /></clipPath>
<clipPath id="oval"><path d="m 32.3,99.5 a 67.7,93.7 0 1 1 0,1.3 z" /></clipPath>
<clipPath id="vesicaPiscis"><path d="M 100,0 C 63.9,20.4 41,58.5 41,100 c 0,41.5 22.9,79.6 59,100 36.1,-20.4 59,-58.5 59,-100 C 159,58.5 136.1,20.4 100,0 Z" /></clipPath>
<clipPath id="square"><path d="M 25,25 H 175 V 175 H 25 Z" /></clipPath>
<clipPath id="diamond"><path d="M 25,100 100,200 175,100 100,0 Z" /></clipPath>
<clipPath id="no"><path d="m0,0 h200 v200 h-200 z" /></clipPath>
<clipPath id="flag"><path d="M 10,40 h180 v120 h-180 Z" /></clipPath>
<clipPath id="pennon"><path d="M 10,40 l190,60 -190,60 Z" /></clipPath>
<clipPath id="guidon"><path d="M 10,40 h190 l-65,60 65,60 h-190 Z" /></clipPath>
<clipPath id="banner"><path d="m 25,25 v 170 l 25,-40 25,40 25,-40 25,40 25,-40 25,40 V 25 Z" /></clipPath>
<clipPath id="dovetail"><path d="m 25,25 v 175 l 75,-40 75,40 V 25 Z" /></clipPath>
<clipPath id="gonfalon"><path d="m 25,25 v 125 l 75,50 75,-50 V 25 Z" /></clipPath>
<clipPath id="pennant"><path d="M 25,15 100,200 175,15 Z" /></clipPath>
<clipPath id="fantasy1"><path d="M 100,5 C 85,30 40,35 15,40 c 40,35 20,90 40,115 15,25 40,30 45,45 5,-15 30,-20 45,-45 20,-25 0,-80 40,-115 C 160,35 115,30 100,5 Z" /></clipPath>
<clipPath id="fantasy2"><path d="m 152,21 c 0,0 -27,14 -52,-4 C 75,35 48,21 48,21 50,45 30,55 30,75 60,75 60,115 32,120 c 3,40 53,50 68,80 15,-30 65,-40 68,-80 -28,-5 -28,-45 2,-45 C 170,55 150,45 152,21 Z" /></clipPath>
<clipPath id="fantasy3"><path d="M 167,67 C 165,0 35,0 33,67 c 32,-7 27,53 -3,43 -5,45 60,65 70,90 10,-25 75,-47.51058 70,-90 -30,10 -35,-50 -3,-43 z" /></clipPath>
<clipPath id="fantasy4"><path d="M100 9C55 48 27 27 13 39c23 50 3 119 49 150 14 9 28 11 38 11s27-4 38-11c55-39 24-108 49-150-14-12-45 7-87-30z" /></clipPath>
<clipPath id="fantasy5"><path d="M 100,0 C 75,25 30,25 30,25 c 0,69 20,145 70,175 50,-30 71,-106 70,-175 0,0 -45,0 -70,-25 z" /></clipPath>
<clipPath id="noldor"><path d="m 55,75 h 2 c 3,-25 38,-10 3,20 15,50 30,75 40,105 10,-30 25,-55 40,-105 -35,-30 0,-45 3,-20 h 2 C 150,30 110,20 100,0 90,20 50,30 55,75 Z" /></clipPath>
<clipPath id="gondor"><path d="m 100,200 c 15,-15 38,-35 45,-60 h 5 V 30 h -5 C 133,10 67,10 55,30 h -5 v 110 h 5 c 7,25 30,45 45,60 z" /></clipPath>
<clipPath id="easterling"><path d="M 160,185 C 120,170 80,170 40,185 V 15 c 40,15 80,15 120,0 z" /></clipPath>
<clipPath id="erebor"><path d="M25 135 V60 l22-13 16-37 h75 l15 37 22 13 v75l-22 18-16 37 H63l-16-37z" /></clipPath>
<clipPath id="ironHills"><path d="m 30,25 60,-10 10,10 10,-10 60,10 -5,125 -65,50 -65,-50 z" /></clipPath>
<clipPath id="urukHai"><path d="M 30,60 C 40,60 60,50 60,20 l -5,-3 45,-17 75,40 -5,5 -35,155 -5,-35 H 70 v 35 z" /></clipPath>
<clipPath id="moriaOrc"><path d="M45 35c5 3 7 10 13 9h19c4-2 7-4 9-9 6 1 9 9 16 11 7-2 14 0 21 0 6-3 6-10 10-15 2-5 1-10-2-15-2-4-5-14-4-16 3 6 7 11 12 14 7 3 3 12 7 16 3 6 4 12 9 18 2 4 6 8 5 14 0 6-1 12 3 18-3 6-2 13-1 20 1 6-2 12-1 18 0 6-3 13 0 18 8 4 0 8-5 7-4 3-9 3-13 9-5 5-5 13-8 19 0 6 0 15-7 16-1 6-7 6-10 12-1-6 0-6-2-9l2-19c2-4 5-12-3-12-4-5-11-5-15 1l-13-18c-3-4-2 9-3 12 2 2-4-6-7-5-8-2-8 7-11 11-2 4-5 10-8 9 3-10 3-16 1-23-1-4 2-9-4-11 0-6 1-13-2-19-4-2-9-6-13-7V91c4-7-5-13 0-19-3-7 2-11 2-18-1-6 1-12 3-17v-1z" /></clipPath>
</g>
<g id="gradients">
<linearGradient id="luster" x1="0%" y1="100%" x2="95%" y2="10%">
<stop stop-color="#000" stop-opacity=".3" offset="0" />
<stop stop-color="#ccc" stop-opacity="0" offset=".8" />
<stop stop-color="#fff" stop-opacity=".2" offset="1" />
</linearGradient>
<radialGradient id="spotlight" cx="35%" cy="35%" r="100%">
<stop stop-color="#fff" stop-opacity=".3" offset="0" />
<stop stop-color="#fff" stop-opacity=".15" offset=".2" />
<stop stop-color="#000" stop-opacity="0" offset=".7" />
</radialGradient>
<radialGradient id="backlight" cx="100%" cy="100%" r="150%">
<stop stop-color="#fff" stop-opacity=".3" offset="0" />
<stop stop-color="#fff" stop-opacity=".15" offset=".25" />
<stop stop-color="#000" stop-opacity="0" offset="1" />
</radialGradient>
<linearGradient id="brink" x1="0%" y1="100%" x2="100%" y2="100%">
<stop stop-color="#fff" stop-opacity=".3" offset="0" />
<stop stop-color="#000" stop-opacity=".2" offset=".5" />
</linearGradient>
</g>
<g id="diapers">
<pattern id="sulzbach" width=".101" height=".101" viewBox="0 0 100 100" patternTransform="rotate(45)">
<g fill="#000" stroke="none" opacity=".08">
<circle cx="50" cy="50" r="6" />
<circle cx="0" cy="0" r="6" />
<circle cx="100" cy="0" r="6" />
<circle cx="100" cy="100" r="6" />
<circle cx="0" cy="100" r="6" />
</g>
<g fill="none" stroke="#000" stroke-width="4" opacity=".08">
<path d="m6 80v-60" />
<path d="m20 6h60" />
<path d="m94 20v60" />
<path d="m80 94h-60" />
<path d="m6 6c11.787 2.9106 18.776 10.599 22 22-13.205-3.8261-19.647-11.696-22-22z" />
<path d="m28 72c-2.9106 11.787-10.599 18.776-22 22 3.8261-13.205 11.696-19.647 22-22z" />
<path d="m94 6c-2.9106 11.787-10.599 18.776-22 22 3.8261-13.205 11.696-19.647 22-22z" />
<path d="m72 72c11.787 2.9106 18.776 10.599 22 22-13.205-3.8261-19.647-11.696-22-22z" />
</g>
</pattern>
<pattern id="sennwald" width=".101" height=".101" viewBox="0 0 100 100" patternTransform="rotate(45)">
<g fill="none" stroke="#000" opacity=".2">
<path d="M6 6 h88 v88 H6 z" />
<path d="M29.8 47c-22.6 1-9.3 35.9 10 23.5-2.6 19 32.2 21.8 25.8-4.4 21 7.7 30.5-26.4 4-24.4C92 21.7 44.4 4.3 47.6 31.2 45 7.4 3.3 26.5 30 46.9z" />
<path d="M59.6 45a11 10.5 38.5 11-19 9.5 11 10.5 38.5 1119-9.4z" />
</g>
</pattern>
<pattern id="tessellation" width=".125" height=".125" viewBox="0 0 84 84">
<path
fill="#222"
opacity=".1"
stroke-width="2"
fill-rule="evenodd"
d="M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z"
/>
</pattern>
<pattern id="nourse" width=".25" height=".25" viewBox="0 0 26 26">
<g fill="none" stroke="#000" stroke-width="1" opacity=".06">
<path d="M26 1h-.2A25 25 0 001 26M25.2 26A25 25 0 000 1" />
<path d="M1 0v.2a25 25 0 0025 25" />
<path d="M0 25.2h.2A25 25 0 0025.2 0" />
<path stroke-width=".4" d="M10.5 10.6h5v5h-5z" />
<path stroke-width=".5" d="M11 10c0-3.2 4.1-3.2 4 0M15 16.2c0 3.4-4 3.3-4 0M16.2 11c3.2.2 3.1 4.3 0 4.1M9.9 15.1c-3.3 0-3.3-4 0-4" />
<g fill="#000" stroke="none">
<circle cx="21.9" cy="19.7" r="1" />
<circle cx="20" cy="20.7" r="1" />
<circle cx="21.9" cy="21.9" r="1" />
<circle cx="5" cy="7.2" r="1" />
<circle cx="6.9" cy="6.1" r="1" />
<circle cx="5" cy="5" r="1" />
<circle cx="21.9" cy="4.9" r="1" />
<circle cx="20" cy="6" r="1" />
<circle cx="21.9" cy="7.1" r="1" />
<circle cx="4.9" cy="22" r="1" />
<circle cx="6.9" cy="20.9" r="1" />
<circle cx="4.9" cy="19.8" r="1" />
<circle cx="12" cy="14.2" r=".9" />
<circle cx="14.1" cy="14.2" r=".9" />
<circle cx="12" cy="12" r=".9" />
<circle cx="14.1" cy="12" r=".9" />
<circle cx="1.8" cy="13.1" r=".8" />
<circle cx=".9" cy="14.6" r=".8" />
<circle cx=".9" cy="11.6" r=".8" />
<circle cx="24.3" cy="13.1" r=".8" />
<circle cx="25.2" cy="14.6" r=".8" />
<circle cx="25.2" cy="11.6" r=".8" />
<circle cx="13" cy="24.3" r=".8" />
<circle cx="14.6" cy="25.1" r=".8" />
<circle cx="11.5" cy="25.1" r=".8" />
<circle cx="13" cy="1.8" r=".8" />
<circle cx="11.4" cy="1" r=".8" />
<circle cx="14.6" cy="1" r=".8" />
</g>
</g>
</pattern>
</g>
<g id="patterns">
<!-- Semy of Charges -->
<template id="semy">
<pattern id="{id}" width=.134 height=.1787 viewBox="0 0 150 200" stroke="#000">
<rect x=0 y=0 width=150 height=200 fill="{c1}" stroke="none"/>
<g fill="{c2}">
<g transform="translate(-60,-50)"><charge></g>
<g transform="translate(10,50)"><charge></g>
</g>
</pattern>
</template>
<!-- Furs -->
<template id="vair">
<pattern id="{id}" width=.125 height=.25 viewBox="0 0 25 50" stroke="#000" stroke-width=.2>
<rect x=0 y=0 width=25 height=25 fill="{c2}" stroke="none"/>
<path d="m12.5,0 l6.25,6.25 v12.5 l6.25,6.25 h-25 l6.25,-6.25 v-12.5 z" fill="{c1}"/>
<rect x=0 y=25 width=25 height=25 fill="{c1}" stroke-width=1 stroke="none"/>
<path d="m25,25 l-6.25,6.25 v12.5 l-6.25,6.25 l-6.25,-6.25 v-12.5 l-6.25,-6.25 z" fill="{c2}"/>
</pattern>
</template>
<template id="vairInPale">
<pattern id="{id}" width=.125 height=.125 viewBox="0 0 25 25">
<rect x=0 y=0 width="100%" height="100%" fill="{c2}"/>
<path d="m12.5,0 l6.25,6.25 v12.5 l6.25,6.25 h-25 l6.25,-6.25 v-12.5 z" fill="{c1}" stroke="#000" stroke-width=".2"/>
</pattern>
</template>
<template id="vairEnPointe">
<pattern id="{id}" width=.125 height=.25 viewBox="0 0 25 50">
<rect x=0 y=0 width=25 height=25 fill="{c2}"/>
<path d="m12.5,0 l6.25,6.25 v12.5 l6.25,6.25 h-25 l6.25,-6.25 v-12.5 z" fill="{c1}"/>
<rect x=0 y=25 width=25 height=25 fill="{c1}" stroke-width=1 stroke="{c1}"/>
<path d="m12.5,25 l6.25,6.25 v12.5 l6.25,6.25 h-25 l6.25,-6.25 v-12.5 z" fill="{c2}"/>
</pattern>
</template>
<template id="ermine">
<pattern id="{id}" width=".125" height=".125" viewBox="0 0 25 25" fill="{c2}">
<rect x=0 y=0 width=25 height=25 fill="{c1}"/>
<path d="m19.1,14.8 c-0.7,2.9 -2.1,5 -3.5,6.5 0.6,-0.1 1.3,-0.6 2,-0.9 -0.4,0.8 -0.8,1.4 -1.2,2.1 0.2,-0.1 1,-0.8 2,-1.8 0.2,1.4 0.4,2.9 0.7,3.9 0.3,-0.9 0.5,-2.5 0.7,-3.9 0.6,0.6 1.2,1.3 2.1,1.8 l -1.2,-2.2 c 0.6,0.3 1.3,0.8 1.9,1 -1.5,-1.6 -2.8,-3.6 -3.5,-6.5z"/>
<path d="m16.1,14.9 c-0.1,-0.2 -1,0.4 -1.5,-0.8 1.2,1.1 2.5,-1.2 3.5,0.4 0.3,0.7 -1.1,1.8 -2,0.4z"/>
<path d="m21.9,14.9 c.1,-.2 1,0.4 1.5,-0.8 -1.2,1.1 -2.5,-1.2 -3.5,0.4 -0.3,0.7 1.1,1.8 2,0.4z"/>
<path d="m19.4,12.4 c-0.2,-0.1 0.7,-0.7 -0.6,-1.4 1.1,1.2 -2,1.7 -0.3,2.9 0.7,0.4 2.4,-0.5 0.9,-1.5z"/>
<path d="M5.8,4.6 C5.1,7.5 3.7,9.5 2.3,11 2.9,10.9 3.6,10.5 4.2,10.1 3.8,10.9 3.4,11.5 3,12.2 3.3,12.1 4,11.4 5.1,10.4 c 0.2,1.4 0.4,2.9 0.7,3.9 0.3,-0.9 0.5,-2.5 0.7,-3.9 0.6,0.6 1.2,1.3 2.1,1.8 L 7.3,10 c 0.6,0.3 1.3,0.8 1.9,1 C7.7,9.5 6.4,7.5 5.8,4.6Z"/>
<path d="M2.9,4.7 C2.8,4.6 1.9,5.1 1.3,4 2.6,5.1 3.8,2.8 4.9,4.3 5.2,5 3.8,6.1 2.9,4.7Z"/>
<path d="M8.6,4.7 C8.7,4.5 9.6,5.1 10.1,3.9 8.9,5.1 7.6,2.7 6.6,4.3 6.3,5 7.7,6.1 8.6,4.7Z"/>
<path d="M6.1,2.2 C 5.9,2.1 6.8,1.5 5.5,0.8 6.6,2.1 3.5,2.6 5.2,3.7 5.9,4.1 7.6,3.3 6.1,2.2Z"/>
</pattern>
</template>
<!-- Patterns -->
<template id="chequy">
<pattern id="{id}" width=.25 height=.25 viewBox="0 0 50 50" fill="{c2}">
<rect x=0 y=0 width=50 height=50 />
<rect x=0 y=0 width=25 height=25 fill="{c1}"/>
<rect x=25 y=25 width=25 height=25 fill="{c1}"/>
</pattern>
</template>
<template id="lozengy">
<pattern id="{id}" width=.125 height=.125 viewBox="0 0 50 50">
<rect x=0 y=0 width=50 height=50 fill="{c1}"/>
<polygon points="25,0 50,25 25,50 0,25" fill="{c2}"/>
</pattern>
</template>
<template id="fusily">
<pattern id="{id}" width=.125 height=.25 viewBox="0 0 50 100">
<rect x=0 y=0 width=50 height=100 fill="{c1}"/>
<polygon points="25,0 50,50 25,100 0,50" fill="{c2}"/>
</pattern>
</template>
<template id="pally">
<pattern id="{id}" width=.5 height=.125 viewBox="0 0 100 25">
<rect x=0 y=0 width=100 height=25 fill="{c1}"/>
<rect x=25 y=0 width=25 height=25 fill="{c2}"/>
<rect x=75 y=0 width=25 height=25 fill="{c2}"/>
</pattern>
</template>
<template id="barry">
<pattern id="{id}" width=.125 height=.5 viewBox="0 0 25 100">
<rect x=0 y=0 width=25 height=100 fill="{c2}"/>
<rect x=0 y=25 width=25 height=25 fill="{c1}"/>
<rect x=0 y=75 width=25 height=25 fill="{c1}"/>
</pattern>
</template>
<template id="gemelles">
<pattern id="{id}" width=.125 height=.5 viewBox="0 0 25 100">
<rect x=0 y=0 width=25 height=100 fill="{c2}"/>
<rect x=0 y=35 width=25 height=10 fill="{c1}"/>
<rect x=0 y=55 width=25 height=10 fill="{c1}"/>
</pattern>
</template>
<template id="bendy">
<pattern id="{id}" width=.36 height=.36 viewBox="0 0 50 50" patternTransform="rotate(45)">
<rect x=0 y=0 width=50 height=50 fill="{c2}"/>
<line x1=0 y1=37.5 x2=50 y2=37.5 stroke="{c1}" stroke-width=25 />
</pattern>
</template>
<template id="bendySinister">
<pattern id="{id}" width=.36 height=.36 viewBox="0 0 50 50" patternTransform="rotate(-45)">
<rect x=0 y=0 width=50 height=50 fill="{c2}"/>
<line x1=0 y1=37.5 x2=50 y2=37.5 stroke="{c1}" stroke-width=25 />
</pattern>
</template>
<template id="palyBendy">
<pattern id="{id}" width=.125 height=.25 viewBox="0 0 50 100" patternTransform="translate(22,44) rotate(-26.5)">
<rect x=0 y=0 width=50 height=100 fill="{c1}"/>
<polygon points="25,0 50,50 25,100 0,50" fill="{c2}"/>
</pattern>
</template>
<template id="pappellony">
<pattern id="{id}" width=.125 height=.125 viewBox="0 0 100 100">
<rect x=0 y=0 width=100 height=100 fill="{c1}"/>
<circle cx=0 cy=51 r=45 stroke="{c2}" fill="{c1}" stroke-width=10></circle>
<circle cx=100 cy=51 r=45 stroke="{c2}" fill="{c1}" stroke-width=10></circle>
<circle cx=50 cy=1 r=45 stroke="{c2}" fill="{c1}" stroke-width=10></circle>
</pattern>
</template>
<template id="masoned">
<pattern id="{id}" width=.125 height=.125 viewBox="0 0 100 100" fill="none">
<rect x=0 y=0 width=100 height=100 fill="{c1}"/>
<rect x=0 y=0 width=100 height=50 stroke="{c2}" stroke-width=4 />
<line x1=50 y1=50 x2=50 y2=100 stroke="{c2}" stroke-width=5 />
</pattern>
</template>
<template id="fretty">
<pattern id="{id}" width=.28 height=.28 viewBox="0 0 200 200" patternTransform="translate(-19,21) rotate(45)" stroke="#000" stroke-width=2>
<rect x=0 y=0 width=200 height=200 stroke="none" fill="{c1}"/>
<rect x=0 y=35 width=200 height=30 stroke="none" fill="{c2}"/>
<rect x=0 y=135 width=200 height=30 stroke="none" fill="{c2}"/>
<rect x=35 y=0 width=30 height=200 stroke="none" fill="{c2}"/>
<rect x=135 y=0 width=30 height=200 stroke="none" fill="{c2}"/>
<line x1=0 y1=35 x2=35 y2=35 /><line x1=0 y1=65 x2=35 y2=65 />
<line x1=35 y1=165 x2=35 y2=200 /><line x1=65 y1=165 x2=65 y2=200 />
<line x1=135 y1=0 x2=135 y2=35 /><line x1=165 y1=0 x2=165 y2=35 />
<line x1=135 y1=65 x2=135 y2=200 /><line x1=165 y1=65 x2=165 y2=200 />
<line x1=35 y1=0 x2=35 y2=135 /><line x1=65 y1=0 x2=65 y2=135 />
<line x1=65 y1=35 x2=200 y2=35 /><line x1=65 y1=65 x2=200 y2=65 />
<line x1=0 y1=135 x2=135 y2=135 /><line x1=0 y1=165 x2=135 y2=165 />
<line x1=165 y1=135 x2=200 y2=135 /><line x1=165 y1=165 x2=200 y2=165 />
</pattern>
</template>
<!-- Generated patterns -->
</g>
<g id="lines">
<path id="straight" d="m 0,100 v15 h 200 v -15 z" />
<path id="engrailed" d="m 0,95 a 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 6.25,6.25 0 0 0 12.5,0 v 20 H 0 Z" />
<path id="invecked" d="M0,102.5 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 a6.25,6.25,0,0,1,12.5,0 v12.5 H0 z" />
<path id="embattled" d="M 0,105 H 2.5 V 95 h 15 v 10 h 15 V 95 h 15 v 10 h 15 V 95 h 15 v 10 h 15 V 95 h 15 v 10 h 15 V 95 h 15 v 10 h 15 V 95 h 15 v 10 h 15 V 95 h 15 v 10 h 2.5 v 10 H 0 Z" />
<path id="wavy" d="m 200,115 v -15 c -8.9,3.5 -16,3.1 -25,0 -8.9,-3.5 -16,-3.1 -25,0 -8.9,3.5 -16,3.2 -25,0 -8.9,-3.5 -16,-3.2 -25,0 -8.9,3.5 -16,3.1 -25,0 -8.9,-3.5 -16,-3.1 -25,0 -8.9,3.5 -16,3.2 -25,0 -8.9,-3.5 -16,-3.2 -25,0 v 15 z" />
<path id="raguly" d="m 200,95 h -3 l -5,10 h -10 l 5,-10 h -10 l -5,10 h -10 l 5,-10 h -10 l -5,10 h -10 l 5,-10 h -10 l -5,10 h -10 l 5,-10 h -10 l -5,10 h -10 l 5,-10 H 97 l -5,10 H 82 L 87,95 H 77 l -5,10 H 62 L 67,95 H 57 l -5,10 H 42 L 47,95 H 37 l -5,10 H 22 L 27,95 H 17 l -5,10 H 2 L 7,95 H 0 v 20 h 200 z" />
<path id="dancetty" d="m 0,105 10,-15 15,20 15,-20 15,20 15,-20 15,20 15,-20 15,20 15,-20 15,20 15,-20 15,20 15,-20 10,15 v 10 H 0 Z" />
<path id="dentilly" d="M 180,105 170,95 v 10 L 160,95 v 10 L 150,95 v 10 L 140,95 v 10 L 130,95 v 10 L 120,95 v 10 L 110,95 v 10 L 100,95 v 10 L 90,95 v 10 L 80,95 v 10 L 70,95 v 10 L 60,95 v 10 L 50,95 v 10 L 40,95 v 10 L 30,95 v 10 L 20,95 v 10 L 10,95 v 10 L 0,95 v 20 H 200 V 105 L 190,95 v 10 L 180,95 Z" />
<path id="angled" d="m 0,95 h 100 v 10 h 100 v 10 H 0 Z" />
<path id="urdy" d="m 200,90 -5,5 v 10 l -5,5 -5,-5 V 95 l -5,-5 -5,5 v 10 l -5,5 -5,-5 V 95 l -5,-5 -5,5 v 10 l -5,5 -5,-5 V 95 l -5,-5 -5,5 v 10 l -5,6 -5,-6 V 95 l -5,-5 -5,5 v 10 l -5,5 -5,-5 V 95 l -5,-5 -5,5 v 10 l -5,5 -5,-5 V 95 l -5,-5 -5,5 v 10 l -5,6 -5,-6 V 95 l -5,-5 -5,5 v 10 l -5,5 -5,-5 V 95 l -5,-5 -5,5 v 10 l -5,5 -5,-5 V 95 l -5,-5 -5,5 v 10 l -5,5 -5,-5 V 95 L 0,90 v 25 h 200" />
<path id="indented" d="m 100,95 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 v 20 H 0 V 95 l 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 5,-10 5,10 z" />
<path id="bevilled" d="m 0,92.5 h 110 l -20,15 H 200 V 115 H 0 Z" />
<path id="nowy" d="m 0,95 h 80 c 0,0 0.1,20.1 20,20 19.9,-0.1 20,-20 20,-20 h 80 v 20 H 0 Z" />
<path id="nowyReversed" d="m 200,105 h -80 c 0,0 -0.1,-20.1 -20,-20 -19.9,0.1 -20,20 -20,20 H 0 v 10 h 200 z" />
<path id="potenty" d="m 3,95 v 5 h 5 v 5 H 0 v 10 h 200 l 0.5,-10 H 193 v -5 h 5 v -5 h -15 v 5 h 5 v 5 h -15 v -5 h 5 v -5 h -15 v 5 h 5 v 5 h -15 v -5 h 5 v -5 h -15 v 5 h 5 v 5 h -15 v -5 h 5 v -5 h -15 v 5 h 5 v 5 h -15 v -5 h 5 v -5 h -15 v 5 h 5 v 5 H 100.5 93 v -5 h 5 V 95 H 83 v 5 h 5 v 5 H 73 v -5 h 5 V 95 H 63 v 5 h 5 v 5 H 53 v -5 h 5 V 95 H 43 v 5 h 5 v 5 H 33 v -5 h 5 V 95 H 23 v 5 h 5 v 5 H 13 v -5 h 5 v -5 z" />
<path id="potentyDexter" d="m 200,105 h -2 v -10 0 0 h -10 v 5 h 5 v 5 H 183 V 95 h -10 v 5 h 5 v 5 H 168 V 95 h -10 v 5 h 5 v 5 H 153 V 95 h -10 v 5 h 5 v 5 H 138 V 95 h -10 v 5 h 5 v 5 H 123 V 95 h -10 v 5 h 5 v 5 h -10 v 0 0 -10 H 98 v 5 h 5 v 5 H 93 V 95 H 83 v 5 h 5 v 5 H 78 V 95 H 68 v 5 h 5 v 5 H 63 V 95 H 53 v 5 h 5 v 5 H 48 V 95 H 38 v 5 h 5 v 5 H 33 V 95 H 23 v 5 h 5 v 5 H 18 V 95 H 8 v 5 h 5 v 5 H 3 V 95 H 0 v 20 h 200 z" />
<path id="potentySinister" d="m 2.5,95 v 10 H 0 v 10 h 202.5 v -15 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 h -10 v 10 h -10 v -5 h 5 v -5 z" />
<path id="embattledGhibellin" d="M 200,200 V 100 l -5,-5 v 10 l -5,-5 -5,5 V 95 l -5,5 -5,-5 v 10 l -5,-5 -5,5 V 95 l -5,5 -5,-5 v 10 l -5,-5 -5,5 V 95 l -5,5 -5,-5 v 10 l -5,-5 -5,5 V 95 l -5,5 -5,-5 v 10 l -5,-5 -5,5 V 95 l -5,5 -5,-5 v 10 l -5,-5 -5,5 V 95 l -5,5 -5,-5 v 10 l -5,-5 -5,5 V 95 l -5,5 -5,-5 v 10 l -5,-5 -5,5 V 95 l -5,5 -5,-5 v 10 l -5,-5 -5,5 V 95 l -5,5 -5,-5 v 10 l -5,-5 -5,5 V 95 l -5,5 v 15 h 200" />
<path id="embattledNotched" d="m 200,105 h -5 V 95 l -5,5 -5,-5 v 10 h -5 V 95 l -5,5 -5,-5 v 10 h -5 V 95 l -5,5 -5,-5 v 10 h -5 V 95 l -5,5 -5,-5 v 10 h -5 V 95 l -5,5 -5,-5 v 10 h -5 V 95 l -5,5 -5,-5 v 10 h -5 V 95 l -5,5 -5,-5 v 10 H 90 V 95 l -5,5 -5,-5 v 10 H 75 V 95 l -5,5 -5,-5 v 10 H 60 V 95 l -5,5 -5,-5 v 10 H 45 V 95 l -5,5 -5,-5 v 10 H 30 V 95 l -5,5 -5,-5 v 10 H 15 V 95 l -5,5 -5,-5 v 10 H 0 v 10 h 200" />
<path id="embattledGrady" d="m 0,95 v 20 H 200 V 95 h -2.5 v 5 h -5 v 5 h -5 v -5 h -5 v -5 h -5 v 5 h -5 v 5 h -5 v -5 h -5 v -5 h -5 v 5 h -5 v 5 h -5 v -5 h -5 v -5 h -5 v 5 h -5 v 5 h -5 v -5 h -5 v -5 h -5 v 5 h -5 v 5 h -5 v -5 h -5 v -5 h -5 v 5 h -5 v 5 h -5 v -5 h -5 v -5 h -5 v 5 h -5 v 5 h -5 v -5 h -5 v -5 h -5 v 5 h -5 v 5 h -5 v -5 h -5 v -5 h -5 v 5 h -5 v 5 h -5 v -5 h -5 v -5 h -5 v 5 h -5 v 5 h -5 v -5 h -5 v -5 z" />
<path id="dovetailed" d="m 200,95 h -7 l 4,10 h -14 l 4,-10 h -14 l 4,10 h -14 l 4,-10 h -14 l 4,10 h -14 l 4,-10 h -14 l 4,10 h -14 l 4,-10 h -14 l 4,10 h -14 l 4,-10 H 93 l 4,10 H 83 L 87,95 H 73 l 4,10 H 63 L 67,95 H 53 l 4,10 H 43 L 47,95 H 33 l 4,10 H 23 L 27,95 H 13 l 4,10 H 3 L 7,95 H 0 v 20 h 200" />
<path id="dovetailedIndented" d="m 200,100 -7,-5 4,10 -7,-5 -7,5 4,-10 -7,5 -7,-5 4,10 -7,-5 -7,5 4,-10 -7,5 -7,-5 4,10 -7,-5 -7,5 4,-10 -7,5 -7,-5 4,10 -7,-5 -7,5 4,-10 -7,5 -7,-5 4,10 -7,-5 -7,5 4,-10 -7,5 -7,-5 4,10 -7,-5 -7,5 4,-10 -7,5 -7,-5 4,10 -7,-5 -7,5 4,-10 -7,5 -7,-5 4,10 -7,-5 -7,5 4,-10 -7,5 -7,-5 4,10 -7,-5 -7,5 4,-10 -7,5 -7,-5 4,10 -7,-5 -7,5 4,-10 -7,5 v 15 h 200" />
<path id="nebuly" d="m 13.1,89.8 c -4.1,0 -7.3,2 -7.3,4.5 0,1.2 0.7,2.3 1.8,3.1 1.2,0.7 1.9,1.8 1.9,3 0,2.5 -3.2,4.5 -7.3,4.5 -0.5,0 -2.2,-0.2 -2.2,-0.2 V 115 h 200 v -10.1 c -3.7,-0.2 -6.7,-2.2 -6.7,-4.5 0,-1.2 0.7,-2.3 1.9,-3 1.2,-0.8 1.8,-1.9 1.8,-3.1 0,-2.5 -3.2,-4.5 -7.2,-4.5 -4.1,0 -7.3,2 -7.3,4.5 0,1.2 0.7,2.3 1.8,3.1 1.2,0.7 1.9,1.8 1.9,3 0,2.5 -3.3,4.5 -7.3,4.5 -4,0 -7.3,-2 -7.3,-4.5 0,-1.2 0.7,-2.3 1.9,-3 1.2,-0.8 1.8,-1.9 1.8,-3.1 0,-2.5 -3.2,-4.5 -7.2,-4.5 -4.1,0 -7.3,2 -7.3,4.5 0,1.2 0.7,2.3 1.8,3.1 1.2,0.7 1.9,1.8 1.9,3 -1.5,4.1 -4.2,4.4 -8.8,4.5 -4.7,-0.1 -8.7,-1.5 -8.9,-4.5 0,-1.2 0.7,-2.3 1.9,-3 1.2,-0.8 1.9,-1.9 1.9,-3.1 0,-2.5 -3.3,-4.5 -7.3,-4.5 -4.1,0 -7.3,2 -7.3,4.5 0,1.2 0.7,2.3 1.8,3.1 1.2,0.7 1.9,1.8 1.9,3 0,2.5 -3.3,4.5 -7.3,4.5 -4,0 -7.3,-2 -7.3,-4.5 0,-1.2 0.7,-2.3 1.9,-3 1.2,-0.8 1.9,-1.9 1.9,-3.1 0,-2.5 -3.3,-4.5 -7.3,-4.5 -4.1,0 -7.3,2 -7.3,4.5 0,1.2 0.7,2.3 1.8,3.1 1.2,0.7 1.9,1.8 1.9,3 0,2.5 -3.3,4.5 -7.3,4.5 -4,0 -7.3,-2 -7.3,-4.5 0,-1.2 0.7,-2.3 1.9,-3 1.2,-0.8 1.9,-1.9 1.9,-3.1 0,-2.5 -3.3,-4.5 -7.3,-4.5 -4.1,0 -7.3,2 -7.3,4.5 0,1.2 0.7,2.3 1.8,3.1 1.2,0.7 1.9,1.8 1.9,3 0,2.5 -3.3,4.5 -7.3,4.5 -4,0 -7.3,-2 -7.3,-4.5 0,-1.2 0.7,-2.3 1.9,-3 1.2,-0.8 1.9,-1.9 1.9,-3.1 0,-2.5 -3.3,-4.5 -7.3,-4.5 -4.1,0 -7.3,2 -7.3,4.5 0,1.2 0.7,2.3 1.8,3.1 1.2,0.7 1.9,1.8 1.9,3 0,2.5 -3.3,4.5 -7.3,4.5 -4,0 -7.3,-2 -7.3,-4.5 0,-1.2 0.7,-2.3 1.9,-3 1.2,-0.8 1.9,-1.9 1.9,-3.1 0,-2.5 -3.3,-4.5 -7.3,-4.5 -4.1,0 -7.3,2 -7.3,4.5 0,1.2 0.7,2.3 1.8,3.1 1.2,0.7 1.9,1.8 1.9,3 0,2.5 -3.3,4.5 -7.3,4.5 -4,0 -7.3,-2 -7.3,-4.5 0,-1.2 0.7,-2.3 1.9,-3 1.2,-0.8 1.9,-1.9 1.9,-3.1 0,-2.5 -3.3,-4.5 -7.3,-4.5 -4.1,0 -7.3,2 -7.3,4.5 0,1.2 0.7,2.3 1.8,3.1 1.2,0.7 1.9,1.8 1.9,3 0,2.5 -3.3,4.5 -7.3,4.5 -4,0 -7.3,-2 -7.3,-4.5 0,-1.2 0.7,-2.3 1.9,-3 1.2,-0.8 1.9,-1.9 1.9,-3.1 0,-2.5 -3.3,-4.5 -7.3,-4.5 z"/>
<path id="rayonne" d="M0 115l-.1-6 .2.8c1.3-1 2.3-2.5 2.9-4.4.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4A9 9 0 015.5 90c-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 2.1 3.1 3.1 4.6 1 1.6 2.4 3.1 2.7 4.8.3 1.7.3 3.3 0 5.2 1.3-1 2.6-2.7 3.2-4.6.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.5 2 1.7 3.6 3.1 4.6a9 9 0 013.1 4.6c.5 2 .4 3.9-.3 5.4a9 9 0 003.1-4.6c.5-2 .4-3.9-.3-5.4-.7-1.5-.8-3.4-.3-5.4.5-2 1.7-3.6 3.1-4.6-.7 1.5-.8 3.4-.3 5.4.75 2.79 2.72 4.08 4.45 5.82L200 115z"/>
<path id="seaWaves" d="m 28.83,94.9 c -4.25,0 -7.16,3.17 -8.75,5.18 -1.59,2.01 -4.5,5.18 -8.75,5.18 -2.16,0 -3.91,-1.63 -3.91,-3.64 0,-2.01 1.44,-3.6 3.6,-3.6 0.7,0 1.36,0.17 1.93,0.48 -0.33,-2.03 -2.19,-3.56 -4.45,-3.56 -4.24,0 -6.91,3.13 -8.5,5.13 V 115 h 200 v -14.89 c -1.59,2.01 -4.5,5.18 -8.75,5.18 -2.16,0 -3.91,-1.63 -3.91,-3.64 0,-2.01 1.75,-3.64 3.91,-3.64 0.7,0 1.36,0.17 1.93,0.48 -0.34,-2.01 -2.2,-3.55 -4.46,-3.55 -4.25,0 -7.16,3.17 -8.75,5.18 -1.59,2.01 -4.5,5.18 -8.75,5.18 -2.16,0 -3.91,-1.63 -3.91,-3.64 0,-2.01 1.75,-3.64 3.91,-3.64 0.7,0 1.36,0.17 1.93,0.48 -0.34,-2.01 -2.21,-3.55 -4.46,-3.55 -4.25,0 -7.16,3.17 -8.75,5.18 -1.59,2.01 -4.5,5.18 -8.75,5.18 -2.16,0 -3.91,-1.63 -3.91,-3.64 0,-2.01 1.75,-3.64 3.91,-3.64 0.7,0 1.36,0.17 1.93,0.48 -0.34,-2.01 -2.21,-3.55 -4.46,-3.55 -4.25,0 -7.16,3.17 -8.75,5.18 -1.59,2.01 -4.5,5.18 -8.75,5.18 -2.16,0 -3.91,-1.63 -3.91,-3.64 0,-2.01 1.75,-3.64 3.91,-3.64 0.7,0 1.36,0.17 1.93,0.48 -0.34,-2.01 -2.2,-3.55 -4.46,-3.55 -4.25,0 -7.16,3.17 -8.75,5.18 -1.59,2.01 -4.5,5.18 -8.75,5.18 -2.16,0 -3.91,-1.63 -3.91,-3.64 0,-2.01 1.44,-3.6 3.6,-3.6 0.7,0 1.36,0.17 1.93,0.48 -0.34,-2.01 -2.21,-3.55 -4.46,-3.55 -4.25,0 -6.6,3.09 -8.19,5.09 -1.59,2.01 -4.5,5.18 -8.75,5.18 -2.16,0 -3.91,-1.63 -3.91,-3.64 0,-2.01 1.75,-3.64 3.91,-3.64 0.7,0 1.36,0.17 1.93,0.48 -0.34,-2.01 -2.21,-3.55 -4.46,-3.55 -4.25,0 -7.16,3.17 -8.75,5.18 -1.59,2.01 -4.5,5.18 -8.75,5.18 -2.16,0 -3.91,-1.63 -3.91,-3.64 0,-2.01 1.75,-3.64 3.91,-3.64 0.7,0 1.36,0.17 1.93,0.48 -0.34,-2.01 -2.2,-3.55 -4.46,-3.55 -4.25,0 -7.16,3.17 -8.75,5.18 -1.59,2.01 -4.5,5.18 -8.75,5.18 -2.16,0 -3.91,-1.63 -3.91,-3.64 0,-2.01 1.75,-3.64 3.91,-3.64 0.7,0 1.36,0.17 1.93,0.48 -0.34,-2.01 -2.2,-3.55 -4.46,-3.55 -4.25,0 -7.16,3.17 -8.75,5.18 -1.59,2.01 -4.5,5.18 -8.75,5.18 -2.16,0 -3.91,-1.63 -3.91,-3.64 0,-2.01 1.75,-3.64 3.91,-3.64 0.7,0 1.36,0.17 1.93,0.48 -0.34,-2.01 -2.21,-3.55 -4.46,-3.55 z"/>
<path id="dragonTeeth" d="M 9.4,85 C 6.5,88.1 4.1,92.9 3,98.8 1.9,104.6 2.3,110.4 3.8,115 2.4,113.5 0,106.6 0,109.3 v 5.7 h 200 v -5.7 c -1.1,-2.4 -2,-5.1 -2.6,-8 -1.1,-5.9 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.9 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.9 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.9 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.9 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.9 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.9 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.9 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.9 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.9 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.9 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.9 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.9 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.9 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.9 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.9 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.9 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.9 -0.7,11.6 0.8,16.2 -1.4,-1.5 -2.8,-3.9 -3.8,-6.1 -1.1,-2.4 -2.3,-6.1 -2.6,-7.7 -0.2,-5.9 0.2,-11.7 1.7,-16.3 -3,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.8 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 -1,-5.8 -0.7,-11.6 0.9,-16.2 -3,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.8 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.8 -0.7,-11.6 0.9,-16.2 -3,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.8 -0.7,11.6 0.8,16.2 -2.9,-3.1 -5.3,-7.9 -6.4,-13.8 C 63,95.4 63.4,89.6 64.9,85 c -2.9,3.1 -5.3,7.9 -6.3,13.8 -1.1,5.8 -0.7,11.6 0.8,16.2 -3,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.8 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1,5.8 -0.6,11.6 0.9,16.2 -3,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.8 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1,5.8 -0.7,11.6 0.9,16.2 -3,-3.1 -5.3,-7.9 -6.4,-13.8 -1.1,-5.8 -0.7,-11.6 0.8,-16.2 -2.9,3.1 -5.3,7.9 -6.4,13.8 -1.1,5.8 -0.7,11.6 0.9,16.2 -3,-3.1 -5.3,-7.9 -6.4,-13.8 C 18.6,95.4 19,89.6 20.5,85 17.6,88.1 15.2,92.9 14.1,98.8 13,104.6 13.4,110.4 14.9,115 12,111.9 9.6,107.1 8.6,101.2 7.5,95.4 7.9,89.6 9.4,85 Z"/>
<path id="firTrees" d="m 3.9,90 -4,7 2,-0.5 L 0,100 v 15 h 200 v -15 l -1.9,-3.5 2,0.5 -4,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4.1,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4.1,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 -4,-7 -4,7 2,-0.5 -4,7 2,-0.5 -4,7 -4,-7 2,0.5 -4,-7 2,0.5 z" />
<path id="flechy" d="m 0,100 h 85 l 15,-15 15,15 h 85 v 15 H 0 Z" />
<path id="barby" d="m 0,100 h 85 l 15,15 15,-15 h 85 v 15 H 0 Z" />
<path id="enclavy" d="M 0,100 H 85 V 85 h 30 v 15 h 85 v 15 H 0 Z" />
<path id="escartely" d="m 0,100 h 85 v 15 h 30 v -15 h 85 v 15 H 0 Z" />
<path id="arched" d="m 100,95 c 40,-0.2 100,20 100,20 H 0 c 0,0 60,-19.8 100,-20 z" />
<path id="archedReversed" d="m 0,85 c 0,0 60,20.2 100,20 40,-0.2 100,-20 100,-20 v 30 H 0 Z" />
</g>
<g id="divisions">
<!-- Lined Divisions -->
<template id="perFess">
<path dpath="{line}" />
<rect x="0" y="115" width="200" height="85" />
</template>
<template id="perPale">
<path dpath="{line}" transform="rotate(-90)" transform-origin="center" />
<rect x="115" y="0" width="85" height="200" />
</template>
<template id="perBend">
<path dpath="{line}" transform="rotate(45) scale(1.1)" transform-origin="center" />
<rect x="0" y="115" width="200" height="85" transform="rotate(45) scale(1.1)" transform-origin="center" />
</template>
<template id="perBendSinister">
<path dpath="{line}" transform="rotate(-45) scale(1.1)" transform-origin="center" />
<rect x="0" y="115" width="200" height="85" transform="rotate(-45) scale(1.1)" transform-origin="center" />
</template>
<template id="perChevron">
<path dpath="{line}" transform="translate(-70.7,70.7) rotate(-45) scale(-1,1)" transform-origin="center" />
<polygon points="20,200 100,120 180,200" />
<path dpath="{line}" transform="translate(70.7,70.7) rotate(45)" transform-origin="center" />
</template>
<template id="perChevronReversed">
<path dpath="{line}" transform="translate(-70.7,-70.7) rotate(225) scale(1,1)" transform-origin="center" />
<polygon points="21,0 100,79 179,0" />
<path dpath="{line}" transform="translate(70.7,-70.7) rotate(-225) scale(-1,1)" transform-origin="center" />
</template>
<template id="perCross">
<rect x="100" y="0" width="100" height="92.5" />
<rect x="0" y="107.5" width="100" height="92.5" />
<path dpath="{line}" transform="translate(0,50) scale(.5001,.5001)" />
<path dpath="{line}" transform="translate(50,0) scale(-.5001,-.5001)" transform-origin="center" />
</template>
<template id="perPile">
<path dpath="{line}" transform="translate(-35,15) rotate(66.8) scale(-1,1)" transform-origin="center" />
<path dpath="{line}" transform="translate(35,15) rotate(-66.8)" transform-origin="center" />
<polygon points="0,0 86,200 114,200 200,0 200,200 0,200" />
</template>
<!-- Straight line Divisions -->
<template id="perSaltire"><polygon points="0,0 0,200 200,0 200,200" /></template>
<template id="gyronny"><polygon points="0,0 200,200 200,100 0,100" /><polygon points="200,0 0,200 100,200 100,0" /></template>
<template id="chevronny"><path d="M0,80 100,-15 200,80 200,120 100,25 0,120z M0,160 100,65 200,160 200,200 100,105 0,200z M0,240 100,145 200,240 0,240z" /></template>
</g>
<g id="ordinaries">
<!-- Lined Ordinaries -->
<template id="fess">
<path dpath="{line}" transform="translate(0,-25)" />
<path dpath="{line}" transform="translate(0,25) rotate(180.00001)" transform-origin="center" />
<rect x="0" y="88" width="200" height="24" stroke="none" />
</template>
<template id="pale">
<path dpath="{line}" transform="rotate(-90) translate(0,-25)" transform-origin="center" />
<path dpath="{line}" transform="rotate(90) translate(0,-25)" transform-origin="center" />
<rect x="88" y="0" width="24" height="200" stroke="none" />
</template>
<template id="bend">
<path dpath="{line}" transform="rotate(45) translate(0,-25) scale(1.1,1)" transform-origin="center" />
<path dpath="{line}" transform="rotate(225) translate(0,-25) scale(1.1,1)" transform-origin="center" />
<rect x="0" y="88" width="200" height="24" transform="rotate(45) scale(1.1,1)" transform-origin="center" stroke="none" />
</template>
<template id="bendSinister">
<path dpath="{line}" transform="rotate(-45) translate(0,-25) scale(1.1,1)" transform-origin="center" />
<path dpath="{line}" transform="rotate(-225) translate(0,-25) scale(1.1,1)" transform-origin="center" />
<rect x="0" y="88" width="200" height="24" transform="rotate(-45) scale(1.1,1)" transform-origin="center" stroke="none" />
</template>
<template id="chief">
<path dpath="{line}" transform="translate(0,-25) rotate(180.00001)" transform-origin="center" />
<rect x="0" y="0" width="200" height="62" stroke="none" />
</template>
<template id="bar">
<path dpath="{line}" transform="translate(0,-12.5)" transform-origin="center" />
<path dpath="{line}" transform="translate(0,12.5) rotate(180.00001)" transform-origin="center" />
<rect x="0" y="94" width="200" height="12" stroke="none" />
</template>
<template id="gemelle">
<path dpath="{line}" transform="translate(0,-22.5)" />
<path dpath="{line}" transform="translate(0,22.5) rotate(180.00001)" transform-origin="center" />
</template>
<template id="fessCotissed">
<path dpath="{line}" transform="translate(0,-35) scale(1,.5)" transform-origin="center" />
<path dpath="{line}" transform="translate(0,35) rotate(180.0001) scale(1,.5)" transform-origin="center" />
<rect x="0" y="80" width="200" height="40" />
</template>
<template id="fessDoubleCotissed">
<rect x="0" y="85" width="200" height="30" />
<rect x="0" y="72.5" width="200" height="7.5" />
<rect x="0" y="120" width="200" height="7.5" />
<path dpath="{line}" transform="translate(0,-40) scale(1,.5)" transform-origin="center" />
<path dpath="{line}" transform="translate(0,40) rotate(180.0001) scale(1,.5)" transform-origin="center" />
</template>
<template id="bendlet">
<path dpath="{line}" transform="rotate(45) translate(0,-16) scale(1.1,1)" transform-origin="center" />
<path dpath="{line}" transform="rotate(225) translate(0,-16) scale(1.1,1)" transform-origin="center" />
<rect x="0" y="94" width="200" height="12" transform="rotate(45) scale(1.1,1)" transform-origin="center" stroke="none" />
</template>
<template id="bendletSinister">
<path dpath="{line}" transform="rotate(-45) translate(0,-16) scale(1.1,1)" transform-origin="center" />
<path dpath="{line}" transform="rotate(-225) translate(0,-16) scale(1.1,1)" transform-origin="center" />
<rect x="0" y="94" width="200" height="12" transform="rotate(-45) scale(1.1,1)" transform-origin="center" stroke="none" />
</template>
<template id="terrace">
<path dpath="{line}" transform="translate(0,50)" />
<rect x="0" y="164" width="200" height="36" stroke="none" />
</template>
<template id="cross">
<path dpath="{line}" transform="translate(0,-14.5)" transform-origin="center" />
<path dpath="{line}" transform="rotate(180) translate(0,-14.5)" transform-origin="center" />
<path dpath="{line}" transform="rotate(-90) translate(0,-14.5)" transform-origin="center" />
<path dpath="{line}" transform="rotate(-270) translate(0,-14.5)" transform-origin="center" />
</template>
<template id="crossParted">
<path dpath="{line}" transform="translate(0,-20)" transform-origin="center" />
<path dpath="{line}" transform="rotate(180) translate(0,-20)" transform-origin="center" />
<path dpath="{line}" transform="rotate(-90) translate(0,-20)" transform-origin="center" />
<path dpath="{line}" transform="rotate(-270) translate(0,-20)" transform-origin="center" />
</template>
<template id="saltire">
<path dpath="{line}" transform="rotate(45) translate(0,-14.5) scale(1.1,1)" transform-origin="center" />
<path dpath="{line}" transform="rotate(225) translate(0,-14.5) scale(1.1,1)" transform-origin="center" />
<path dpath="{line}" transform="rotate(-45) translate(0,-14.5) scale(1.1,1)" transform-origin="center" />
<path dpath="{line}" transform="rotate(-225) translate(0,-14.5) scale(1.1,1)" transform-origin="center" />
</template>
<template id="saltireParted">
<path dpath="{line}" transform="rotate(45) translate(0,-20) scale(1.1,1)" transform-origin="center" />
<path dpath="{line}" transform="rotate(225) translate(0,-20) scale(1.1,1)" transform-origin="center" />
<path dpath="{line}" transform="rotate(-45) translate(0,-20) scale(1.1,1)" transform-origin="center" />
<path dpath="{line}" transform="rotate(-225) translate(0,-20) scale(1.1,1)" transform-origin="center" />
</template>
<!-- Solid Ordinaries -->
<template id="mount"><path d="m0,250 a100,100,0,0,1,200,0" /></template>
<template id="point"><path d="M0,200 Q80,180 100,135 Q120,180 200,200" /></template>
<template id="flaunches"><path d="M0,0 q120,100 0,200 M200,0 q-120,100 0,200" /></template>
<template id="gore"><path d="M20,0 Q30,75 100,100 Q80,150 100,200 L0,200 L0,0 Z" /></template>
<template id="pall"><polygon points="0,0 30,0 100,70 170,0 200,0 200,30 122,109 122,200 78,200 78,109 0,30" /></template>
<template id="pallReversed"><polygon points="0,200 0,170 78,91 78,0 122,0 122,91 200,170 200,200 170,200 100,130 30,200" /></template>
<template id="chevron"><polygon points="0,125 100,60 200,125 200,165 100,100 0,165" /></template>
<template id="chevronReversed"><polygon points="0,75 100,140 200,75 200,35 100,100 0,35" /></template>
<template id="gyron"><polygon points="0,0 100,100 0,100" /></template>
<template id="quarter"><rect x="0" y="0" width="50%" height="50%" /></template>
<template id="canton"><rect x="0" y="0" width="37.5%" height="37.5%" /></template>
<template id="pile"><polygon points="70,0 100,175 130,0" /></template>
<template id="pileInBend"><polygon points="200,200 200,144 25,25 145,200" /></template>
<template id="pileInBendSinister"><polygon points="0,200 0,144 175,25 55,200" /></template>
<template id="piles"><polygon points="46,0 75,175 103,0" /><polygon points="95,0 125,175 154,0" /></template>
<template id="pilesInPoint"><path d="M15,0 100,200 60,0Z M80,0 100,200 120,0Z M140,0 100,200 185,0Z" /></template>
<template id="label"><path d="m 46,54.8 6.6,-15.6 95.1,0 5.9,15.5 -16.8,0.1 4.5,-11.8 L 104,43 l 4.3,11.9 -16.8,0 4.3,-11.8 -37.2,0 4.5,11.8 -16.9,0 z" /></template>
</g>
<g id="charges">
<!-- Conventional -->
<g id="lozenge"><polygon points="100,60 135,100 100,140 65,100" /></g>
<g id="fusil"><polygon points="100,55 130,100 100,145 70,100" /></g>
<g id="mascle"><path d="M100,55 l30,45 l-30,45 l-30,-45z M100,70.75 l-19.5,29.25 l19.5,29.25 l19.5,-29.25z" /></g>
<g id="rustre"><path d="M100,55 l30,45 l-30,45 l-30,-45z M100,100 m-12,0 a12,12 0 1,0 24,0 a12,12 0 1,0 -24,0" /></g>
<g id="lozengeFaceted">
<polygon points="100,55 130,100 100,145 70,100"></polygon>
<polygon points="100,99 130,99 100,55" fill="#000" opacity=".2"></polygon>
<polygon points="99,100 70,100 99,145" fill="#000" opacity=".2"></polygon>
<polygon points="100,100 130,100 100,145" fill="#000" opacity=".3"></polygon>
</g>
<g id="lozengePloye"><path d="M100,60 Q105,95 140,100 Q105,105 100,140 Q95,105 60,100 Q95,95 100,60" stroke-width=".5" /></g>
<g id="roundel"><circle cx="100" cy="100" r="30"></circle></g>
<g id="roundel2"><circle cx="100" cy="100" r="30"></circle><path d="M124,95 a23,23 0,0,1,-25,30" stroke-width=".5" fill="none" /></g>
<g id="annulet"><path d="M100,100 m-30,0 a30,30 0 1,0 60,0 a30,30 0 1,0 -60,0 M100,100 m-20,0 a20,20 0 1,1 40,0 a20,20 0 1,1 -40,0" /></g>
<g id="mullet"><polygon points="100,60,108.98,87.64,138.04,87.64,114.53,104.72,123.51,132.36,100,115.28,76.49,132.36,85.47,104.72,61.96,87.64,91.02,87.64"></polygon></g>
<g id="mulletPierced"><path d="M100,60 L108.98,87.64 L138.04,87.64 L114.53,104.72 L123.51,132.36 L100,115.28 L76.49,132.36 L85.47,104.72 L61.96,87.64 L91.02,87.64Z M100,100 m-8,0 a8,8 0 1,0 16,0 a8,8 0 1,0 -16,0" /></g>
<g id="mulletFaceted">
<path d="M100,60 L108.98,87.64 L138.04,87.64 L114.53,104.72 L123.51,132.36 L100,115.28 L76.49,132.36 L85.47,104.72 L61.96,87.64 L91.02,87.64Z" />
<path d="M100,100 L100,60 L108.98,87.64 L100,100 L138.04,87.64 L114.53,104.72 L100,100 L123.51,132.36 L100,115.28 L100,100 L76.49,132.36 L85.47,104.72 L100,100 L61.96,87.64 L91.02,87.64Z" fill="#000" stroke-width=".2" fill-opacity=".2" />
</g>
<g id="mullet4"><polygon points="100,60,109.9,90.1,140,100,109.9,109.9,100,140,90.1,109.9,60,100,90.1,90.1"></polygon></g>
<g id="mullet6"><polygon points="100,60,107.64,86.77,134.64,80,115.28,100,134.64,120,107.64,113.23,100,140,92.36,113.23,65.36,120,84.72,100,65.36,80,92.36,86.77"></polygon></g>
<g id="mullet6Pierced"><path d="M100,60 L107.64,86.77 L134.64,80 L115.28,100 L134.64,120 L107.64,113.23 L100,140 L92.36,113.23 L65.36,120 L84.72,100 L65.36,80 L92.36,86.77Z M100,100 m-8,0 a8,8 0 1,0 16,0 a8,8 0 1,0 -16,0" /></g>
<g id="mullet6Faceted">
<path d="M100,60 L107.64,86.77 L133.64,80 L115.28,100 L134.64,120 L107.64,113.23 L100,140 L92.36,113.23 L65.36,120 L84.72,100 L65.36,80 L92.36,86.77Z" />
<path d="M100,100 L134,80 L115.28,100 L100,100 L134.64,120 L107.64,113.23 L100,100 L100,140 L92.36,113.23 L100,100 L65.36,120 L84.72,100 L100,100 L65.36,80 L92.36,86.77 L100,100 L100,60 L107.64,86.77Z" fill="#000" stroke-width=".2" fill-opacity=".2" />
</g>
<g id="mullet7"><polygon points="100,60,106.63,86.23,131.27,75.06,114.9,96.6,139,108.9,111.95,109.53,117.36,136.04,100,115.28,82.64,136.04,88.05,109.53,61,108.9,85.1,96.6,68.73,75.06,93.37,86.23"></polygon></g>
<g id="mullet8"><polygon points="100,60,105.85,85.88,128.28,71.72,114.12,94.15,140,100,114.12,105.85,128.28,128.28,105.85,114.12,100,140,94.15,114.12,71.72,128.28,85.88,105.85,60,100,85.88,94.15,71.72,71.72,94.15,85.88"></polygon></g>
<g id="mullet10"><polygon points="100,60,104.72,85.47,123.51,67.64,112.36,91.02,138.04,87.64,115.28,100,138.04,112.36,112.36,108.98,123.51,132.36,104.72,114.53,100,140,95.28,114.53,76.49,132.36,87.64,108.98,61.96,112.36,84.72,100,61.96,87.64,87.64,91.02,76.49,67.64,95.28,85.47"></polygon></g>
<g id="billet"><polygon points="80,65 120,65 120,135 80,135"></polygon></g>
<g id="delf"><polygon points="75,75 125,75 125,125 75,125"></polygon></g>
<g id="triangle"><polygon points="100,60 135,130 65,130"></polygon></g>
<g id="trianglePierced"><path d="M100,60 L135,130 L65,130Z M100,80 L80,120 L120,120Z" /></g>
<g id="goutte"><path d="m 100,134 c 17,-1 16,-19 10,-25 -1.9,-1.8 -4.6,-5.3 -3.9,-8.1 C 108,94 102,90 102,87 c -1,-7 3,-7 3,-13 -0.1,-6.2 -3.3,-8.7 -6,-12 1.2,3 2,6 1,9 -1.5,5.9 -6.2,6.9 -8,11 -2,5 3,11 3,15 -0.6,9.1 -9,13 -9,23 0.3,11.3 9,14 14,14 z" /></g>
<g id="heart"><path d="m 100,84 c -0.7,-1.1 -1.4,-2.2 -2.4,-3.2 -6.3,-6.8 -16.6,-6.8 -23,0 -6.3,6.8 -5.4,17.8 1,24.6 6.3,6.8 17.7,12.4 24.2,27 7.3,-14.4 18.2,-20.2 24.5,-27 6.3,-6.8 7.3,-17.8 1,-24.6 -6.3,-6.8 -16.6,-6.8 -23,0 C 101.4,81.8 100.7,82.9 100,84 Z" stroke-width=".5" /></g>
<g id="pique"><path d="m 100,70 c -5.7,10.3 -25.2,19.8 -25.2,32.8 0,6.2 5.6,11.1 12.6,11.1 4.4,0 8.4,-2 10.6,-5.1 -0.9,8.9 -3.5,18.8 -12.6,20.7 H 100 114.6 c -9.2,-1.9 -11.7,-11.8 -12.6,-20.7 2.2,3.1 6.2,5.1 10.6,5.1 7,0 12.6,-5 12.6,-11.1 C 125.2,89.8 105.7,80.3 100,70 Z" stroke-width=".5" /></g>
<g id="trefle"><path d="m 100,70 c -7.8,0 -14.1,6.4 -14.1,14.3 0,5.6 3.2,10.5 7.9,12.8 1.4,0.7 -0.1,2.5 -1.2,1.3 -2.6,-3 -6.4,-4.8 -10.6,-4.8 -7.8,0 -14.1,6.4 -14.1,14.3 0,7.9 6.3,14.3 14.1,14.3 7.7,0 14.1,-6.3 14.1,-14.1 0,-1.4 2.1,-1.5 2.1,0.3 0,2.9 -2.8,18.5 -4.3,21.5 3.955628,-0.85651 8.16171,-1.15253 12,0 -1.5,-3 -4.3,-18.6 -4.3,-21.5 0,-1.9 2.1,-1.7 2.1,-0.3 0.1,7.8 6.4,14.1 14.1,14.1 7.8,0 14.1,-6.4 14.1,-14.3 0,-7.9 -6.3,-14.3 -14.1,-14.3 -4.2,0 -8,1.9 -10.6,4.8 -1,1.2 -2.6,-0.6 -1.2,-1.3 4.7,-2.3 7.9,-7.2 7.9,-12.8 C 114.1,76.4 107.8,70 100,70 Z" stroke-width=".5" /></g>
<g id="сarreau"><path d="M 100,59.8 C 94.4,75.1 86.2,88.6 75,100 86.2,111.4 94.4,124.9 100,140.2 105.6,124.9 113.8,111.4 125,100 113.8,88.6 105.6,75.1 100,59.8 Z" stroke-width=".5" /></g>
<g id="sun"><path d="m 84.7,63 c -1,3.9 0.1,7.1 2,10.1 1.5,2.3 2.4,4.8 2.4,7.5 -0.7,0.4 -1.3,0.8 -1.9,1.2 L 71.8,71.7 82.2,86.9 c -0.2,0.3 -0.4,0.5 -0.5,0.8 -2.9,-1.3 -5.7,-1.6 -8.3,-1.1 -3.7,0.7 -6.9,-0.1 -10.2,-2 2.1,3.5 5.1,5 8.6,5.7 2.7,0.6 5.1,1.7 7,3.6 -0.2,0.7 -0.4,1.5 -0.5,2.2 l -18.1,3.7 18.1,3.5 c 0,0.3 0.1,0.6 0.2,0.9 -3,1.1 -5.2,2.9 -6.6,5.1 -2.1,3.1 -4.9,4.8 -8.6,5.8 3.9,1 7.1,-0.1 10.1,-2 2.3,-1.5 4.8,-2.4 7.5,-2.4 0.4,0.7 0.8,1.3 1.2,1.9 L 71.8,128.1 87.1,117.7 c 0.3,0.2 0.5,0.4 0.8,0.5 -1.3,2.9 -1.6,5.7 -1.1,8.3 0.7,3.7 -0.1,6.8 -2,10.1 3.5,-2.1 5,-5.1 5.7,-8.6 0.6,-2.7 1.7,-5.1 3.6,-7 0.7,0.2 1.5,0.4 2.2,0.5 l 3.7,18.1 3.5,-18.1 c 0.3,0 0.6,-0.1 0.9,-0.2 1.1,3 2.9,5.2 5.1,6.6 3.1,2.1 4.8,4.9 5.8,8.6 1,-3.9 -0.1,-7.1 -2,-10.1 -1.5,-2.3 -2.4,-4.8 -2.4,-7.5 0.7,-0.4 1.3,-0.8 1.9,-1.2 l 15.4,10.2 -10.4,-15.3 c 0.2,-0.3 0.4,-0.5 0.5,-0.8 2.9,1.3 5.7,1.6 8.3,1.1 3.7,-0.7 6.8,0.1 10.1,2 -2.1,-3.5 -5.1,-4.9 -8.6,-5.7 -2.7,-0.6 -5.1,-1.7 -7,-3.6 0.2,-0.7 0.4,-1.5 0.5,-2.2 l 18.1,-3.7 -18.1,-3.5 c 0,-0.3 -0.1,-0.6 -0.2,-0.9 3,-1.1 5.2,-2.9 6.6,-5.1 2.1,-3.1 4.9,-4.8 8.6,-5.7 -3.9,-1 -7.1,0.1 -10.1,2 -2.3,1.5 -4.8,2.4 -7.5,2.4 -0.4,-0.7 -0.8,-1.3 -1.2,-1.9 l 10.2,-15.4 -15.3,10.3 c -0.3,-0.2 -0.5,-0.4 -0.8,-0.5 1.3,-2.9 1.6,-5.7 1.1,-8.3 -0.7,-3.7 0.1,-6.9 2,-10.2 -3.5,2.1 -4.9,5.1 -5.7,8.6 -0.6,2.7 -1.7,5.2 -3.7,7 -0.7,-0.2 -1.5,-0.4 -2.2,-0.5 L 100,60 96.5,78.1 c -0.3,0 -0.6,0.1 -0.9,0.2 -1.1,-3 -2.9,-5.2 -5.1,-6.6 -3.1,-2.1 -4.8,-4.9 -5.7,-8.6 z" stroke-width=".5"/></g>
<!-- Crosses -->
<g id="crossHummetty" stroke-width=".5"><path d="m 90,60 h 20 v 30 h 30 v 20 h -30 v 30 H 90 V 110 H 60 V 90 h 30 z" /></g>
<g id="crossVoided" stroke-width=".5"><path d="M 90 60 L 90 90 L 60 90 L 60 110 L 90 110 L 90 140 L 110 140 L 110 110 L 140 110 L 140 90 L 110 90 L 110 60 L 90 60 z M 95 65 L 105 65 L 105 95 L 135 95 L 135 105 L 105 105 L 105 135 L 95 135 L 95 105 L 65 105 L 65 95 L 95 95 L 95 65 z " /></g>
<g id="crossPattee" stroke-width=".5"><path d="M 77 60 A 52 52 0 0 1 96 96 A 52 52 0 0 1 60 77 L 60 123 A 52 52 0 0 1 96 104 A 52 52 0 0 1 77 140 L 123 140 A 52 52 0 0 1 104 104 A 52 52 0 0 1 140 123 L 140 77 A 52 52 0 0 1 104 96 A 52 52 0 0 1 123 60 L 77 60 z" /></g>
<g id="crossPotent" stroke-width=".5"><path d="M 83,60 V 70 H 95 V 95 H 70 V 83 H 60 v 34 h 10 v -12 h 25 v 25 H 83 v 10 h 34 v -10 h -12 v -25 h 25 v 12 h 10 V 83 H 130 V 95 H 105 V 70 h 12 V 60 Z" /></g>
<g id="crosslet" stroke-width=".5"><path d="m 95,60 h 10 v 10 h 12 v 10 h -12 v 15 h 15 V 83 h 10 v 12 h 10 v 10 h -10 v 12 h -10 v -12 h -15 v 15 h 12 v 10 h -12 v 10 H 95 V 130 H 83 V 120 H 95 V 105 H 80 v 12 H 70 V 105 H 60 V 95 H 70 V 83 H 80 V 95 H 95 V 80 H 83 V 70 h 12 z" /></g>
<g id="crossClechy" stroke-width=".5"><path d="m 96.9,103.1 c -0.3,8.7 -3.5,17 -8.7,22.3 5.2,2.3 9.5,7.7 11.8,14.5 2.3,-6.9 6.6,-12.2 11.8,-14.5 -5.2,-5.4 -8.4,-13.6 -8.7,-22.3 8.7,0.3 17,3.5 22.3,8.7 2.3,-5.2 7.7,-9.5 14.5,-11.8 -6.9,-2.3 -12.2,-6.7 -14.5,-11.8 -5.4,5.2 -13.6,8.4 -22.3,8.7 0.3,-8.7 3.5,-17 8.7,-22.3 -5.2,-2.4 -9.5,-7.7 -11.8,-14.6 -2.3,6.9 -6.7,12.2 -11.8,14.5 5.1,5.4 8.4,13.7 8.7,22.4 -8.7,-0.3 -17,-3.6 -22.4,-8.7 -2.3,5.1 -7.6,9.5 -14.5,11.8 6.9,2.3 12.2,6.6 14.5,11.8 7.2,-5.3 13.9,-8.5 22.4,-8.7 z" /></g>
<g id="crossBottony" stroke-width=".5"><path d="M 78.7,95.8 A 5.5,5.5 0 1 0 69,95.4 a 5.5,5.5 0 1 0 0,9.3 5.5,5.5 0 1 0 9.7,-0.4 h 17.1 v 17.2 a 5.5,5.5 0 1 0 -0.4,9.7 5.5,5.5 0 1 0 9.3,0 5.5,5.5 0 1 0 -0.4,-9.7 v -17.2 h 17.1 a 5.5,5.5 0 1 0 9.7,0.4 5.5,5.5 0 1 0 0,-9.3 5.5,5.5 0 1 0 -9.7,0.4 h -17.1 V 78.7 A 5.5,5.5 0 1 0 104.7,69 a 5.5,5.5 0 1 0 -9.3,0 5.5,5.5 0 1 0 0.4,9.7 v 17.2 z" /></g>
<g id="crossFleury" stroke-width=".5"><path d="m 95.2,125.9 a 2.6,2.6 0 0 1 -2.6,2.6 2.6,2.6 0 0 1 -2.6,-2.6 4.8,4.8 0 0 0 -1.7,3.7 4.8,4.8 0 0 0 4.8,4.8 4.8,4.8 0 0 0 3,-1.1 7.8,7.8 0 0 0 3.9,6.8 7.8,7.8 0 0 0 3.9,-6.8 4.8,4.8 0 0 0 3,1.1 4.8,4.8 0 0 0 4.8,-4.8 4.8,4.8 0 0 0 -1.7,-3.7 2.6,2.6 0 0 1 -2.6,2.6 2.6,2.6 0 0 1 -2.6,-2.6 v -21.1 h 21.1 a 2.6,2.6 0 0 1 2.6,2.6 2.6,2.6 0 0 1 -2.6,2.6 4.8,4.8 0 0 0 3.7,1.7 4.8,4.8 0 0 0 4.8,-4.8 4.8,4.8 0 0 0 -1.1,-3 7.8,7.8 0 0 0 6.8,-3.9 7.8,7.8 0 0 0 -6.8,-3.9 4.8,4.8 0 0 0 1.1,-3 4.8,4.8 0 0 0 -4.8,-4.8 4.8,4.8 0 0 0 -3.7,1.7 2.6,2.6 0 0 1 2.6,2.6 2.6,2.6 0 0 1 -2.6,2.6 h -21.1 V 74.1 a 2.6,2.6 0 0 1 2.6,-2.6 2.6,2.6 0 0 1 2.6,2.6 4.8,4.8 0 0 0 1.7,-3.7 4.8,4.8 0 0 0 -4.8,-4.8 4.8,4.8 0 0 0 -3,1.1 A 7.8,7.8 0 0 0 100,60 a 7.8,7.8 0 0 0 -3.9,6.8 4.8,4.8 0 0 0 -3,-1.1 4.8,4.8 0 0 0 -4.8,4.8 4.8,4.8 0 0 0 1.7,3.7 2.6,2.6 0 0 1 2.6,-2.6 2.6,2.6 0 0 1 2.6,2.6 V 95.2 H 74.1 a 2.6,2.6 0 0 1 -2.6,-2.6 2.6,2.6 0 0 1 2.6,-2.6 4.8,4.8 0 0 0 -3.7,-1.7 4.8,4.8 0 0 0 -4.8,4.8 4.8,4.8 0 0 0 1.1,3 A 7.8,7.8 0 0 0 60,100 a 7.8,7.8 0 0 0 6.8,3.9 4.8,4.8 0 0 0 -1.1,3 4.8,4.8 0 0 0 4.8,4.8 4.8,4.8 0 0 0 3.7,-1.7 2.6,2.6 0 0 1 -2.6,-2.6 2.6,2.6 0 0 1 2.6,-2.6 h 21.1 z"/></g>
<g id="crossPatonce" stroke-width=".5"><path d="m 100,60.1 a 8.8,8.8 0 0 0 -4.4,7.6 5.1,5.1 0 0 0 -8.8,0 64.8,64.7 0 0 1 8.5,27.7 64.8,64.7 0 0 1 -27.8,-8.5 5.1,5.1 0 0 0 0,8.8 A 8.8,8.8 0 0 0 60,100.1 a 8.8,8.8 0 0 0 7.6,4.4 5.1,5.1 0 0 0 0,8.8 64.8,64.7 0 0 1 27.8,-8.5 64.8,64.7 0 0 1 -8.5,27.7 5.1,5.1 0 0 0 8.8,0 8.8,8.8 0 0 0 4.4,7.6 8.8,8.8 0 0 0 4.4,-7.6 5.1,5.1 0 0 0 8.8,0 64.8,64.7 0 0 1 -8.5,-27.7 64.8,64.7 0 0 1 27.8,8.5 5.1,5.1 0 0 0 0,-8.8 8.8,8.8 0 0 0 7.6,-4.4 8.8,8.8 0 0 0 -7.6,-4.4 5.1,5.1 0 0 0 0,-8.8 64.8,64.7 0 0 1 -27.8,8.5 64.8,64.7 0 0 1 8.5,-27.7 5.1,5.1 0 0 0 -8.8,0 8.8,8.8 0 0 0 -4.4,-7.6 z" /></g>
<g id="crossPommy" stroke-width=".5"><path d="M 95.8,104.2 H 76 a 8.5,8.5 0 1 1 0,-8.5 H 95.8 V 75.9 a 8.5,8.5 0 1 1 8.5,0 V 95.7 H 124 a 8.5,8.5 0 1 1 0,8.5 H 104.2 V 124 a 8.5,8.5 0 1 1 -8.5,0 z" /></g>
<g id="crossGamma" stroke-width=".5"><path d="m 95,60 h 22 v 10 h -12 v 25 h 35 v 22 h -10 v -12 h -25 v 35 H 83 V 130 H 95 V 105 H 60 V 83 h 10 v 12 h 25 z" /></g>
<g id="crossArrowed" stroke-width=".5"><path d="M 100 60 L 84 76 L 92 76 L 92 92 L 76 92 L 76 84 L 60 100 L 76 116 L 76 108 L 92 108 L 92 124 L 84 124 L 100 140 L 116 124 L 108 124 L 108 108 L 124 108 L 124 116 L 140 100 L 124 84 L 124 92 L 108 92 L 108 76 L 116 76 L 100 60 z " /></g>
<g id="crossFitchy" stroke-width=".5"><path d="M 90,90 V 70 l 10,-10 10,10 v 20 h 20 l 10,10 -10,10 h -20 v 20 L 100,140 90,130 V 110 H 70 L 60,100 70,90 Z" /></g>
<g id="crossCercelee" stroke-width=".5"><path d="m 133,100.05 c 3.59,-0.26 6.43,-4.77 6.43,-10.24 0,-5.65 -3.02,-10.24 -6.73,-10.24 h -5.73 c 2.36,0 4.28,3.24 4.28,7.26 0,4.03 -1.92,7.26 -4.28,7.26 h -20.94 V 73.14 c 0,-2.36 3.28,-4.29 7.26,-4.29 3.98,0 7.26,1.93 7.26,4.29 v -5.73 c 0,-3.72 -4.59,-6.74 -10.23,-6.74 -5.47,0 -9.97,2.84 -10.23,6.43 -0.26,-3.59 -4.77,-6.43 -10.23,-6.43 -5.64,0 -10.23,3.02 -10.23,6.74 v 5.73 c 0,-2.36 3.24,-4.29 7.26,-4.29 4.02,0 7.26,1.93 7.26,4.29 V 94.1 H 73.19 c -2.36,0 -4.28,-3.28 -4.28,-7.26 0,-3.98 1.92,-7.26 4.28,-7.26 h -5.73 c -3.72,0 -6.73,4.59 -6.73,10.24 0,5.47 2.84,9.98 6.43,10.24 -3.59,0.26 -6.43,4.77 -6.43,10.24 0,5.65 3.02,10.24 6.73,10.24 h 5.73 c -2.36,0 -4.28,-3.24 -4.28,-7.26 0,-4.03 1.92,-7.26 4.28,-7.26 h 20.94 v 20.96 c 0,2.36 -3.28,4.29 -7.26,4.29 -3.98,0 -7.26,-1.93 -7.26,-4.29 v 5.73 c 0,3.72 4.59,6.74 10.23,6.74 5.47,0 9.93,-2.84 10.23,-6.43 0.26,3.59 4.77,6.43 10.23,6.43 5.64,0 10.23,-3.02 10.23,-6.74 v -5.73 c 0,2.36 -3.24,4.29 -7.26,4.29 -4.02,0 -7.26,-1.93 -7.26,-4.29 v -20.96 h 20.94 c 2.36,0 4.28,3.28 4.28,7.26 0,3.98 -1.92,7.26 -4.28,7.26 h 5.73 c 3.72,0 6.73,-4.59 6.73,-10.24 0,-5.47 -2.84,-9.98 -6.43,-10.24 z"/></g>
<g id="crossMoline" stroke-width=".5"><path d="m 104.3,74.9 c 0,-6.4 2.7,-11.4 5.1,-14.8 -4.1,0 -7.2,2 -9.4,4.9 -2.2,-2.9 -5.3,-4.9 -9.4,-4.9 2.5,3.4 5.1,8.4 5.1,14.8 V 95.7 H 74.9 c -6.4,0 -11.3,-2.7 -14.8,-5.1 0,4.1 2,7.2 4.9,9.4 -2.9,2.2 -4.9,5.4 -4.9,9.4 3.4,-2.5 8.3,-5.1 14.8,-5.1 h 20.8 v 20.9 c 0,6.4 -2.7,11.4 -5.1,14.8 4.1,0 7.2,-2 9.4,-4.9 2.2,2.9 5.3,4.9 9.4,4.9 -2.5,-3.4 -5.1,-8.4 -5.1,-14.8 v -20.9 h 20.8 c 6.4,0 11.3,2.7 14.8,5.1 0,-4.1 -2,-7.2 -4.9,-9.4 2.9,-2.2 4.9,-5.4 4.9,-9.4 -3.4,2.5 -8.3,5.1 -14.8,5.1 h -20.8 z" /></g>
<g id="crossFourchy" stroke-width=".5"><path d="M 95,105 H 76 c -1,0 -3,0 -4,1 l -7,5 -3,-5 9,-6 -9,-6 3,-5 7,5 c 1,1 3,1 4,1 H 95 V 75 c 0,-1 0,-3 -1,-4 l -5,-8 5,-3 6,9 6,-9 5,4 -5,8 c -1,1 -1,3 -1,4 v 20 h 20 c 1,0 3,0 4,-1 l 7,-5 3,5 -9,6 9,6 -3,5 -7,-5 c -1,-1 -3,-1 -4,-1 h -20 v 18 c 0,1 0,3 1,4 l 5,8 -5,4 -6,-9 -6,9 -5,-4 5,-8 c 1,-1 1,-3 1,-4 z" /></g>
<g id="crossAvellane" stroke-width=".5"><path d="m 99.9,60 c -1.8,0 -2.4,3.2 -4.2,3.5 -2.6,0.5 -4.9,-3.2 -7.6,-2.4 -2.6,0.7 -5,3 -6.4,6.3 1.9,-2 4.3,-2.6 6.5,-1.6 2.2,0.9 4.1,3.3 5,6.4 0.3,1.2 0.1,2.5 -0.5,3.5 -0.8,1.8 -1.3,6 -1.3,8.1 0,6.6 2,9.8 7.6,10.2 -2.8,0.3 -4.7,2.1 -5,5 -0.3,-5.6 -3.6,-7.5 -10.3,-7.5 -2.1,0 -6.3,0.4 -8.1,1.3 -1,0.6 -2.3,0.8 -3.5,0.5 -3.1,-0.9 -5.5,-2.7 -6.4,-4.9 -0.9,-2.2 -0.3,-4.6 1.6,-6.5 -3.3,1.4 -5.6,3.7 -6.3,6.4 -0.7,2.6 2.9,4.9 2.4,7.5 -0.3,1.7 -3.2,2.3 -3.2,4.1 0,1.8 2.9,2.5 3.2,4.3 0.4,2.6 -3.1,4.9 -2.4,7.5 0.7,2.6 3,4.9 6.3,6.4 -1.9,-1.9 -2.5,-4.2 -1.7,-6.4 0.9,-2.2 3.2,-4 6.2,-5 1.2,-0.3 2.6,-0.2 3.6,0.4 1.8,0.9 6.1,1.3 8.2,1.3 6.6,0 10.1,-1.8 10.4,-7.4 0.2,2.9 2.1,4.7 5,5 -5.6,0.3 -7.7,3.4 -7.7,10.1 0,2.1 0.4,6.3 1.3,8.1 0.6,1 0.8,2.3 0.5,3.5 -0.9,3.1 -2.7,5.5 -5,6.4 -2.2,0.9 -4.6,0.3 -6.5,-1.6 1.4,3.3 3.7,5.6 6.4,6.3 2.6,0.7 5,-2.9 7.6,-2.4 1.8,0.3 2.5,3.3 4.2,3.3 1.8,0 2.4,-3 4.2,-3.3 2.6,-0.5 4.9,3.2 7.6,2.4 2.6,-0.7 5,-3 6.4,-6.3 -1.9,1.9 -4.2,2.6 -6.4,1.7 -2.2,-0.9 -4,-3.2 -5,-6.2 -0.3,-1.2 -0.2,-2.6 0.4,-3.6 0.9,-1.8 1.3,-6.1 1.3,-8.2 0,-6.6 -1.7,-9.8 -7.3,-10.2 2.8,-0.3 4.7,-2.1 5,-5 0.3,5.6 3.3,7.5 10,7.5 2.1,0 6.4,-0.5 8.2,-1.3 1,-0.6 2.4,-0.7 3.6,-0.4 3,0.9 5.3,2.7 6.2,5 0.9,2.2 0.3,4.6 -1.7,6.4 3.3,-1.4 5.6,-3.7 6.3,-6.4 0.7,-2.6 -2.9,-4.9 -2.4,-7.5 0.3,-1.8 3.4,-2.6 3.4,-4.4 0,-1.7 -3,-2.3 -3.4,-4 -0.5,-2.6 3.1,-4.9 2.4,-7.5 -0.7,-2.6 -3,-4.9 -6.3,-6.4 2,1.9 2.6,4.3 1.6,6.5 -0.9,2.2 -3.3,4.1 -6.4,4.9 -1.2,0.3 -2.5,0.1 -3.5,-0.5 -1.8,-0.8 -6,-1.3 -8.1,-1.3 -6.6,0 -9.6,1.8 -9.9,7.4 -0.2,-2.8 -2.1,-4.7 -5,-5 5.6,-0.3 7.2,-3.4 7.2,-10.1 0,-2.1 -0.5,-6.4 -1.3,-8.2 -0.5,-1 -0.7,-2.4 -0.4,-3.6 0.9,-3 2.7,-5.3 5,-6.2 2.2,-0.9 4.6,-0.3 6.4,1.7 -1.4,-3.3 -3.7,-5.6 -6.4,-6.3 -2.6,-0.7 -5,2.9 -7.6,2.4 -1.8,-0.4 -2.3,-3.5 -4.2,-3.5 z"/></g>
<g id="crossErminee" stroke-width=".5"><path d="m 100.1,60 c -1.6,2.1 -3.2,4.1 -4,6.7 -1.7,-2.2 -6.5,-3.4 -9.2,-3.2 5,4.7 9.5,9.2 13.2,30.9 3.7,-21.7 8.2,-26.2 13.2,-30.9 -2.8,-0.3 -7.5,1 -9.2,3.2 C 103.2,64.1 101.6,62.1 100.1,60 Z M 63.6,86.8 c -0.3,2.8 1,7.5 3.2,9.2 -2.5,0.8 -4.6,2.4 -6.7,4 2.1,1.6 4.1,3.2 6.7,4 -2.2,1.7 -3.4,6.5 -3.2,9.2 4.7,-5 9.2,-9.5 30.9,-13.2 -21.7,-3.7 -26.2,-8.2 -30.9,-13.2 z m 72.9,0 c -4.7,5 -9.2,9.5 -30.9,13.2 21.7,3.7 26.2,8.2 30.9,13.2 0.3,-2.8 -1,-7.5 -3.2,-9.2 2.5,-0.8 4.6,-2.4 6.7,-4 -2.1,-1.6 -4.1,-3.2 -6.7,-4 2.2,-1.7 3.4,-6.5 3.2,-9.2 z m -43.2,3.4 c -1.7,0 -3.1,1.4 -3.1,3.1 0,1.7 1.4,3.1 3.1,3.1 1.7,0 3.1,-1.4 3.1,-3.1 0,-1.7 -1.4,-3.1 -3.1,-3.1 z m 13.5,0 c -1.7,0 -3.1,1.4 -3.1,3.1 0,1.7 1.4,3.1 3.1,3.1 1.7,0 3.1,-1.4 3.1,-3.1 0,-1.7 -1.4,-3.1 -3.1,-3.1 z m -6.8,6.8 c -1.7,0 -3.1,1.4 -3.1,3.1 0,1.7 1.4,3.1 3.1,3.1 1.7,0 3.1,-1.4 3.1,-3.1 0,-1.7 -1.4,-3.1 -3.1,-3.1 z m -6.7,6.8 c -1.7,0 -3.1,1.4 -3.1,3.1 0,1.7 1.4,3.1 3.1,3.1 1.7,0 3.1,-1.4 3.1,-3.1 0,-1.7 -1.4,-3.1 -3.1,-3.1 z m 13.5,0 c -1.7,0 -3.1,1.4 -3.1,3.1 0,1.7 1.4,3.1 3.1,3.1 1.7,0 3.1,-1.4 3.1,-3.1 0,-1.7 -1.4,-3.1 -3.1,-3.1 z m -6.8,2 c -3.7,21.7 -8.2,26.2 -13.2,30.9 2.8,0.3 7.5,-1 9.2,-3.2 0.8,2.5 2.4,4.6 4,6.7 1.6,-2.1 3.2,-4.1 4,-6.7 1.7,2.2 6.5,3.4 9.2,3.2 -5,-4.7 -9.5,-9.2 -13.2,-30.9 z"/></g>
<g id="crossMaltese" stroke-width=".5"><path d="m 98,98 -15,-38 17,11 17,-11 -15,38 38,-15 -11,17 11,17 -38,-15 15,38 -17,-11 -17,11 15,-38 -38,15 11,-17 -11,-17 z" /></g>
<g id="crossCeltic" stroke-width=".5"><path d="M 96.7 60 L 96.7 73 C 84.4 74.5 74.5 84.2 73 96.7 L 60 96.7 L 60 103.3 L 73 103.3 C 74.5 115.8 84.4 125.5 96.7 127 L 96.7 140 L 103.3 140 L 103.3 127 C 115.7 125.4 125.4 115.7 126.9 103.3 L 140 103.3 L 140 96.7 L 126.9 96.7 C 125.4 84.3 115.7 74.6 103.3 73 L 103.3 60 L 96.7 60 z M 96.7 79.6 L 96.7 96.7 L 79.7 96.7 C 81.1 87.8 88 81 96.7 79.6 z M 103.3 79.7 C 112.1 81.1 118.9 87.9 120.3 96.7 L 103.3 96.7 L 103.3 79.7 z M 79.7 103.3 L 96.7 103.3 L 96.7 120.4 C 88 119 81.1 112.2 79.7 103.3 z M 103.3 103.3 L 120.3 103.3 C 118.9 112.1 112.1 118.9 103.3 120.3 L 103.3 103.3 z" /></g>
<g id="crossOccitan" stroke-width=".5"><path d="m 100,60 a 3,3 0 0 0 -3,3 3,3 0 0 0 1.8,2.7 l 0,0 c -1.9,2.4 -5.9,6.4 -12.7,7.4 h 0 a 3,3 0 0 0 0,-0.1 3,3 0 0 0 -3,-3 3,3 0 0 0 -3,3 3,3 0 0 0 3,3 3,3 0 0 0 2.4,-1.2 l 0,0 c 2,2.3 7.3,9.2 8.8,19.3 C 84.2,92.6 77.3,87.3 75,85.3 l 0,0 a 3,3 0 0 0 1.2,-2.4 3,3 0 0 0 -3,-3 3,3 0 0 0 -3,3 3,3 0 0 0 3,3 3,3 0 0 0 0.1,0 l 0,0 c -1.1,6.8 -5,10.9 -7.4,12.8 l 0,0 a 3,3 0 0 0 -2.7,-1.8 3,3 0 0 0 -3,3 3,3 0 0 0 3,3 3,3 0 0 0 2.7,-1.8 l 0,0 c 2.4,1.9 6.3,5.9 7.4,12.8 v 0 a 3,3 0 0 0 -0.1,0 3,3 0 0 0 -3,3 3,3 0 0 0 3,3 3,3 0 0 0 3,-3 3,3 0 0 0 -1.2,-2.4 l 0,0 c 2.3,-2 9.2,-7.3 19.2,-8.8 -1.4,10.1 -6.7,17 -8.8,19.3 l 0,0 a 3,3 0 0 0 -2.4,-1.2 3,3 0 0 0 -3,3 3,3 0 0 0 3,3 3,3 0 0 0 3,-3 3,3 0 0 0 0,-0.1 h 0 c 6.8,1.1 10.8,5 12.7,7.4 l 0,0 a 3,3 0 0 0 -1.8,2.7 3,3 0 0 0 3,3 3,3 0 0 0 3,-3 A 3,3 0 0 0 101.1,134 l 0,0 c 1.9,-2.4 5.9,-6.4 12.7,-7.4 h 0 a 3,3 0 0 0 0,0.1 3,3 0 0 0 3,3 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 3,3 0 0 0 -2.4,1.2 l 0,0 c -2,-2.3 -7.3,-9.2 -8.8,-19.3 10,1.5 16.9,6.8 19.2,8.8 l 0,0 a 3,3 0 0 0 -1.2,2.4 3,3 0 0 0 3,3 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 3,3 0 0 0 -0.1,0 v 0 c 1.1,-6.8 5,-10.9 7.4,-12.8 l 0,0 a 3,3 0 0 0 2.7,1.8 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 A 3,3 0 0 0 134,98.7 l 0,0 c -2.4,-1.9 -6.3,-5.9 -7.4,-12.8 l 0,0 a 3,3 0 0 0 0.1,0 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 3,3 0 0 0 -3,3 3,3 0 0 0 1.2,2.4 l 0,0 c -2.3,2 -9.2,7.3 -19.2,8.8 1.4,-10.1 6.7,-17 8.8,-19.3 l 0,0 a 3,3 0 0 0 2.4,1.2 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 3,3 0 0 0 -3,3 3,3 0 0 0 0,0.1 h 0 c -6.8,-1.1 -10.8,-5 -12.7,-7.4 l 0,0 A 3,3 0 0 0 102.9,63 3,3 0 0 0 100,60 a 3,3 0 0 0 0,0 z m 0,10 c 4.2,4.6 9,5.7 9,5.7 -5.6,6.7 -6.9,17.2 -7.2,22.4 5.2,-0.3 15.6,-1.6 22.3,-7.2 0,0 1.1,4.7 5.6,9 -4.6,4.3 -5.6,9 -5.6,9 -6.7,-5.7 -17.1,-6.9 -22.3,-7.2 0.3,5.2 1.6,15.7 7.2,22.4 0,0 -4.7,1.1 -9,5.7 -4.2,-4.6 -9,-5.7 -9,-5.7 5.6,-6.7 6.9,-17.2 7.2,-22.4 -5.2,0.3 -15.6,1.6 -22.3,7.2 0,0 -1.1,-4.7 -5.6,-9 4.6,-4.3 5.6,-9 5.6,-9 6.7,5.7 17.1,6.9 22.3,7.2 -0.3,-5.2 -1.6,-15.7 -7.2,-22.4 0,0 4.7,-1.1 9,-5.7 z"/></g>
<g id="crossSaltire" stroke-width=".5"><path d="m 71.83,65.17 -6.66,6.66 28.17,28.17 -28.17,28.17 6.66,6.66 28.17,-28.17 28.17,28.17 6.66,-6.66 L 106.66,100 134.83,71.83 128.17,65.17 100,93.34 Z" /></g>
<g id="crossTau" stroke-width=".5"><path d="M 83.1,140 C 96.3,116.9 92.9,81.8 92.9,81.8 80.9,80.1 60,90.3 60,90.3 60,90.3 67.1,77.6 67.1,60 83.1,70.1 116.9,70.1 132.9,60 132.9,77.6 140,90.3 140,90.3 c 0,0 -20.9,-10.2 -32.9,-8.5 0,0 -3.4,35.1 9.9,58.2 -11.4,-5.3 -24,-4.8 -33.9,0 z" /></g>
<!-- Loaded charges -->
</g>
<g id="coas">
<!-- coas svg -->
</g>
</defs>
</svg>
<!-- <script src="libs/translate.js"></script> -->
<script src="libs/jquery-3.1.1.min.js"></script>
<script src="libs/d3.min.js"></script>
@ -3759,6 +4337,8 @@
<script defer src="modules/ui/regiments-overview.js"></script>
<script defer src="modules/ui/regiment-editor.js"></script>
<script defer src="modules/ui/battle-screen.js"></script>
<script defer src="modules/coa-renderer.js"></script>
<script defer src="modules/ui/coa-editor.js"></script>
<script defer src="modules/ui/editors.js"></script>
<script defer src="modules/ui/3d.js"></script>
<script defer src="libs/rgbquant.js"></script>

50
modules/coa-generator.js
View file

@ -158,14 +158,14 @@
head: {e: 1},
headWreathed: {e: 1}
};
const lines = {
straight: 50, wavy: 8, engrailed: 4, invecked: 3, rayonne: 3, embattled: 1, raguly: 1, urdy: 1, dancetty: 1, indented: 2,
dentilly: 1, bevilled: 1, angled: 1, flechy: 1, barby: 1, enclavy: 1, escartely: 1, arched: 2, archedReversed: 1, nowy: 1, nowyReversed: 1,
embattledGhibellin: 1, embattledNotched: 1, embattledGrady: 1, dovetailedIndented: 1, dovetailed: 1,
potenty: 1, potentyDexter: 1, potentySinister: 1, nebuly: 2, seaWaves: 1, dragonTeeth: 1, firTrees: 1
};
const divisions = {
variants: { perPale: 5, perFess: 5, perBend: 2, perBendSinister: 1, perChevron: 1, perChevronReversed: 1, perCross: 5, perPile: 1, perSaltire: 1, gyronny: 1, chevronny: 1 },
perPale: lines,
@ -177,7 +177,7 @@
perCross: { straight: 20, wavy: 5, engrailed: 4, invecked: 3, rayonne: 1, embattled: 1, raguly: 1, urdy: 1, indented: 2, dentilly: 1, bevilled: 1, angled: 1, embattledGhibellin: 1, embattledGrady: 1, dovetailedIndented: 1, dovetailed: 1, potenty: 1, potentyDexter: 1, potentySinister: 1, nebuly: 1 },
perPile: lines
};
const ordinaries = {
lined: {
pale: 7, fess: 5, bend: 3, bendSinister: 2, chief: 5, bar: 2, gemelle: 1, fessCotissed: 1, fessDoubleCotissed: 1,
@ -194,6 +194,14 @@
TIME && console.time("generateCOA");
let usedPattern = null, usedTinctures = [];
// TODO
// seafaring
// stringify coa on save and load
// regenerateAll
// generate on new item creation
// shields for cultures
// old versions auti migration
const t1 = parent && P(.25) ? parent.t1 : getTincture("field");
const coa = {t1};
@ -285,7 +293,7 @@
division === "perBend" ? ["l", "m"] :
["j", "o"]; // perBendSinister
coa.charges[0].p = p1;
const charge = selectCharge(charges.single);
const t = getTincture("charge", usedTinctures, coa.division.t);
coa.charges.push({charge, t, p: p2});
@ -293,28 +301,28 @@
else if (["perCross", "perSaltire"].includes(division) && P(.5)) { // place 4 charges in division standard positions
const [p1, p2, p3, p4] = division === "perCross" ? ["j", "l", "m", "o"] : ["b", "d", "f", "h"];
coa.charges[0].p = p1;
const c2 = selectCharge(charges.single);
const t2 = getTincture("charge", [], coa.division.t);
const c3 = selectCharge(charges.single);
const t3 = getTincture("charge", [], coa.division.t);
const c4 = selectCharge(charges.single);
const t4 = getTincture("charge", [], coa.t1);
coa.charges.push({charge: c2, t: t2, p: p2}, {charge: c3, t: t3, p: p3}, {charge: c4, t: t4, p: p4});
}
else if (allowCounter && p.length > 1) coa.charges[0].divided = "counter"; // counterchanged, 40%
}
coa.charges.forEach(c => defineChargeAttributes(c));
function defineChargeAttributes(c) {
// define size
c.size = (c.size || 1) * getSize(c.p, ordinary, division);
// clean-up position
c.p = [...new Set(c.p)].join("");
// define orientation
if (P(.02) && charges.sinister.includes(c.charge)) c.sinister = 1;
if (P(.02) && charges.reversed.includes(c.charge)) c.reversed = 1;
@ -329,21 +337,21 @@
// select tincture: element type (field, division, charge), used field tinctures, field type to follow RoT
function getTincture(element, fields = [], RoT) {
const base = RoT ? RoT.includes("-") ? RoT.split("-")[1] : RoT : null;
let type = rw(tinctures[element]); // metals, colours, stains, patterns
if (RoT && type !== "patterns") type = getType(base) === "metals" ? "colours" : "metals"; // follow RoT
if (type === "metals" && fields.includes("or") && fields.includes("argent")) type = "colours"; // exclude metals overuse
let tincture = rw(tinctures[type]);
while (tincture === base || fields.includes(tincture)) {tincture = rw(tinctures[type]);} // follow RoT
if (type !== "patterns" && element !== "charge") usedTinctures.push(tincture); // add field tincture
if (type === "patterns") {
usedPattern = tincture;
tincture = definePattern(tincture, element);
}
return tincture;
}
@ -361,7 +369,7 @@
else if (P(.05)) size = "-smaller";
else if (P(.035)) size = "-big";
else if (P(.001)) size = "-smallest";
// apply standard tinctures
if (P(.5) && ["vair", "vairInPale", "vairEnPointe"].includes(pattern)) {t1 = "azure"; t2 = "argent";}
else if (P(.8) && pattern === "ermine") {t1 = "argent"; t2 = "sable";}
@ -381,24 +389,24 @@
else if (P(.15)) {t1 = "gules"; t2 = "argent";}
}
else if (pattern === "semy") pattern += "_of_" + selectCharge(charges.semy);
if (!t1 || !t2) {
const startWithMetal = P(.7);
t1 = startWithMetal ? rw(tinctures.metals) : rw(tinctures.colours);
t2 = startWithMetal ? rw(tinctures.colours) : rw(tinctures.metals);
}
// division should not be the same tincture as base field
if (element === "division") {
if (usedTinctures.includes(t1)) t1 = replaceTincture(t1);
if (usedTinctures.includes(t2)) t2 = replaceTincture(t2);
}
usedTinctures.push(t1, t2);
return `${pattern}-${t1}-${t2}${size}`;
}
function replaceTincture(t, n) {
const type = getType(t);
while (!n || n === t) {n = rw(tinctures[type]);}

887
modules/coa-renderer.js Normal file
View file

@ -0,0 +1,887 @@
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global.COArenderer = factory());
}(this, (function () {'use strict';
const colors = {
argent: "#fafafa",
or: "#ffe066",
gules: "#d7374a",
sable: "#333333",
azure: "#377cd7",
vert: "#26c061",
purpure: "#522d5b",
murrey: "#85185b",
sanguine: "#b63a3a",
tenné: "#cc7f19"
}
const shieldPositions = {
// shield-specific position: [x, y] (relative to center)
heater: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-43.75, 0], e: [0, 0], f: [43.75, 0],
g: [-32.25, 37.5], h: [0, 50], i: [32.25, 37.5],
y: [-50, -50], z: [0, 62.5],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-30, 30], n: [0, 42.5], o: [30, 30],
p: [-37.5, 0], q: [37.5, 0],
A: [-66.2, -66.6], B: [-22, -66.6], C: [22, -66.6], D: [66.2, -66.6],
K: [-66.2, -20], E: [66.2, -20],
J: [-55.5, 26], F: [55.5, 26],
I: [-33, 62], G: [33, 62],
H: [0, 89.5]
},
spanish: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-43.75, 0], e: [0, 0], f: [43.75, 0],
g: [-43.75, 50], h: [0, 50], i: [43.75, 50],
y: [-50, -50], z: [0, 50],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-37.5, 37.5], n: [0, 37.5], o: [37.5, 37.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-66.2, -66.6], B: [-22, -66.6], C: [22, -66.6], D: [66.2, -66.6],
K: [-66.4, -20], E: [66.4, -20],
J: [-66.4, 26], F: [66.4, 26],
I: [-49, 70], G: [49, 70],
H: [0, 92]
},
french: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-43.75, 0], e: [0, 0], f: [43.75, 0],
g: [-43.75, 50], h: [0, 50], i: [43.75, 50],
y: [-50, -50], z: [0, 65],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-37.5, 37.5], n: [0, 37.5], o: [37.5, 37.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-66.2, -66.6], B: [-22, -66.6], C: [22, -66.6], D: [66.2, -66.6],
K: [-66.4, -20], E: [66.4, -20],
J: [-66.4, 26], F: [66.4, 26],
I: [-65.4, 70], G: [65.4, 70],
H: [0, 89]
},
horsehead: {
a: [-43.75, -47.5], b: [0, -50], c: [43.75, -47.5],
d: [-35, 0], e: [0, 0], f: [35, 0],
h: [0, 50],
y: [-50, -50], z: [0, 55],
j: [-35, -35], k: [0, -40], l: [35, -35],
m: [-30, 30], n: [0, 40], o: [30, 30],
p: [-27.5, 0], q: [27.5, 0],
A: [-71, -52], B: [-24, -73], C: [24, -73], D: [71, -52],
K: [-62, -16], E: [62, -16],
J: [-39, 20], F: [39, 20],
I: [-33.5, 60], G: [33.5, 60],
H: [0, 91.5]
},
horsehead2: {
a: [-37.5, -47.5], b: [0, -50], c: [37.5, -47.5],
d: [-35, 0], e: [0, 0], f: [35, 0],
g: [-35, -47.5], h: [0, 50], i: [35, -47.5],
y: [-50, -50], z: [0, 55],
j: [-30, -30], k: [0, -40], l: [30, -30],
m: [-30, 30], n: [0, 40], o: [30, 30],
p: [-27.5, 0], q: [27.5, 0],
A: [-49, -39], B: [-22, -70], C: [22, -70], D: [49, -39],
K: [-51, -2], E: [51, -2],
J: [-38.5, 31], F: [38.5, 31],
I: [-35, 67], G: [35, 67],
H: [0, 85]
},
polish: {
a: [-35, -50], b: [0, -50], c: [35, -50],
d: [-40, 0], e: [0, 0], f: [40, 0],
g: [-37.5, 50], h: [0, 50], i: [37.5, 50],
y: [-50, -50], z: [0, 65],
j: [-27.5, -27.5], k: [0, -45], l: [27.5, -27.5],
m: [-27.5, 27.5], n: [0, 45], o: [27.5, 27.5],
p: [-32.5, 0], q: [32.5, 0],
A: [-48, -52], B: [-23, -80], C: [23, -80], D: [48, -52],
K: [-47, -10], E: [47, -10],
J: [-62, 32], F: [62, 32],
I: [-37, 68], G: [37, 68],
H: [0, 86]
},
hessen: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-43.75, 0], e: [0, 0], f: [43.75, 0],
g: [-43.75, 50], h: [0, 50], i: [43.75, 50],
y: [-50, -50], z: [0, 52.5],
j: [-40, -40], k: [0, -40], l: [40, -40],
m: [-40, 40], n: [0, 40], o: [40, 40],
p: [-40, 0], q: [40, 0],
A: [-69, -64], B: [-22, -76], C: [22, -76], D: [69, -64],
K: [-66.4, -20], E: [66.4, -20],
J: [-62, 26], F: [62, 26],
I: [-46, 70], G: [46, 70],
H: [0, 91.5]
},
swiss: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-43.75, 0], e: [0, 0], f: [43.75, 0],
g: [-32, 37.5], h: [0, 50], i: [32, 37.5],
y: [-50, -50], z: [0, 62.5],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-32, 32.5], n: [0, 42.5], o: [32, 32.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-66.2, -66.6], B: [-22, -66], C: [22, -66], D: [66.2, -66.6],
K: [-63, -20], E: [63, -20],
J: [-50, 26], F: [50, 26],
I: [-29, 62], G: [29, 62],
H: [0, 89.5]
},
boeotian: {
a: [-37.5, -47.5], b: [0, -47.5], c: [37.5, -47.5],
d: [-25, 0], e: [0, 0], f: [25, 0],
g: [-37.5, 47.5], h: [0, 47.5], i: [37.5, 47.5],
y: [-48, -48], z: [0, 60],
j: [-32.5, -37.5], k: [0, -45], l: [32.5, -37.5],
m: [-32.5, 37.5], n: [0, 45], o: [32.5, 37.5],
p: [-20, 0], q: [20, 0],
A: [-45, -55], B: [-20, -77], C: [20, -77], D: [45, -55],
K: [-59, -25], E: [59, -25],
J: [-58, 27], F: [58, 27],
I: [-39, 63], G: [39, 63],
H: [0, 81]
},
roman: {
a: [-40, -52.5], b: [0, -52.5], c: [40, -52.5],
d: [-40, 0], e: [0, 0], f: [40, 0],
g: [-40, 52.5], h: [0, 52.5], i: [40, 52.5],
y: [-42.5, -52.5], z: [0, 65],
j: [-30, -37.5], k: [0, -37.5], l: [30, -37.5],
m: [-30, 37.5], n: [0, 37.5], o: [30, 37.5],
p: [-30, 0], q: [30, 0],
A: [-51.5, -65], B: [-17, -75], C: [17, -75], D: [51.5, -65],
K: [-51.5, -21], E: [51.5, -21],
J: [-51.5, 21], F: [51.5, 21],
I: [-51.5, 65], G: [51.5, 65],
H: [-17, 75], L: [17, 75]
},
kite: {
b: [0, -65], e: [0, -15], h: [0, 35],
z: [0, 35], k: [0, -50], n: [0, 20],
p: [-20, -15], q: [20, -15],
A: [-38, -52], B: [-29, -78], C: [29, -78], D: [38, -52],
K: [-33, -20], E: [33, -20],
J: [-25, 11], F: [25, 11],
I: [-15, 42], G: [15, 42],
H: [0, 73], L: [0, -91]
},
oldFrench: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-43.75, 0], e: [0, 0], f: [43.75, 0],
g: [-37.5, 50], h: [0, 50], i: [37.5, 50],
y: [-50, -50], z: [0, 62.5],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-37.5, 37.5], n: [0, 45], o: [37.5, 37.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-66.2, -66.6], B: [-22, -66.6], C: [22, -66.6], D: [66.2, -66.6],
K: [-66.2, -20], E: [66.2, -20],
J: [-64, 26], F: [64, 26],
I: [-45, 62], G: [45, 62],
H: [0, 91],
},
renaissance: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-41.5, 0], e: [0, 0], f: [41.5, 0],
g: [-43.75, 50], h: [0, 50], i: [43.75, 50],
y: [-50, -50], z: [0, 62.5],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-37.5, 37.5], n: [0, 37.5], o: [37.5, 37.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-61, -55], B: [-23, -67], C: [23, -67], D: [61, -55],
K: [-55, -11], E: [55, -11],
J: [-65, 31], F: [65, 31],
I: [-45, 76], G: [45, 76],
H: [0, 87]
},
baroque: {
a: [-43.75, -45], b: [0, -45], c: [43.75, -45],
d: [-43.75, 0], e: [0, 0], f: [43.75, 0],
g: [-43.75, 50], h: [0, 50], i: [43.75, 50],
y: [-50, -50], z: [0, 60],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-37.5, 37.5], n: [0, 37.5], o: [37.5, 37.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-65, -54.5], B: [-22, -65], C: [22, -65], D: [65, -54.5],
K: [-58.5, -15], E: [58.5, -15],
J: [-65, 31], F: [66, 31],
I: [-35, 73], G: [35, 73],
H: [0, 89]
},
targe: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-43.75, 0], e: [0, 0], f: [43.75, 0],
g: [-43.75, 50], h: [0, 50], i: [43.75, 50],
y: [-50, -50], z: [0, 50],
j: [-40, -40], k: [0, -40], l: [40, -40],
m: [-40, 40], n: [0, 40], o: [40, 40],
p: [-32.5, 0], q: [32.5, 0],
A: [-66.2, -60], B: [-22, -77], C: [22, -86], D: [60, -66.6],
K: [-28, -20], E: [57, -20],
J: [-61, 26], F: [61, 26],
I: [-49, 63], G: [49, 59],
H: [0, 80]
},
targe2: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-40, 0], e: [0, 0], f: [40, 0],
g: [-43.75, 50], h: [0, 50], i: [43.75, 50],
y: [-50, -50], z: [0, 60],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-37.5, 37.5], n: [0, 37.5], o: [37.5, 37.5],
p: [-32.5, 0], q: [32.5, 0],
A: [-55, -59], B: [-15, -59], C: [24, -79], D: [51, -58],
K: [-40, -14], E: [51, -14],
J: [-64, 26], F: [62, 26],
I: [-46, 66], G: [48, 67],
H: [0, 83]
},
pavise: {
a: [-40, -52.5], b: [0, -52.5], c: [40, -52.5],
d: [-40, 0], e: [0, 0], f: [40, 0],
g: [-40, 52.5], h: [0, 52.5], i: [40, 52.5],
y: [-42.5, -52.5], z: [0, 60],
j: [-30, -35], k: [0, -37.5], l: [30, -35],
m: [-30, 35], n: [0, 37.5], o: [30, 35],
p: [-30, 0], q: [30, 0],
A: [-57, -55], B: [-22, -74], C: [22, -74], D: [57, -55],
K: [-54, -11], E: [54, -11],
J: [-50, 36], F: [50, 36],
I: [-46, 81], G: [46, 81],
H: [0, 81]
},
wedged: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-43.75, 0], e: [0, 0], f: [43.75, 0],
g: [-32.25, 37.5], h: [0, 50], i: [32.25, 37.5],
y: [-50, -50], z: [0, 62.5],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-32.5, 32.5], n: [0, 42.5], o: [32.5, 32.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-66, -53], B: [-22, -72.5], C: [22, -72.5], D: [66, -53],
K: [-62.6, -13], E: [62.6, -13],
J: [-50, 26], F: [50, 26],
I: [-27, 62], G: [27, 62],
H: [0, 87]
},
flag: {
a: [-60, -40], b: [0, -40], c: [60, -40],
d: [-60, 0], e: [0, 0], f: [60, 0],
g: [-60, 40], h: [0, 40], i: [60, 40],
y: [-60, -42.5], z: [0, 40],
j: [-45, -30], k: [0, -30], l: [45, -30],
m: [-45, 30], n: [0, 30], o: [45, 30],
p: [-45, 0], q: [45, 0],
A: [-81, -51], B: [-27, -51], C: [27, -51], D: [81, -51],
K: [-81, -17], E: [81, -17],
J: [-81, 17], F: [81, 17],
I: [-81, 51], G: [81, 51],
H: [-27, 51], L: [27, 51]
},
pennon: {
a: [-75, -40],
d: [-75, 0], e: [-25, 0], f: [25, 0],
g: [-75, 40],
y: [-70, -42.5],
j: [-60, -30],
m: [-60, 30],
p: [-60, 0], q: [5, 0],
A: [-81, -48], B: [-43, -36], C: [-4.5, -24], D: [33, -12],
E: [72, 0],
F: [33, 12], G: [-4.5, 24], H: [-43, 36], I: [-81, 48],
J: [-81, 17], K: [-81, -17]
},
guidon: {
a: [-60, -40], b: [0, -40], c: [60, -40],
d: [-60, 0], e: [0, 0],
g: [-60, 40], h: [0, 40], i: [60, 40],
y: [-60, -42.5], z: [0, 40],
j: [-45, -30], k: [0, -30], l: [45, -30],
m: [-45, 30], n: [0, 30], o: [45, 30],
p: [-45, 0],
A: [-81, -51], B: [-27, -51], C: [27, -51], D: [78, -51],
K: [-81, -17], E: [40.5, -17],
J: [-81, 17], F: [40.5, 17],
I: [-81, 51], G: [78, 51],
H: [-27, 51], L: [27, 51]
},
banner: {
a: [-50, -50], b: [0, -50], c: [50, -50],
d: [-50, 0], e: [0, 0], f: [50, 0],
g: [-50, 40], h: [0, 40], i: [50, 40],
y: [-50, -50], z: [0, 40],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-37.5, 27.5], n: [0, 27.5], o: [37.5, 27.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-66.5, -66.5], B: [-22, -66.5], C: [22, -66.5], D: [66.5, -66.5],
K: [-66.5, -20], E: [66.5, -20],
J: [-66.5, 26], F: [66.5, 26],
I: [-66.5, 66.5], G: [66.5, 66.5],
H: [-25, 75], L: [25, 75]
},
dovetail: {
a: [-49.75, -50], b: [0, -50], c: [49.75, -50],
d: [-49.75, 0], e: [0, 0], f: [49.75, 0],
g: [-49.75, 50], i: [49.75, 50],
y: [-50, -50], z: [0, 40],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-37.5, 37.5], n: [0, 32.5], o: [37.5, 37.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-66.5, -66.5], B: [-22, -66.5], C: [22, -66.5], D: [66.5, -66.5],
K: [-66.5, -16.5], E: [66.5, -16.5],
J: [-66.5, 34.5], F: [66.5, 34.5],
I: [-66.5, 84.5], G: [66.5, 84.5],
H: [-25, 64], L: [25, 64]
},
gonfalon: {
a: [-49.75, -50], b: [0, -50], c: [49.75, -50],
d: [-49.75, 0], e: [0, 0], f: [49.75, 0],
g: [-49.75, 50], h: [0, 50], i: [49.75, 50],
y: [-50, -50], z: [0, 50],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-37.5, 37.5], n: [0, 37.5], o: [37.5, 37.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-66.5, -66.5], B: [-22, -66.5], C: [22, -66.5], D: [66.5, -66.5],
K: [-66.5, -20], E: [66.5, -20],
J: [-66.5, 26], F: [66.5, 26],
I: [-40, 63], G: [40, 63],
H: [0, 88]
},
pennant: {
a: [-45, -50], b: [0, -50], c: [45, -50],
e: [0, 0], h: [0, 50],
y: [-50, -50], z: [0, 50],
j: [-32.5, -37.5], k: [0, -37.5], l: [32.5, -37.5],
n: [0, 37.5],
A: [-60, -76], B: [-22, -76], C: [22, -76], D: [60, -76],
K: [-46, -38], E: [46, -38],
J: [-31, 0], F: [31, 0],
I: [-16, 38], G: [16, 38],
H: [0, 76]
},
round: {
a: [-40, -47.5], b: [0, -47.5], c: [40, -47.5],
d: [-40, 0], e: [0, 0], f: [40, 0],
g: [-32.5, 47.5], h: [0, 47.5], i: [32.5, 47.5],
y: [-48, -48], z: [0, 57.5],
j: [-35.5, -35.5], k: [0, -37.5], l: [35.5, -35.5],
m: [-35.5, 35.5], n: [0, 37.5], o: [35.5, 35.5],
p: [-36.5, 0], q: [36.5, 0],
A: [-59, -48], B: [-23, -73], C: [23, -73], D: [59, -48],
K: [-76, -10], E: [76, -10],
J: [-70, 31], F: [70, 31],
I: [-42, 64], G: [42, 64],
H: [0, 77]
},
oval: {
a: [-37.5, -50], b: [0, -50], c: [37.5, -50],
d: [-43, 0], e: [0, 0], f: [43, 0],
g: [-37.5, 50], h: [0, 50], i: [37.5, 50],
y: [-48, -48], z: [0, 60],
j: [-35.5, -37.5], k: [0, -37.5], l: [35.5, -37.5],
m: [-35.5, 37.5], n: [0, 50], o: [35.5, 37.5],
p: [-36.5, 0], q: [36.5, 0],
A: [-48, -48], B: [-23, -78], C: [23, -78], D: [48, -48],
K: [-59, -10], E: [59, -10],
J: [-55, 31], F: [55, 31],
I: [-36, 68], G: [36, 68],
H: [0, 85]
},
vesicaPiscis: {
a: [-32, -37], b: [0, -50], c: [32, -37],
d: [-32, 0], e: [0, 0], f: [32, 0],
g: [-32, 37], h: [0, 50], i: [32, 37],
y: [-50, -50], z: [0, 62],
j: [-27.5, -27.5], k: [0, -37], l: [27.5, -27.5],
m: [-27.5, 27.5], n: [0, 42], o: [27.5, 27.5],
p: [-27.5, 0], q: [27.5, 0],
A: [-45, -32], B: [-29, -63], C: [29, -63], D: [45, -32],
K: [-50, 0], E: [50, 0],
J: [-45, 32], F: [45, 32],
I: [-29, 63], G: [29, 63],
H: [0, 89], L: [0, -89]
},
square: {
a: [-49.75, -50], b: [0, -50], c: [49.75, -50],
d: [-49.75, 0], e: [0, 0], f: [49.75, 0],
g: [-49.75, 50], h: [0, 50], i: [49.75, 50],
y: [-50, -50], z: [0, 50],
j: [-37.5, -37.5], k: [0, -37.5], l: [37.5, -37.5],
m: [-37.5, 37.5], n: [0, 37.5], o: [37.5, 37.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-66.5, -66.5], B: [-22, -66.5], C: [22, -66.5], D: [66.5, -66.5],
K: [-66.5, -20], E: [66.5, -20],
J: [-66.5, 26], F: [66.5, 26],
I: [-66.5, 66.5], G: [66.5, 66.5],
H: [-22, 66.5], L: [22, 66.5]
},
diamond: {
a: [-32, -37], b: [0, -50], c: [32, -37],
d: [-43, 0], e: [0, 0], f: [43, 0],
g: [-32, 37], h: [0, 50], i: [32, 37],
y: [-50, -50], z: [0, 62],
j: [-27.5, -27.5], k: [0, -37], l: [27.5, -27.5],
m: [-27.5, 27.5], n: [0, 42], o: [27.5, 27.5],
p: [-37, 0], q: [37, 0],
A: [-43, -28], B: [-22, -56], C: [22, -56], D: [43, -28],
K: [-63, 0], E: [63, 0],
J: [-42, 28], F: [42, 28],
I: [-22, 56], G: [22, 56],
H: [0, 83], L: [0, -82]
},
no: {
a: [-66.5, -66.5], b: [0, -66.5], c: [66.5, -66.5],
d: [-66.5, 0], e: [0, 0], f: [66.5, 0],
g: [-66.5, 66.5], h: [0, 66.5], i: [66.5, 66.5],
y: [-50, -50], z: [0, 75],
j: [-50, -50], k: [0, -50], l: [50, -50],
m: [-50, 50], n: [0, 50], o: [50, 50],
p: [-50, 0], q: [50, 0],
A: [-91.5, -91.5], B: [-30.5, -91.5], C: [30.5, -91.5], D: [91.5, -91.5],
K: [-91.5, -30.5], E: [91.5, -30.5],
J: [-91.5, 30.5], F: [91.5, 30.5],
I: [-91.5, 91.5], G: [91.5, 91.5],
H: [-30.5, 91.5], L: [30.5, 91.5]
},
fantasy1: {
a: [-45, -45], b: [0, -50], c: [45, -45],
d: [-40, 0], e: [0, 0], f: [40, 0],
g: [-36, 42.5], h: [0, 50], i: [36, 42.5],
y: [-50, -50], z: [0, 60],
j: [-37, -37], k: [0, -40], l: [37, -37],
m: [-32, 32], n: [0, 40], o: [32, 32],
p: [-28.5, 0], q: [28.5, 0],
A: [-66, -55], B: [-22, -67], C: [22, -67], D: [66, -55],
K: [-53, -20], E: [53, -20],
J: [-46, 26], F: [46, 26],
I: [-29, 62], G: [29, 62],
H: [0, 84]
},
fantasy2: {
a: [-45, -45], b: [0, -45], c: [45, -45],
d: [-35, 0], e: [0, 0], f: [35, 0],
g: [-36, 42.5], h: [0, 45], i: [36, 42.5],
y: [-50, -50], z: [0, 55],
j: [-32.5, -32.5], k: [0, -40], l: [32.5, -32.5],
m: [-30, 30], n: [0, 40], o: [30, 30],
p: [-27.5, 0], q: [27.5, 0],
A: [-58, -35], B: [-44, -67], C: [44, -67], D: [58, -35],
K: [-39, -5], E: [39, -5],
J: [-57, 26], F: [57, 26],
I: [-32, 58], G: [32, 58],
H: [0, 83], L: [0, -72]
},
fantasy3: {
a: [-40, -45], b: [0, -50], c: [40, -45],
d: [-35, 0], e: [0, 0], f: [35, 0],
g: [-36, 42.5], h: [0, 50], i: [36, 42.5],
y: [-50, -50], z: [0, 55],
j: [-32.5, -32.5], k: [0, -40], l: [32.5, -32.5],
m: [-30, 30], n: [0, 40], o: [30, 30],
p: [-27.5, 0], q: [27.5, 0],
A: [-56, -42], B: [-22, -72], C: [22, -72], D: [56, -42],
K: [-37, -11], E: [37, -11],
J: [-60, 20], F: [60, 20],
I: [-34, 56], G: [34, 56],
H: [0, 83]
},
fantasy4: {
a: [-50, -45], b: [0, -50], c: [50, -45],
d: [-45, 0], e: [0, 0], f: [45, 0],
g: [-40, 45], h: [0, 50], i: [40, 45],
y: [-50, -50], z: [0, 62.5],
j: [-37.5, -37.5], k: [0, -45], l: [37.5, -37.5],
m: [-37.5, 37.5], n: [0, 45], o: [37.5, 37.5],
p: [-35, 0], q: [35, 0],
A: [-75, -56], B: [-36, -61], C: [36, -61], D: [75, -56],
K: [-67, -12], E: [67, -12],
J: [-63, 32], F: [63, 32],
I: [-42, 75], G: [42, 75],
H: [0, 91.5], L: [0, -79]
},
fantasy5: {
a: [-45, -50], b: [0, -50], c: [45, -50],
d: [-40, 0], e: [0, 0], f: [40, 0],
g: [-30, 45], h: [0, 50], i: [30, 45],
y: [-50, -50], z: [0, 60],
j: [-37, -37], k: [0, -40], l: [37, -37],
m: [-32, 32], n: [0, 40], o: [32, 32],
p: [-28.5, 0], q: [28.5, 0],
A: [-61, -67], B: [-22, -76], C: [22, -76], D: [61, -67],
K: [-58, -25], E: [58, -25],
J: [-48, 20], F: [48, 20],
I: [-28.5, 60], G: [28.5, 60],
H: [0, 89]
},
noldor: {
b: [0, -65], e: [0, -15], h: [0, 35],
z: [0, 35], k: [0, -50], n: [0, 30],
p: [-20, -15], q: [20, -15],
A: [-34, -47], B: [-20, -68], C: [20, -68], D: [34, -47],
K: [-18, -20], E: [18, -20],
J: [-26, 11], F: [26, 11],
I: [-14, 43], G: [14, 43],
H: [0, 74], L: [0, -85]
},
gondor: {
a: [-32.5, -50], b: [0, -50], c: [32.5, -50],
d: [-32.5, 0], e: [0, 0], f: [32.5, 0],
g: [-32.5, 50], h: [0, 50], i: [32.5, 50],
y: [-42.5, -52.5], z: [0, 65],
j: [-25, -37.5], k: [0, -37.5], l: [25, -37.5],
m: [-25, 30], n: [0, 37.5], o: [25, 30],
p: [-25, 0], q: [25, 0],
A: [-42, -52], B: [-17, -75], C: [17, -75], D: [42, -52],
K: [-42, -15], E: [42, -15],
J: [-42, 22], F: [42, 22],
I: [-26, 60], G: [26, 60],
H: [0, 87]
},
easterling: {
a: [-40, -47.5], b: [0, -47.5], c: [40, -47.5],
d: [-40, 0], e: [0, 0], f: [40, 0],
g: [-40, 47.5], h: [0, 47.5], i: [40, 47.5],
y: [-42.5, -52.5], z: [0, 65],
j: [-30, -37.5], k: [0, -37.5], l: [30, -37.5],
m: [-30, 37.5], n: [0, 37.5], o: [30, 37.5],
p: [-30, 0], q: [30, 0],
A: [-52, -72], B: [0, -65], D: [52, -72],
K: [-52, -24], E: [52, -24],
J: [-52, 24], F: [52, 24],
I: [-52, 72], G: [52, 72],
H: [0, 65]
},
erebor: {
a: [-40, -40], b: [0, -55], c: [40, -40],
d: [-40, 0], e: [0, 0], f: [40, 0],
g: [-40, 40], h: [0, 55], i: [40, 40],
y: [-50, -50], z: [0, 50],
j: [-35, -35], k: [0, -45], l: [35, -35],
m: [-35, 35], n: [0, 45], o: [35, 35],
p: [-37.5, 0], q: [37.5, 0],
A: [-47, -46], B: [-22, -81], C: [22, -81], D: [47, -46],
K: [-66.5, 0], E: [66.5, 0],
J: [-47, 46], F: [47, 46],
I: [-22, 81], G: [22, 81]
},
ironHills: {
a: [-43.75, -50], b: [0, -50], c: [43.75, -50],
d: [-43.25, 0], e: [0, 0], f: [43.25, 0],
g: [-42.5, 42.5], h: [0, 50], i: [42.5, 42.5],
y: [-50, -50], z: [0, 62.5],
j: [-32.5, -32.5], k: [0, -40], l: [32.5, -32.5],
m: [-32.5, 32.5], n: [0, 40], o: [32.5, 32.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-61, -67], B: [-22, -74], C: [22, -74], D: [61, -67],
K: [-59, -20], E: [59, -20],
J: [-57, 26], F: [57, 26],
I: [-33, 64], G: [33, 64],
H: [0, 88]
},
urukHai: {
a: [-40, -45], b: [0, -45], c: [40, -45],
d: [-36, 0], e: [0, 0], f: [36, 0],
g: [-32.25, 40], h: [0, 40], i: [32.25, 40],
y: [-50, -50], z: [0, 40],
j: [-32.5, -32.5], k: [0, -37.5], l: [32.5, -32.5],
m: [-27.5, 27.5], n: [0, 32.5], o: [27.5, 27.5],
p: [-37.5, 0], q: [37.5, 0],
A: [-31, -79], B: [-1, -90], C: [31, -74], D: [61, -57],
K: [-55, -19], E: [53, -19],
J: [-45, 19], F: [45, 19],
I: [-33, 57], G: [35, 57],
H: [0, 57], L: [-39, -50]
},
moriaOrc: {
a: [-37.5, -37.5], b: [0, -37.5], c: [37.5, -37.5],
d: [-37.5, 0], e: [0, 0], f: [37.5, 0],
g: [-37.5, 37.5], h: [0, 37.5], i: [37.5, 37.5],
y: [-50, -50], z: [0, 40],
j: [-30, -30], k: [0, -30], l: [30, -30],
m: [-30, 30], n: [0, 30], o: [30, 30],
p: [-30, 0], q: [30, 0],
A: [-48, -48], B: [-16, -50], C: [16, -46], D: [39, -61],
K: [-52, -19], E: [52, -26],
J: [-42, 9], F: [52, 9],
I: [-31, 40], G: [40, 43],
H: [4, 47]
}
};
const shieldSize = {
horsehead: .9, horsehead2: .9, polish: .85, swiss: .95,
boeotian: .75, roman: .95, kite: .65, targe2: .9, pavise: .9, wedged: .95,
flag: .7, pennon: .5, guidon: .65, banner: .8, dovetail: .8, pennant: .6,
oval: .95, vesicaPiscis: .8, diamond: .8, no: 1.2,
fantasy1: .8, fantasy2: .7, fantasy3: .7, fantasy5: .9,
noldor: .5, gondor: .75, easterling: .8, erebor: .9, urukHai: .8, moriaOrc: .7
}
const shieldBox = {
heater: "0 10 200 200",
spanish: "0 10 200 200",
french: "0 10 200 200",
horsehead: "0 10 200 200",
horsehead2: "0 10 200 200",
polish: "0 0 200 200",
hessen: "0 5 200 200",
swiss: "0 10 200 200",
boeotian: "0 0 200 200",
roman: "0 0 200 200",
kite: "0 0 200 200",
oldFrench: "0 10 200 200",
renaissance: "0 5 200 200",
baroque: "0 10 200 200",
targe: "0 0 200 200",
targe2: "0 0 200 200",
pavise: "0 0 200 200",
wedged: "0 10 200 200",
flag: "0 0 200 200",
pennon: "2.5 0 200 200",
guidon: "2.5 0 200 200",
banner: "0 10 200 200",
dovetail: "0 10 200 200",
gonfalon: "0 10 200 200",
pennant: "0 0 200 200",
round: "0 0 200 200",
oval: "0 0 200 200",
vesicaPiscis: "0 0 200 200",
square: "0 0 200 200",
diamond: "0 0 200 200",
no: "0 0 200 200",
fantasy1: "0 0 200 200",
fantasy2: "0 5 200 200",
fantasy3: "0 5 200 200",
fantasy4: "0 5 200 200",
fantasy5: "0 0 200 200",
noldor: "0 0 200 200",
gondor: "0 5 200 200",
easterling: "0 0 200 200",
erebor: "0 0 200 200",
ironHills: "0 5 200 200",
urukHai: "0 0 200 200",
moriaOrc: "0 0 200 200"
}
async function draw(id, coa) {
const {division, ordinaries = [], charges = []} = coa;
const ordinariesRegular = ordinaries.filter(o => !o.above);
const ordinariesAboveCharges = ordinaries.filter(o => o.above);
const shieldPath = document.getElementById(coa.shield).querySelector("path").getAttribute("d");
const tDiv = division ? division.t.includes("-") ? division.t.split("-")[1] : division.t : null;
const positions = shieldPositions[coa.shield];
const sizeModifier = shieldSize[coa.shield] || 1;
const viewBox = shieldBox[coa.shield] || "0 0 200 200";
const coaDefs = document.getElementById("coaDefs");
const chargesGroup = coaDefs.querySelector("#charges");
let svg = `
<svg id="${id}" xmlns="http://www.w3.org/2000/svg" width=200 height=200 viewBox="${viewBox}">
<defs>
${division ? `<clipPath id="divisionClip_${id}">${getTemplate(division.division, division.line)}</clipPath>` : ''}
</defs>
<g clip-path="url(#${coa.shield})">
<rect x=0 y=0 width=200 height=200 fill="${clr(coa.t1)}"/>
${templateDivision()}
${templateAboveAll()}
</g>
<path d="${shieldPath}" fill="url(#backlight)" stroke="#333"/>
</svg>
`;
// insert coa svg to coaDefs
coaDefs.querySelector("#coas").insertAdjacentHTML("beforeend", svg);
// fetch charges
if (charges.length) {
const defs = document.getElementById(id).querySelector("defs");
const uniqueCharges = [...new Set(charges.map(charge => charge.charge))];
uniqueCharges.forEach(charge => fetchCharge(charge, defs));
}
function templateDivision() {
if (!division) return "";
let svg = "";
// In field part
for (const ordinary of ordinariesRegular) {
if (ordinary.divided === "field") svg += templateOrdinary(ordinary, ordinary.t); else
if (ordinary.divided === "counter") svg += templateOrdinary(ordinary, tDiv);
}
for (const charge of charges) {
if (charge.divided === "field") svg += templateCharge(charge, charge.t); else
if (charge.divided === "counter") svg += templateCharge(charge, tDiv);
}
for (const ordinary of ordinariesAboveCharges) {
if (ordinary.divided === "field") svg += templateOrdinary(ordinary, ordinary.t); else
if (ordinary.divided === "counter") svg += templateOrdinary(ordinary, tDiv);
}
// In division part
svg += `
<g clip-path="url(#divisionClip_${id})">
<rect x=0 y=0 width=200 height=200 fill="${clr(division.t)}"/>
`;
for (const ordinary of ordinariesRegular) {
if (ordinary.divided === "division") svg += templateOrdinary(ordinary, ordinary.t); else
if (ordinary.divided === "counter") svg += templateOrdinary(ordinary, coa.t1);
}
for (const charge of charges) {
if (charge.divided === "division") svg += templateCharge(charge, charge.t); else
if (charge.divided === "counter") svg += templateCharge(charge, coa.t1);
}
for (const ordinary of ordinariesAboveCharges) {
if (ordinary.divided === "division") svg += templateOrdinary(ordinary, ordinary.t); else
if (ordinary.divided === "counter") svg += templateOrdinary(ordinary, coa.t1);
}
return svg += `</g>`
}
function templateAboveAll() {
let svg = "";
ordinariesRegular.filter(o => !o.divided).forEach(ordinary => {
svg += templateOrdinary(ordinary, ordinary.t);
});
charges.filter(o => !o.divided || !division).forEach(charge => {
svg += templateCharge(charge, charge.t);
});
ordinariesAboveCharges.filter(o => !o.divided).forEach(ordinary => {
svg += templateOrdinary(ordinary, ordinary.t);
})
return svg;
}
function templateOrdinary(ordinary, tincture) {
const fill = clr(tincture);
let svg = `<g fill="${fill}" stroke="none">`;
if (ordinary.ordinary === "bordure") svg += `<path d="${shieldPath}" fill="none" stroke="${fill}" stroke-width="16.7%"/>`;
else if (ordinary.ordinary === "orle") svg += `<path d="${shieldPath}" fill="none" stroke="${fill}" stroke-width="5%" transform="scale(.85)" transform-origin="center">`;
else svg += getTemplate(ordinary.ordinary, ordinary.line);
return svg + `</g>`;
}
function templateCharge(charge, tincture) {
const fill = clr(tincture);
const chargePositions = [...new Set(charge.p)].filter(position => positions[position]);
let svg = "";
svg += `<g fill="${fill}" stroke="#000">`;
for (const p of chargePositions) {
const transform = getElTransform(charge, p);
svg += `<use href="#${charge.charge}_${id}" transform="${transform}" transform-origin="center"></use>`;
}
return svg + `</g>`;
function getElTransform(c, p) {
const [x, y] = positions[p];
const s = (c.size || 1) * sizeModifier;
const scale = c.sinister || c.reversed ? `${c.sinister ? "-" : ""}${s}, ${c.reversed ? "-" : ""}${s}` : s;
return `translate(${x} ${y}) scale(${scale})`;
}
}
// get color or link to pattern
function clr(tincture) {
if (colors[tincture]) return colors[tincture];
const pattern = document.getElementById(tincture);
if (!pattern) renderPattern(tincture);
return "url(#"+tincture+")";
}
function renderPattern(tincture) {
const [pattern, t1, t2, size] = tincture.split("-");
const semy = pattern.slice(0, 4) === "semy";
const template = document.getElementById(semy ? "semy" : pattern);
let html = template.innerHTML.replace(/{id}/, tincture);
const width = template.querySelector("pattern").getAttribute("width");
const height = template.querySelector("pattern").getAttribute("height");
if (t1) html = html.replace(/{c1}/g, clr(t1));
if (t2) html = html.replace(/{c2}/g, clr(t2));
document.getElementById("patterns").insertAdjacentHTML("beforeend", html);
if (semy) {
const charge = pattern.split("_of_")[1];
const el = document.getElementById(tincture);
fetch("https://azgaar.github.io/Armoria/charges/"+charge+".svg").then(res => {
if (res.ok) return res.text();
else throw new Error('Cannot fetch charge');
}).then(text => {
const html = document.createElement("html");
html.innerHTML = text;
el.innerHTML = el.innerHTML.replace(/<charge>/g, html.querySelector("g").outerHTML);
});
}
if (size) {
let mod = 1;
if (size === "small") mod = .5;
if (size === "smaller") mod = .25;
if (size === "smallest") mod = .125;
if (size === "big") mod = 2;
const el = document.getElementById(tincture);
el.setAttribute("width", width * mod);
el.setAttribute("height", height * mod);
}
}
function getTemplate(templateId, lineId) {
if (!lineId) return document.getElementById(templateId)?.innerHTML;
const template = document.getElementById(templateId);
const line = document.getElementById(lineId) ? document.getElementById(lineId) : document.getElementById("straight");
return template.innerHTML.replace(/{line}/g, line.getAttribute("d")).replace(/dpath/g, "d");
}
function fetchCharge(charge, defs) {
if (charge === "inescutcheon") {
const g = `<g id="inescutcheon_${id}"><path transform="scale(.33)" transform-origin="center" d="${shieldPath}"/></g>`;
defs.insertAdjacentHTML("beforeend", g);
return;
}
fetch("https://azgaar.github.io/Armoria/charges/"+charge+".svg").then(res => {
if (res.ok) return res.text();
else throw new Error('Cannot fetch charge');
}).then(text => {
const el = document.createElement("html");
el.innerHTML = text;
const g = el.querySelector("g");
g.id = charge + "_" + id;
defs.insertAdjacentHTML("beforeend", g.outerHTML);
});
}
}
// async render coa if it does not exist
const trigger = function(id, coa) {
if (!document.getElementById(id)) draw(id, coa);
}
return {trigger};
})));

2
modules/save-and-load.js
View file

@ -423,7 +423,7 @@ async function quickSave() {
if (customization) {tip("Map cannot be saved when edit mode is active, please exit the mode and retry", false, "error"); return;}
const blob = await getMapData();
if (blob) ldb.set("lastMap", blob); // auto-save map
tip("Map is saved to browser memory", true, "success", 2000);
tip("Map is saved to browser memory. Please also save as .map file to secure progress", true, "success", 2000);
}
function quickLoad() {

108
modules/ui/coa-editor.js Normal file
View file

@ -0,0 +1,108 @@
"use strict";
function editEmblem(type, id, el) {
if (customization) return;
const emblemStates = document.getElementById("emblemStates");
const emblemProvinces = document.getElementById("emblemProvinces");
const emblemBurgs = document.getElementById("emblemBurgs");
const {states, provinces, burgs, cells} = pack;
updateElementSelectors(type, id, el);
$("#emblemEditor").dialog({
title: "Edit Emblem", resizable: true, width: "auto",
position: {my: "left top", at: "left+10 top+10", of: "svg", collision: "fit"}
});
if (modules.editEmblem) return;
modules.editEmblem = true;
// add listeners
emblemStates.addEventListener("input", selectState);
emblemProvinces.addEventListener("input", selectProvince);
emblemBurgs.addEventListener("input", selectBurg);
function updateElementSelectors(type, id, el) {
let state = 0, province = 0, burg = 0;
// set active type
emblemStates.parentElement.className = type === "state" ? "active" : "";
emblemProvinces.parentElement.className = type === "province" ? "active" : "";
emblemBurgs.parentElement.className = type === "burg" ? "active" : "";
// define selected values
if (type === "state") state = el.i;
else if (type === "province") {province = el.i; state = states[el.state].i;}
else {burg = el.i; province = provinces[cells.province[el.cell]].i; state = provinces[province].state;}
// update option list and select actual values
emblemStates.options.length = 0;
const neutralBurgs = burgs.filter(burg => burg.i && !burg.removed && !burg.state);
if (neutralBurgs.length) emblemProvinces.options.add(new Option(states[0].name, 0, false, !state));
const stateList = states.filter(state => state.i && !state.removed);
stateList.forEach(s => emblemStates.options.add(new Option(s.name, s.i, false, s.i === state)));
emblemProvinces.options.length = 0;
emblemProvinces.options.add(new Option("", 0, false, !province));
const provinceList = provinces.filter(province => !province.removed && province.state === state);
provinceList.forEach(p => emblemProvinces.options.add(new Option(p.name, p.i, false, p.i === province)));
emblemBurgs.options.length = 0;
emblemBurgs.options.add(new Option("", 0, false, !burg));
const burgList = burgs.filter(burg => !burg.removed && province ? cells.province[burg.cell] === province : burg.state === state);
burgList.forEach(b => emblemBurgs.options.add(new Option(b.name, b.i, false, b.i === burg)));
emblemBurgs.options[0].disabled = true;
COArenderer.trigger(id, el.coa);
updateEmblemData(type, id, el);
}
function updateEmblemData(type, id, el) {
if (!el.coa) return;
document.getElementById("emblemImage").setAttribute("href", "#" + id);
document.getElementById("emblemArmiger").innerText = el.fullName || el.name;
}
function selectState() {
const state = +this.value;
if (state) {
type = "state";
el = states[state];
id = "stateCOA"+ state;
} else {
// select neutral burg if state is changed to Neutrals
const neutralBurgs = burgs.filter(burg => burg.i && !burg.removed && !burg.state);
if (!neutralBurgs.length) return;
type = "burg";
el = neutralBurgs[0];
id = "burgCOA"+ neutralBurgs[0].i;
}
updateElementSelectors(type, id, el);
}
function selectProvince() {
const province = +this.value;
if (province) {
type = "province";
el = provinces[province];
id = "provinceCOA"+ province;
} else {
// select state if province is changed to null value
const state = +emblemStates.value;
type = "state";
el = states[state];
id = "stateCOA"+ state;
}
updateElementSelectors(type, id, el);
}
function selectBurg() {
const burg = +this.value;
type = "burg";
el = burgs[burg];
id = "burgCOA"+ burg;
updateElementSelectors(type, id, el);
}
}

7
modules/ui/general.js
View file

@ -339,6 +339,7 @@ function showInfo() {
const Reddit = link("https://www.reddit.com/r/FantasyMapGenerator", "Reddit")
const Patreon = link("https://www.patreon.com/azgaar", "Patreon");
const Trello = link("https://trello.com/b/7x832DG4/fantasy-map-generator", "Trello");
const Armoria = link("https://azgaar.github.io/Armoria", "Armoria");
const QuickStart = link("https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Quick-Start-Tutorial", "Quick start tutorial");
const QAA = link("https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Q&A", "Q&A page");
@ -353,9 +354,11 @@ function showInfo() {
<p>The best way to get help is to contact the community on ${Discord} and ${Reddit}.
Before asking questions, please check out the ${QuickStart} and the ${QAA}.</p>
<p>You can track the development process on ${Trello}.</p>
<p>Track the development process on ${Trello}.</p>
Links:
<p>Check out our new project: ${Armoria}, heraldry generator and editor.</p>
<b>Links:</b>
<ul style="columns:2">
<li>${link("https://github.com/Azgaar/Fantasy-Map-Generator", "GitHub repository")}</li>
<li>${link("https://github.com/Azgaar/Fantasy-Map-Generator/blob/master/LICENSE", "License")}</li>

23
modules/ui/states-editor.js
View file

@ -42,7 +42,7 @@ function editStates() {
const el = ev.target, cl = el.classList, line = el.parentNode, state = +line.dataset.id;
if (cl.contains("fillRect")) stateChangeFill(el); else
if (cl.contains("name")) editStateName(state); else
if (cl.contains("emblemIcon")) editCOA(state); else
if (cl.contains("coaIcon")) editEmblem("state", "stateCOA"+state, pack.states[state]); else
if (cl.contains("icon-star-empty")) stateCapitalZoomIn(state); else
if (cl.contains("culturePopulation")) changePopulation(state); else
if (cl.contains("icon-pin")) toggleFog(state, cl); else
@ -83,7 +83,6 @@ function editStates() {
totalPopulation += population;
totalBurgs += s.burgs;
const focused = defs.select("#fog #focusState"+s.i).size();
const COAsize = Math.round(15 * +uiSizeInput.value);
if (!s.i) {
// Neutral line
@ -91,7 +90,7 @@ function editStates() {
data-population=${population} data-burgs=${s.burgs} data-color="" data-form="" data-capital="" data-culture="" data-type="" data-expansionism="">
<svg width="9" height="9" class="placeholder"></svg>
<input data-tip="Neutral lands name. Click to change" class="stateName name pointer italic" value="${s.name}" readonly>
<embed class="emblemIcon placeholder hide" type="image/svg+xml" width=${COAsize} height=${COAsize} >
<svg class="coaIcon placeholder hide"></svg>
<input class="stateForm placeholder" value="none">
<span class="icon-star-empty placeholder hide"></span>
<input class="stateCapital placeholder hide">
@ -110,13 +109,14 @@ function editStates() {
</div>`;
continue;
}
const capital = pack.burgs[s.capital].name;
const coaURL = `http://azgaar.github.io/Armoria/?view=1&size=${COAsize}&noedit&coa=${COA.toString(s.coa)}`;
COArenderer.trigger("stateCOA"+s.i, s.coa);
lines += `<div class="states" data-id=${s.i} data-name="${s.name}" data-form="${s.formName}" data-capital="${capital}" data-color="${s.color}" data-cells=${s.cells}
data-area=${area} data-population=${population} data-burgs=${s.burgs} data-culture=${pack.cultures[s.culture].name} data-type=${s.type} data-expansionism=${s.expansionism}>
<svg data-tip="State fill style. Click to change" width=".9em" height=".9em" style="margin-bottom:-1px"><rect x="0" y="0" width="100%" height="100%" fill="${s.color}" class="fillRect pointer"></svg>
<input data-tip="State name. Click to change" class="stateName name pointer" value="${s.name}" readonly>
<embed data-tip="Click to show state COA" class="emblemIcon hide" type="image/svg+xml" width=${COAsize} height=${COAsize} src='${coaURL}'>
<svg data-tip="Click to edit state emblem" class="coaIcon hide" viewBox="0 0 200 200"><use href="#stateCOA${s.i}"></use></svg>
<input data-tip="State form name. Click to change" class="stateForm name pointer" value="${s.formName}" readonly>
<span data-tip="State capital. Click to zoom into view" class="icon-star-empty pointer hide"></span>
<input data-tip="Capital name. Click and type to rename" class="stateCapital hide" value="${capital}" autocorrect="off" spellcheck="false"/>
@ -315,19 +315,6 @@ function editStates() {
document.querySelector("#burgLabel"+capital).textContent = value;
}
function editCOA(state) {
const coa = COA.toString(pack.states[state].coa);
const url = "http://azgaar.github.io/Armoria/?view=1&size=200&noedit&coa=" + coa;
$("#emblemsEditor").dialog({
title: "Emblems Editor", resizable: false, width: fitContent(), close: closeStatesEditor,
position: {my: "left top", at: "left+10 top+10", of: "svg", collision: "fit"}
});
const embed = document.getElementById("emblemsEmbed");
embed.setAttribute("src", url);
}
function changePopulation(state) {
const s = pack.states[state];
if (!s.cells) {tip("State does not have any cells, cannot change population", false, "error"); return;}

3
run_python_server.bat Normal file
View file

@ -0,0 +1,3 @@
start chrome.exe http://localhost:8000/
@echo off
python -m http.server 8000