")},olist:{icon:"#",title:"Ordered List",result:()=>o("insertOrderedList")},ulist:{icon:"•",title:"Unordered List",result:()=>o("insertUnorderedList")},code:{icon:"</>",title:"Code",result:()=>o("formatBlock","")},line:{icon:"―",title:"Horizontal Line",result:()=>o("insertHorizontalRule")},link:{icon:"🔗",title:"Link",result:()=>navigator.clipboard.readText().then(e=>o("createLink",e))},image:{icon:"📷",title:"Image",result:()=>{navigator.clipboard.readText().then(e=>o("insertImage",e)),o("enableObjectResizing")}}},r={actionbar:"pell-actionbar",button:"pell-button",content:"pell-content",selected:"pell-button-selected"};return{exec:o,init:i=>{const a=i.actions?i.actions.map(e=>"string"==typeof e?l[e]:l[e.name]?{...l[e.name],...e}:e):Object.keys(l).map(e=>l[e]),s={...r,...i.classes},c=i.defaultParagraphSeparator||"div",u=n("div");u.className=s.actionbar,t(i.element,u);const d=i.element.content=n("div");return d.contentEditable=!0,d.className=s.content,d.oninput=(({target:{firstChild:e}})=>{e&&3===e.nodeType?o("formatBlock",`<${c}>`):">>0;s.idxi32[i]=r,s.i32idx[r]=i,s.i32rgb[r]=t})}function i(t,i){this.numGroups=t,this.minCols=i,this.stats={};for(var r=-1;r>8,b=(16711680&x)>>16,m=this.nearestColor(x),v=255&m,x=(65280&m)>>8,m=(16711680&m)>>16;if(h[f]=255<<24|m<<16|x<<8|v,this.dithDelta)if(this.colorDist([p,g,b],[v,x,m])>8,A=(16711680&h[D])>>16,I=Math.max(0,Math.min(255,I+y*M)),P=Math.max(0,Math.min(255,P+w*M)),M=Math.max(0,Math.min(255,A+S*M)),h[D]=255<<24|M<<16|P<<8|I)}}}return h},t.prototype.buildPal=function(t){if(!(this.palLocked||0this.colors){for(var i,r=t.length,s={},e=0,h=!1,n=0;n>8,(16711680&t)>>16]}),o=r=a.length,u=this.initDist;if(o>this.colors){for(;o>this.colors;){for(var l=[],n=0;n3*this.colors?this.initDist:this.distIncr}if(o>24!=0&&(this.hueStats&&this.hueStats.check(i),i in r?r[i]++:r[i]=1)},t.prototype.colorStats2D=function(e,h){var t=this.boxSize[0],i=this.boxSize[1],n=t*i,i=function(t,i,r,s){for(var e=t%r,h=i%s,n=t-e,a=i-h,o=[],u=0;u>24!=0&&(o.hueStats&&o.hueStats.check(i),i in a?a[i]++:i in s?++s[i]>=r&&(a[i]=s[i]):s[i]=1)})}),this.hueStats&&this.hueStats.inject(a)},t.prototype.sortPal=function(){var e=this;this.idxi32.sort(function(t,i){var r=e.i32idx[t],s=e.i32idx[i],t=e.idxrgb[r],i=e.idxrgb[s],r=a(t[0],t[1],t[2]),s=a(i[0],i[1],i[2]),t=t[0]==t[1]&&t[1]==t[2]?-1:c(r.h,e.hueGroups),t=(i[0]==i[1]&&i[1]==i[2]?-1:c(s.h,e.hueGroups))-t;if(t)return-t;t=+s.l.toFixed(2)-+r.l.toFixed(2);if(t)return-t;r=+s.s.toFixed(2)-+r.s.toFixed(2);return r?-r:void 0}),this.idxi32.forEach(function(t,i){e.idxrgb[i]=e.i32rgb[t],e.i32idx[t]=i})},t.prototype.nearestColor=function(t){t=this.nearestIndex(t);return null===t?0:this.idxi32[t]},t.prototype.nearestIndex=function(t){if((4278190080&t)>>24==0)return null;if(this.useCache&&""+t in this.i32idx)return this.i32idx[t];for(var i,r,s=1e3,e=[255&t,(65280&t)>>8,(16711680&t)>>16],h=this.idxrgb.length,n=0;n=this.cacheFreq;r=t[i++])this.i32idx[r]=this.nearestIndex(r)},i.prototype.check=function(t){this.groupsFull==this.numGroups+1&&(this.check=function(){});var i=255&t,r=(65280&t)>>8,s=(16711680&t)>>16,i=i==r&&r==s?-1:c(a(i,r,s).h,this.numGroups),r=this.stats[i],s=this.minCols;r.num++,r.num>s||(r.num==s&&this.groupsFull++,r.num<=s&&this.stats[i].cols.push(t))},i.prototype.inject=function(i){for(var t=-1;t>>=1;return(n+t)/r};return m.int32=function(){return 0|p.g(4)},m.quick=function(){return p.g(4)/4294967296},m.double=m,q(s(p.S),a),(t.pass||e||function(n,r,t,e){return e&&(e.S&&o(e,p),n.state=function(){return o(p,{})}),t?(b[g]=n,r):n})(m,f,"global"in t?t.global:this==b,t.state)}function n(n){var r,t=n.length,u=this,e=0,o=u.i=u.j=0,i=u.S=[];for(t||(n=[t++]);e tip("Click to open Units Editor"));
+scaleBar.on("mousemove", () => tip("Click to open Units Editor")).on("click", () => editUnits());
legend.on("mousemove", () => tip("Drag to change the position. Click to hide the legend")).on("click", () => clearLegend());
// main data variables
@@ -336,37 +338,28 @@ function applyDefaultBiomesSystem() {
}
function showWelcomeMessage() {
- const post = link("https://www.reddit.com/r/FantasyMapGenerator/comments/ft5b41/update_new_version_is_published_into_the_battle_v14/", "Main changes:"); // announcement on Reddit
+ const post = "Main changes:" //link("https://www.reddit.com/r/FantasyMapGenerator/comments/ft5b41/update_v15/", "Main changes:");
const changelog = link("https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Changelog", "previous version");
const reddit = link("https://www.reddit.com/r/FantasyMapGenerator", "Reddit community");
const discord = link("https://discordapp.com/invite/X7E84HU", "Discord server");
const patreon = link("https://www.patreon.com/azgaar", "Patreon");
- const desktop = link("https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Q&A#is-there-a-desktop-version", "desktop application");
alertMessage.innerHTML = `The Fantasy Map Generator is updated up to version ${version} .
This version is compatible with ${changelog}, loaded .map files will be auto-updated.
-
${post}
- Military forces changes (${link("https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Military-Forces", "detailed description")})
- Battle simulation (${link("https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Battle-Simulator", "detailed description")})
- Ice layer and Ice editor
- Route and River Elevation profile (by EvolvedExperiment)
- Image Converter enhancement
- Name generator improvement
- Improved integration with City Generator
- Fogging restyle
+ State, province and burg Emblems generation
+ Emblem editor integrated with ${link("https://azgaar.github.io/Armoria", "Armoria")} — our new dedicated Heraldry generator and editor
+ Burg editor screen update
+ Speak name functionality
-
- You can can also download a ${desktop}.
-
+ Join our ${discord} and ${reddit} to ask questions, share maps, discuss the Generator and Worlbuilding, report bugs and propose new features.
-
Thanks for all supporters on ${patreon}! `;
$("#alert").dialog(
{resizable: false, title: "Fantasy Map Generator update", width: "28em",
buttons: {OK: function() {$(this).dialog("close")}},
- position: {my: "center", at: "center", of: "svg"},
+ position: {my: "center center-80", at: "center", of: "svg"},
close: () => localStorage.setItem("version", version)}
);
}
@@ -436,7 +429,18 @@ function invokeActiveZooming() {
const relative = Math.max(rn((desired + desired / scale) / 2, 2), 1);
this.getAttribute("font-size", relative);
const hidden = hideLabels.checked && (relative * scale < 6 || relative * scale > 50);
+ if (hidden) this.classList.add("hidden");
+ else this.classList.remove("hidden");
+ });
+ }
+
+ // rescale emblems on zoom
+ if (emblems.style("display") !== "none") {
+ emblems.selectAll("g").each(function() {
+ const size = this.getAttribute("font-size") * scale;
+ const hidden = hideEmblems.checked && (size < 25 || size > 300);
if (hidden) this.classList.add("hidden"); else this.classList.remove("hidden");
+ if (!hidden && window.COArenderer && this.children.length && !this.children[0].getAttribute("href")) renderGroupCOAs(this);
});
}
@@ -468,6 +472,18 @@ function invokeActiveZooming() {
}
}
+async function renderGroupCOAs(g) {
+ const [group, type] = g.id === "burgEmblems" ? [pack.burgs, "burg"] :
+ g.id === "provinceEmblems" ? [pack.provinces, "province"] :
+ [pack.states, "state"];
+ for (let use of g.children) {
+ const i = +use.dataset.i;
+ const id = type+"COA"+i;
+ COArenderer.trigger(id, group[i].coa);
+ use.setAttribute("href", "#"+id);
+ }
+}
+
// add drag to upload logic, pull request from @evyatron
void function addDragToUpload() {
document.addEventListener("dragover", function(e) {
@@ -586,7 +602,7 @@ function generateSeed() {
else if (optionsSeed.value && optionsSeed.value != seed) seed = optionsSeed.value;
else seed = Math.floor(Math.random() * 1e9).toString();
optionsSeed.value = seed;
- Math.seedrandom(seed);
+ Math.random = aleaPRNG(seed);
}
// Place points to calculate Voronoi diagram
@@ -620,7 +636,8 @@ function calculateVoronoi(graph, points) {
// Mark features (ocean, lakes, islands)
function markFeatures() {
TIME && console.time("markFeatures");
- Math.seedrandom(seed); // restart Math.random() to get the same result on heightmap edit in Erase mode
+ Math.random = aleaPRNG(seed); // restart Math.random() to get the same result on heightmap edit in Erase mode
+
const cells = grid.cells, heights = grid.cells.h;
cells.f = new Uint16Array(cells.i.length); // cell feature number
cells.t = new Int8Array(cells.i.length); // cell type: 1 = land coast; -1 = water near coast;
@@ -1718,7 +1735,8 @@ const regenerateMap = debounce(function() {
// clear the map
function undraw() {
viewbox.selectAll("path, circle, polygon, line, text, use, #zones > g, #armies > g, #ruler > g").remove();
- defs.selectAll("path, clipPath").remove();
+ document.getElementById("deftemp").querySelectorAll("path, clipPath, svg").forEach(el => el.remove());
+ document.getElementById("coas").innerHTML = ""; // remove auto-generated emblems
notes = [];
unfog();
}
diff --git a/modules/burgs-and-states.js b/modules/burgs-and-states.js
index 924280e3..d3d75e97 100644
--- a/modules/burgs-and-states.js
+++ b/modules/burgs-and-states.js
@@ -88,9 +88,11 @@
const expansionism = rn(Math.random() * powerInput.value + 1, 1);
const basename = b.name.length < 9 && b.cell%5 === 0 ? b.name : Names.getCultureShort(b.culture);
const name = Names.getState(basename, b.culture);
- const nomadic = [1, 2, 3, 4].includes(cells.biome[b.cell]);
- const type = nomadic ? "Nomadic" : cultures[b.culture].type === "Nomadic" ? "Generic" : cultures[b.culture].type;
- states.push({i, color: colors[i-1], name, expansionism, capital: i, type, center: b.cell, culture: b.culture});
+ const type = cultures[b.culture].type;
+
+ const coa = COA.generate(null, null, null, type);
+ coa.shield = COA.getShield(b.culture, null);
+ states.push({i, color: colors[i-1], name, expansionism, capital: i, type, center: b.cell, culture: b.culture, coa});
cells.burg[b.cell] = i;
});
@@ -137,7 +139,7 @@
}
}
- // define burg coordinates, port status and define details
+ // define burg coordinates, coa, port status and define details
const specifyBurgs = function() {
TIME && console.time("specifyBurgs");
const cells = pack.cells, vertices = pack.vertices, features = pack.features, temp = grid.cells.temp;
@@ -175,6 +177,18 @@
if (i%2) b.x = rn(b.x + shift, 2); else b.x = rn(b.x - shift, 2);
if (cells.r[i]%2) b.y = rn(b.y + shift, 2); else b.y = rn(b.y - shift, 2);
}
+
+ // define emblem
+ const state = pack.states[b.state];
+ const stateCOA = state.coa;
+ let kinship = .25;
+ if (b.capital) kinship += .1;
+ else if (b.port) kinship -= .1;
+ if (b.culture !== state.culture) kinship -= .25;
+ b.type = getType(i, b.port);
+ const type = b.capital && P(.2) ? "Capital" : b.type === "Generic" ? "City" : b.type;
+ b.coa = COA.generate(stateCOA, kinship, null, type);
+ b.coa.shield = COA.getShield(b.culture, b.state);
}
// de-assign port status if it's the only one on feature
@@ -188,14 +202,30 @@
TIME && console.timeEnd("specifyBurgs");
}
+ const getType = function(i, port) {
+ const cells = pack.cells;
+ if (port) return "Naval";
+ if (cells.haven[i] && pack.features[cells.f[cells.haven[i]]].type === "lake") return "Lake";
+ if (cells.h[i] > 60) return "Highland";
+ if (cells.r[i] && cells.r[i].length > 100 && cells.r[i].length >= pack.rivers[0].length) return "River";
+
+ if (!cells.burg[i] || pack.burgs[cells.burg[i]].population < 6) {
+ if (population < 5 && [1, 2, 3, 4].includes(cells.biome[i])) return "Nomadic";
+ if (cells.biome[i] > 4 && cells.biome[i] < 10) return "Hunting";
+ }
+
+ return "Generic";
+ }
+
const defineBurgFeatures = function(newburg) {
+ const cells = pack.cells;
pack.burgs.filter(b => newburg ? b.i == newburg.i : (b.i && !b.removed)).forEach(b => {
const pop = b.population;
b.citadel = b.capital || pop > 50 && P(.75) || P(.5) ? 1 : 0;
b.plaza = pop > 50 || pop > 30 && P(.75) || pop > 10 && P(.5) || P(.25) ? 1 : 0;
b.walls = b.capital || pop > 30 || pop > 20 && P(.75) || pop > 10 && P(.5) || P(.2) ? 1 : 0;
b.shanty = pop > 30 || pop > 20 && P(.75) || b.walls && P(.75) ? 1 : 0;
- const religion = pack.cells.religion[b.cell];
+ const religion = cells.religion[b.cell];
const theocracy = pack.states[b.state].form === "Theocracy";
b.temple = religion && theocracy || pop > 50 || pop > 35 && P(.75) || pop > 20 && P(.5) ? 1 : 0;
});
@@ -348,7 +378,6 @@
if (buddies.length > 2) continue;
if (adversaries.length <= buddies.length) continue;
cells.state[i] = cells.state[adversaries[0]];
- //debug.append("circle").attr("cx", cells.p[i][0]).attr("cy", cells.p[i][1]).attr("r", .5).attr("fill", "red");
}
TIME && console.timeEnd("normalizeStates");
}
@@ -399,11 +428,6 @@
const relaxed = chain.map(i => voronoi.vertices.p[i]).filter((p, i) => i%15 === 0 || i+1 === chain.length);
paths.push([s.i, relaxed]);
- // if (s.i == 13) debug.selectAll(".circle").data(points).enter().append("circle").attr("cx", d => d[0]).attr("cy", d => d[1]).attr("r", .5).attr("fill", "red");
- // if (s.i == 13) d3.select("#cells").selectAll(".polygon").data(d3.range(voronoi.cells.v.length)).enter().append("polygon").attr("points", d => voronoi.cells.v[d] ? voronoi.cells.v[d].map(v => c.p[v]) : "");
- // if (s.i == 13) debug.append("path").attr("d", round(lineGen(relaxed))).attr("fill", "none").attr("stroke", "blue").attr("stroke-width", .5);
- // if (s.i == 13) debug.selectAll(".circle").data(chain).enter().append("circle").attr("cx", d => c.p[d][0]).attr("cy", d => c.p[d][1]).attr("r", 1);
-
function getHull(start, state, maxLake) {
const queue = [start], hull = new Set();
@@ -438,7 +462,6 @@
const h = c.p.length < 200 ? 0 : c.p.length < 600 ? .5 : 1; // power of horyzontality shift
const end = pointsInside[d3.scan(pointsInside, (a, b) => (c.p[a][0] - c.p[b][0]) + (Math.abs(c.p[a][1] - y) - Math.abs(c.p[b][1] - y)) * h)]; // left point
const start = pointsInside[d3.scan(pointsInside, (a, b) => (c.p[b][0] - c.p[a][0]) - (Math.abs(c.p[b][1] - y) - Math.abs(c.p[a][1] - y)) * h)]; // right point
- //debug.append("line").attr("x1", c.p[start][0]).attr("y1", c.p[start][1]).attr("x2", c.p[end][0]).attr("y2", c.p[end][1]).attr("stroke", "#00dd00");
// connect leftmost and rightmost points with shortest path
const queue = new PriorityQueue({comparator: (a, b) => a.p - b.p});
@@ -540,7 +563,7 @@
el.insertAdjacentHTML("afterbegin", spans.join(""));
if (lines.length < 2) return;
- // check whether multilined label is generally inside the strate. If no, replace with short name label
+ // check whether multilined label is generally inside the state. If no, replace with short name label
const cs = pack.cells.state, b = el.parentNode.getBBox();
const c1 = () => +cs[findCell(b.x, b.y)] === id;
const c2 = () => +cs[findCell(b.x + b.width / 2, b.y)] === id;
@@ -571,6 +594,7 @@
TIME && console.time("collectStatistics");
const cells = pack.cells, states = pack.states;
states.forEach(s => {
+ if (s.removed) return;
s.cells = s.area = s.burgs = s.rural = s.urban = 0;
s.neighbors = new Set();
});
@@ -593,7 +617,10 @@
}
// convert neighbors Set object into array
- states.forEach(s => s.neighbors = Array.from(s.neighbors));
+ states.forEach(s => {
+ if (!s.neighbors) return;
+ s.neighbors = Array.from(s.neighbors);
+ });
TIME && console.timeEnd("collectStatistics");
}
@@ -794,9 +821,6 @@
const generic = {Monarchy:25, Republic:2, Union:1};
const naval = {Monarchy:25, Republic:8, Union:3};
- const genericArray = [], navalArray = []; // turn weighted array into simple array
- for (const t in generic) {for (let j=0; j < generic[t]; j++) {genericArray.push(t);}}
- for (const t in naval) {for (let j=0; j < naval[t]; j++) {navalArray.push(t);}}
const median = d3.median(pack.states.map(s => s.area));
const empireMin = states.map(s => s.area).sort((a, b) => b - a)[Math.max(Math.ceil(states.length ** .4) - 2, 0)];
@@ -809,21 +833,19 @@
const monarchy = ["Duchy", "Grand Duchy", "Principality", "Kingdom", "Empire"]; // per expansionism tier
const republic = {Republic:75, Federation:4, Oligarchy:2, Tetrarchy:1, Triumvirate:1, Diarchy:1, "Trade Company":4, Junta:1}; // weighted random
const union = {Union:3, League:4, Confederation:1, "United Kingdom":1, "United Republic":1, "United Provinces":2, Commonwealth:1, Heptarchy:1}; // weighted random
+ const theocracy = {Theocracy: 20, Brotherhood:1, Thearchy:2, See:1};
+ const anarchy = {"Free Territory":2, Council:3, Commune:1, Community:1};
for (const s of states) {
if (list && !list.includes(s.i)) continue;
- // some nomadic states
- if (s.type === "Nomadic" && P(.8)) {
- s.form = "Horde";
- s.formName = expTiers[s.i] > 2 ? "United Hordes" : "Horde";
- s.fullName = getFullName(s);
- continue;
- }
-
const religion = pack.cells.religion[s.center];
- const theocracy = religion && pack.religions[religion].expansion === "state" || (P(.1) && pack.religions[religion].type === "Organized");
- s.form = theocracy ? "Theocracy" : s.type === "Naval" ? ra(navalArray) : ra(genericArray);
+ const isTheocracy = religion && pack.religions[religion].expansion === "state" || (P(.1) && ["Organized", "Cult"].includes(pack.religions[religion].type));
+ const isAnarchy = P(.01 - expTiers[s.i]/500);
+
+ if (isTheocracy) s.form = "Theocracy";
+ else if (isAnarchy) s.form = "Anarchy";
+ else s.form = s.type === "Naval" ? rw(naval) : rw(generic);
s.formName = selectForm(s);
s.fullName = getFullName(s);
}
@@ -841,13 +863,13 @@
if (base === 16 && (form === "Empire" || form === "Kingdom")) return "Sultanate"; // Turkic
if (base === 5 && (form === "Empire" || form === "Kingdom")) return "Tsardom"; // Ruthenian
- if (base === 31 && (form === "Empire" || form === "Kingdom")) return "Khaganate"; // Mongolian
+ if ([16, 31].includes(base) && (form === "Empire" || form === "Kingdom")) return "Khaganate"; // Turkic, Mongolian
if (base === 12 && (form === "Kingdom" || form === "Grand Duchy")) return "Shogunate"; // Japanese
if ([18, 17].includes(base) && form === "Empire") return "Caliphate"; // Arabic, Berber
if (base === 18 && (form === "Grand Duchy" || form === "Duchy")) return "Emirate"; // Arabic
if (base === 7 && (form === "Grand Duchy" || form === "Duchy")) return "Despotate"; // Greek
if (base === 31 && (form === "Grand Duchy" || form === "Duchy")) return "Ulus"; // Mongolian
- if (base === 16 && (form === "Grand Duchy" || form === "Duchy")) return "Beylik"; // Turkic
+ if (base === 16 && (form === "Grand Duchy" || form === "Duchy")) return "Horde"; // Turkic
if (base === 24 && (form === "Grand Duchy" || form === "Duchy")) return "Satrapy"; // Iranian
return form;
}
@@ -865,34 +887,34 @@
}
if (s.form === "Union") return rw(union);
+ if (s.form === "Anarchy") return rw(anarchy);
if (s.form === "Theocracy") {
- // default name is "Theocracy"
if (P(.5) && [0, 1, 2, 3, 4, 6, 8, 9, 13, 15, 20].includes(base)) return "Diocese"; // Euporean
if (P(.9) && [7, 5].includes(base)) return "Eparchy"; // Greek, Ruthenian
if (P(.9) && [21, 16].includes(base)) return "Imamah"; // Nigerian, Turkish
if (P(.8) && [18, 17, 28].includes(base)) return "Caliphate"; // Arabic, Berber, Swahili
- if (P(.02)) return "Thearchy"; // "Thearchy" in very rare case
- if (P(.05)) return "See"; // "See" in rare case
- return "Theocracy";
+ return rw(theocracy);
}
}
TIME && console.timeEnd("defineStateForms");
}
+ // state forms requiring Adjective + Name, all other forms use scheme Form + Of + Name
+ const adjForms = ["Empire", "Sultanate", "Khaganate", "Shogunate", "Caliphate", "Despotate", "Theocracy", "Oligarchy", "Union", "Confederation", "Trade Company", "League", "Tetrarchy", "Triumvirate", "Diarchy", "Horde", "Marches"];
+
const getFullName = function(s) {
if (!s.formName) return s.name;
if (!s.name && s.formName) return "The " + s.formName;
- // state forms requiring Adjective + Name, all other forms use scheme Form + Of + Name
- const adj = ["Empire", "Sultanate", "Khaganate", "Shogunate", "Caliphate", "Despotate", "Theocracy", "Oligarchy", "Union", "Confederation", "Trade Company", "League", "Tetrarchy", "Triumvirate", "Diarchy", "Horde"];
- return adj.includes(s.formName) ? getAdjective(s.name) + " " + s.formName : s.formName + " of " + s.name;
+ const adjName = adjForms.includes(s.formName) && !(/-| /).test(s.name);
+ return adjName ? `${getAdjective(s.name)} ${s.formName}` : `${s.formName} of ${s.name}`;
}
const generateProvinces = function(regenerate) {
TIME && console.time("generateProvinces");
const localSeed = regenerate ? Math.floor(Math.random() * 1e9).toString() : seed;
- Math.seedrandom(localSeed);
+ Math.random = aleaPRNG(localSeed);
const cells = pack.cells, states = pack.states, burgs = pack.burgs;
const provinces = pack.provinces = [0];
@@ -903,15 +925,14 @@
const forms = {
Monarchy:{County:11, Earldom:3, Shire:1, Landgrave:1, Margrave:1, Barony:1},
- Republic:{Province:6, Department:2, Governorate:2, State:1, Canton:1, Prefecture:1},
- Theocracy:{Parish:5, Deanery:3, Province:2, Council:1, District:1},
- Union:{Province:2, State:1, Canton:1, Republic:1, County:1},
- Wild:{Territory:10, Land:5, Province:2, Region:2, Tribe:1, Clan:1},
- Horde:{Horde:1}
+ Republic:{Province:6, Department:2, Governorate:2, District:1, Canton:1, Prefecture:1},
+ Theocracy:{Parish:3, Deanery:1},
+ Union:{Province:1, State:1, Canton:1, Republic:1, County:1, Council:1},
+ Wild:{Territory:10, Land:5, Region:2, Tribe:1, Clan:1, Dependency:1, Area: 1}
}
// generate provinces for a selected burgs
- Math.seedrandom(localSeed);
+ Math.random = aleaPRNG(localSeed);
states.forEach(s => {
s.provinces = [];
if (!s.i || s.removed) return;
@@ -928,12 +949,17 @@
const center = stateBurgs[i].cell;
const burg = stateBurgs[i].i;
const c = stateBurgs[i].culture;
- const name = P(.5) ? Names.getState(Names.getCultureShort(c), c) : stateBurgs[i].name;
+ const nameByBurg = P(.5);
+ const name = nameByBurg ? stateBurgs[i].name : Names.getState(Names.getCultureShort(c), c);
const formName = rw(form);
form[formName] += 5;
const fullName = name + " " + formName;
const color = getMixedColor(s.color);
- provinces.push({i:province, state:s.i, center, burg, name, formName, fullName, color});
+ const kinship = nameByBurg ? .8 : .4;
+ const type = getType(center, burg.port);
+ const coa = COA.generate(stateBurgs[i].coa, kinship, null, type);
+ coa.shield = COA.getShield(c, s.i);
+ provinces.push({i:province, state:s.i, center, burg, name, formName, fullName, color, coa});
}
});
@@ -945,7 +971,6 @@
cells.province[p.center] = p.i;
queue.queue({e:p.center, p:0, province:p.i, state:p.state});
cost[p.center] = 1;
- //debug.append("circle").attr("cx", cells.p[p.center][0]).attr("cy", cells.p[p.center][1]).attr("r", .3).attr("fill", "red");
});
while (queue.length) {
@@ -1017,7 +1042,8 @@
// generate "wild" province name
const c = cells.culture[center];
- const name = burgCell && P(.5) ? burgs[burg].name : Names.getState(Names.getCultureShort(c), c);
+ const nameByBurg = burgCell && P(.5);
+ const name = nameByBurg ? burgs[burg].name : Names.getState(Names.getCultureShort(c), c);
const f = pack.features[cells.f[center]];
const provCells = stateNoProvince.filter(i => cells.province[i] === province);
const singleIsle = provCells.length === f.cells && !provCells.find(i => cells.f[i] !== f.i);
@@ -1026,7 +1052,12 @@
const formName = singleIsle ? "Island" : isleGroup ? "Islands" : colony ? "Colony" : rw(forms["Wild"]);
const fullName = name + " " + formName;
const color = getMixedColor(s.color);
- provinces.push({i:province, state:s.i, center, burg, name, formName, fullName, color});
+ const dominion = colony ? P(.95) : singleIsle || isleGroup ? P(.7) : P(.3);
+ const kinship = dominion ? 0 : .4;
+ const type = getType(center, burgs[burg]?.port);
+ const coa = COA.generate(s.coa, kinship, dominion, type);
+ coa.shield = COA.getShield(c, s.i);
+ provinces.push({i:province, state:s.i, center, burg, name, formName, fullName, color, coa});
s.provinces.push(province);
// check if there is a land way within the same state between two cells
@@ -1054,7 +1085,7 @@
}
return {generate, expandStates, normalizeStates, assignColors,
- drawBurgs, specifyBurgs, defineBurgFeatures, drawStateLabels, collectStatistics,
+ drawBurgs, specifyBurgs, defineBurgFeatures, getType, drawStateLabels, collectStatistics,
generateCampaigns, generateDiplomacy, defineStateForms, getFullName, generateProvinces, updateCultures};
})));
diff --git a/modules/coa-generator.js b/modules/coa-generator.js
new file mode 100644
index 00000000..22265084
--- /dev/null
+++ b/modules/coa-generator.js
@@ -0,0 +1,501 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+ typeof define === 'function' && define.amd ? define(factory) :
+ (global.COA = factory());
+}(this, (function () {'use strict';
+
+ const tinctures = {
+ field: { metals: 3, colours: 4, stains: +P(.03), patterns: 1 },
+ division: { metals: 5, colours: 8, stains: +P(.03), patterns: 1 },
+ charge: { metals: 2, colours: 3, stains: +P(.05), patterns: 0 },
+ metals: { argent: 3, or: 2 },
+ colours: { gules: 5, azure: 4, sable: 3, purpure: 3, vert: 2 },
+ stains: { murrey: 1, sanguine: 1, tenné: 1 },
+ patterns: {
+ semy: 8, ermine: 6,
+ vair: 4, counterVair: 1, vairInPale: 1, vairEnPointe: 2, vairAncien: 2,
+ potent: 2, counterPotent: 1, potentInPale: 1, potentEnPointe: 1,
+ chequy: 8, lozengy: 5, fusily: 2, pally: 8, barry: 10, gemelles: 1,
+ bendy: 8, bendySinister: 4, palyBendy: 2, barryBendy: 1,
+ pappellony: 2, pappellony2: 3, scaly: 1, plumetty: 1,
+ masoned: 6, fretty: 3, grillage: 1, chainy: 1, maily: 2, honeycombed: 1 }
+ }
+
+ const charges = {
+ // categories selection
+ types: { conventional: 30, crosses: 8, animals: 2, animalHeads: 1, birds: 2, fantastic: 3, plants: 1, agriculture: 1, arms: 3, bodyparts: 1, people: 1, architecture: 1, miscellaneous: 3, inescutcheon: 3 },
+ single: { conventional: 12, crosses: 8, plants: 2, animals: 10, animalHeads: 2, birds: 4, fantastic: 7, agriculture: 1, arms: 6, bodyparts: 1, people: 1, architecture: 1, miscellaneous: 9, inescutcheon: 5 },
+ semy: { conventional: 12, crosses: 3, plants: 1 },
+ // generic categories
+ conventional: {
+ lozenge: 2, fusil: 4, mascle: 4, rustre: 2, lozengeFaceted: 3, lozengePloye: 1, roundel: 4, roundel2: 3, annulet: 4,
+ mullet: 5, mulletPierced: 1, mulletFaceted: 1, mullet4: 3, mullet6: 4, mullet6Pierced: 1, mullet6Faceted: 1, mullet7: 1, mullet8: 1, mullet10: 1,
+ estoile: 1, compassRose: 1, billet: 5, delf: 0, triangle: 3, trianglePierced: 1, goutte: 4, heart: 4, pique: 2, carreau: 1, trefle: 2,
+ fleurDeLis: 6, sun: 3, sunInSplendour: 1, crescent: 5, fountain: 1
+ },
+ crosses: {
+ crossHummetty: 15, crossVoided: 1, crossPattee: 3, crossPotent: 2, crossClechy: 3, crosslet: 1, crossBottony: 1, crossFleury: 3,
+ crossPatonce: 1, crossPommy: 1, crossGamma: 1, crossArrowed: 1, crossFitchy: 1, crossCercelee: 1, crossMoline: 2, crossFourchy: 1,
+ crossAvellane: 1, crossErminee: 1, crossMaltese: 3, crossCeltic: 1, crossOccitan: 1, crossSaltire: 3, crossTau: 1
+ },
+ animals: {
+ lionRampant: 5, lionPassant: 2, wolfRampant: 1, wolfPassant: 1, wolfStatant: 1, greyhoundCourant: 1, boarRampant: 1,
+ horseRampant: 2, horseSalient: 1, bearRampant: 2, bearPassant: 1, bullPassant: 1, goat: 1, lamb: 1, elephant: 1
+ },
+ animalHeads: { wolfHeadErased: 1, bullHeadCaboshed: 1, deerHeadCaboshed: 1 },
+ fantastic: { dragonPassant: 2, dragonRampant: 2, wyvern: 1, wyvernWithWingsDisplayed: 1, griffinPassant: 1, griffinRampant: 1, eagleTwoHeards: 2, unicornRampant: 1, pegasus: 1, serpent: 1 },
+ birds: { eagle: 9, raven: 1, cock: 3, parrot: 1, swan: 2, swanErased: 1, heron: 1 },
+ plants: { tree: 1, cinquefoil: 1, rose: 1 },
+ agriculture: { garb: 1, rake: 1 },
+ arms: { sword: 5, sabre: 1, sabresCrossed: 1, hatchet: 2, lochaberAxe: 1, mallet: 1, bowWithArrow: 2, bow: 1, arrow: 1, arrowsSheaf: 1 },
+ bodyparts: { hand: 4, head: 1, headWreathed: 1 },
+ people: { cavalier: 1 },
+ architecture: { tower: 1, castle: 1 },
+ miscellaneous: {
+ crown: 3, orb: 1, chalice: 1, key: 1, buckle: 1, bugleHorn: 1, bell: 1, pot: 1, horseshoe: 3, stagsAttires: 1, cowHorns: 2, wing: 1, wingSword: 1,
+ lute: 1, harp: 1, wheel: 2, crosier: 1, log: 1},
+ // selection based on culture type:
+ Naval: { anchor: 3, boat: 1, lymphad: 2, armillarySphere: 1, escallop: 1, dolphin: 1 },
+ Highland: { tower: 1, raven: 1, wolfHeadErased: 1, wolfPassant: 1, goat: 1,},
+ River: { tower: 1, garb: 1, rake: 1, boat: 1, pike: 2, bullHeadCaboshed: 1 },
+ Lake: { cancer: 2, escallop: 1, pike: 2, heron: 1, boat: 1 },
+ Nomadic: { pot: 1, buckle: 1, wheel: 2, sabre: 2, sabresCrossed: 1, bow: 2, arrow: 1, horseRampant: 1, horseSalient: 1, crescent: 1 },
+ Hunting: { bugleHorn: 3, stagsAttires: 2, hatchet: 1, bowWithArrow: 2, arrowsSheaf: 1, deerHeadCaboshed: 1, wolfStatant: 1 },
+ // selection based on type
+ City: { key: 3, bell: 2, lute: 1, tower: 1, castle: 1, mallet: 1 },
+ Capital: { crown: 4, orb: 1, lute: 1, castle: 3, tower: 1 },
+ Сathedra: { chalice: 1, orb: 1, crosier: 3, lamb: 1 },
+ // specific cases
+ natural: { fountain: "azure", garb: "or", raven: "sable" }, // charges to mainly use predefined colours
+ sinister: ["crossGamma", "lionRampant", "lionPassant", "wolfRampant", "wolfPassant", "wolfStatant", "wolfHeadErased", "greyhoundСourant", "boarRampant", "horseRampant", "horseSalient", "bullPassant",
+ "bearRampant", "bearPassant", "goat", "lamb", "elephant",
+ "eagle", "raven", "cock", "parrot", "swan", "swanErased", "heron", "pike", "dragonPassant", "dragonRampant", "wyvern", "wyvernWithWingsDisplayed", "griffinPassant", "griffinRampant", "unicornRampant",
+ "pegasus", "serpent", "hatchet", "lochaberAxe", "hand", "wing", "wingSword", "lute", "harp", "bow", "head", "headWreathed", "knight", "lymphad", "log",
+ "crosier", "dolphin", "sabre"], // charges that can be sinister
+ reversed: ["goutte", "mullet", "mullet7", "crescent", "crossTau", "cancer", "sword", "sabresCrossed", "hand", "horseshoe", "bowWithArrow", "arrow", "arrowsSheaf", "rake"] // charges that can be reversed
+ }
+
+ const positions = {
+ conventional: { e: 20, abcdefgzi: 3, beh: 3, behdf: 2, acegi: 1, kn: 3, bhdf: 1, jeo: 1, abc: 3, jln: 6, jlh: 3, kmo: 2, jleh: 1, def: 3, abcpqh: 4, ABCDEFGHIJKL: 1 },
+ complex: { e: 40, beh: 1, kn: 1, jeo: 1, abc: 2, jln: 7, jlh: 2, def: 1, abcpqh: 1 },
+ divisions: {
+ perPale: { e: 15, pq: 5, jo: 2, jl: 2, ABCDEFGHIJKL: 1 },
+ perFess: { e: 12, kn: 4, jkl: 2, gizgiz: 1, jlh: 3, kmo: 1, ABCDEFGHIJKL: 1 },
+ perBend: { e: 5, lm: 5, bcfdgh: 1 },
+ perBendSinister: { e: 1, jo: 1 },
+ perCross: { e: 4, jlmo: 1, j: 1, jo: 2, jl: 1 },
+ perChevron: { e: 1, jlh: 1, dfk: 1, dfbh: 2, bdefh: 1 },
+ perChevronReversed: { e: 1, mok: 2, dfh: 2, dfbh: 1, bdefh: 1 },
+ perSaltire: { bhdf: 8, e: 3, abcdefgzi: 1, bh: 1, df: 1, ABCDEFGHIJKL: 1 },
+ perPile: { ee: 3, be: 2, abceh: 1, abcabc: 1, jleh: 1 }
+ },
+ ordinariesOn: {
+ pale: { ee: 12, beh: 10, kn: 3, bb: 1 },
+ fess: { ee: 1, def: 3 },
+ bar: { defdefdef: 1 },
+ fessCotissed: { ee: 1, def: 3 },
+ fessDoubleCotissed: { ee: 1, defdef: 3 },
+ bend: { ee: 2, jo: 1, joe: 1 },
+ bendSinister: { ee: 1, lm: 1, lem: 4 },
+ bendlet: { joejoejoe: 1 },
+ bendletSinister: { lemlemlem: 1 },
+ bordure: { ABCDEFGHIJKL: 1 },
+ chief: { abc: 5, bbb: 1 },
+ quarter: { jjj: 1 },
+ canton: { yyyy: 1 },
+ cross: { eeee: 1, behdfbehdf: 3, behbehbeh: 2 },
+ crossParted: { e: 5, ee: 1 },
+ saltire: { ee: 5, jlemo: 1 },
+ saltireParted: { e: 5, ee: 1 },
+ pall: { ee: 1, jleh: 5, jlhh: 3 },
+ pallReversed: { ee: 1, bemo: 5 },
+ pile: { bbb: 1 },
+ pileInBend: { eeee: 1, eeoo: 1 },
+ pileInBendSinister: { eeee: 1, eemm: 1 }
+ },
+ ordinariesOff: {
+ pale: { yyy: 1 },
+ fess: { abc: 3, abcz: 1 },
+ bar: { abc: 2, abcgzi: 1, jlh: 5, bgi: 2, ach: 1 },
+ gemelle: { abc: 1 },
+ bend: { ccg: 2, ccc: 1 },
+ bendSinister: { aai: 2, aaa: 1 },
+ bendlet: { ccg: 2, ccc: 1 },
+ bendletSinister: { aai: 2, aaa: 1 },
+ bordure: { e: 4, jleh:2, kenken: 1, peqpeq: 1 },
+ orle: { e: 4, jleh: 1, kenken: 1, peqpeq: 1 },
+ chief: { emo: 2, emoz: 1, ez: 2 },
+ terrace: { e: 5, def: 1, bdf: 3 },
+ mount: { e: 5, def: 1, bdf: 3 },
+ point: { e: 2, def: 1, bdf: 3, acbdef: 1 },
+ flaunches: { e: 3, kn: 1, beh: 3 },
+ gyron: { bh: 1 },
+ quarter: { e: 1 },
+ canton: { e: 5, beh: 1, def: 1, bdefh: 1, kn: 1 },
+ cross: { acgi: 1 },
+ pall: { BCKFEILGJbdmfo: 1 },
+ pallReversed: { aczac: 1 },
+ chevron: { ach: 3, hhh: 1 },
+ chevronReversed: { bbb: 1 },
+ pile: { acdfgi: 1, acac: 1 },
+ pileInBend: { cg: 1 },
+ pileInBendSinister: { ai: 1 },
+ label: { defgzi: 2, eh: 3, defdefhmo: 1, egiegi: 1, pqn: 5 }
+ },
+ // charges
+ inescutcheon: { e: 4, jln: 1 },
+ mascle: { e: 15, abcdefgzi: 3, beh: 3, bdefh: 4, acegi: 1, kn: 3, joe: 2, abc: 3, jlh: 8, jleh: 1, df: 3, abcpqh: 4, pqe: 3, eknpq: 3 },
+ lionRampant: { e: 10, def: 2, abc: 2, bdefh: 1, kn: 1, jlh: 2, abcpqh: 1 },
+ lionPassant: { e: 10, def: 1, abc: 1, bdefh: 1, jlh: 1, abcpqh: 1 },
+ wolfPassant: { e: 10, def: 1, abc: 1, bdefh: 1, jlh: 1, abcpqh: 1 },
+ greyhoundСourant: { e: 10, def: 1, abc: 1, bdefh: 1, jlh: 1, abcpqh: 1 },
+ griffinRampant: { e: 10, def: 2, abc: 2, bdefh: 1, kn: 1, jlh: 2, abcpqh: 1 },
+ griffinPassant: { e: 10, def: 1, abc: 1, bdefh: 1, jlh: 1, abcpqh: 1 },
+ boarRampant: { e: 12, beh: 1, kn: 1, jln: 2 },
+ eagle: { e: 15, beh: 1, kn: 1, abc: 1, jlh: 2, def: 2, pq: 1 },
+ raven: { e: 15, beh: 1, kn: 1, jeo: 1, abc: 3, jln: 3, def: 1 },
+ wyvern: { e: 10, jln: 1 },
+ garb: { e: 1, def: 3, abc: 2, beh: 1, kn: 1, jln: 3, jleh: 1, abcpqh: 1, joe: 1, lme: 1 },
+ crown: { e: 10, abcdefgzi: 1, beh: 3, behdf: 2, acegi: 1, kn: 1, pq: 2, abc: 1, jln: 4, jleh: 1, def: 2, abcpqh: 3 },
+ hand: { e: 10, jln: 2, kn: 1, jeo: 1, abc: 2, pqe: 1 },
+ armillarySphere: {e: 1},
+ tree: {e: 1},
+ lymphad: {e: 1},
+ 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,
+ perFess: lines,
+ perBend: lines,
+ perBendSinister: lines,
+ perChevron: lines,
+ perChevronReversed: lines,
+ 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,
+ bendlet: 2, bendletSinister: 1, terrace: 3, cross: 6, crossParted: 1, saltire: 2, saltireParted: 1
+ },
+ straight: {
+ bordure: 8, orle: 4, mount: 1, point: 2, flaunches: 1, gore: 1,
+ gyron: 1, quarter: 1, canton: 2, pall: 3, pallReversed: 2, chevron: 4, chevronReversed: 3,
+ pile: 2, pileInBend: 2, pileInBendSinister: 1, piles: 1, pilesInPoint: 2, label: 1
+ }
+ };
+
+ const shields = {
+ types: {basic: 10, regional: 2, historical: 1, specific: 1, banner: 1, simple: 2, fantasy: 1, middleEarth: 0},
+ basic: {heater: 12, spanish: 6, french: 1},
+ regional: {horsehead: 1, horsehead2: 1, polish: 1, hessen: 1, swiss: 1},
+ historical: {boeotian: 1, roman: 2, kite: 1, oldFrench: 5, renaissance: 2, baroque: 2},
+ specific: {targe: 1, targe2: 0, pavise: 5, wedged: 10},
+ banner: {flag: 1, pennon: 0, guidon: 0, banner: 0, dovetail: 1, gonfalon: 5, pennant: 0},
+ simple: {round: 12, oval: 6, vesicaPiscis: 1, square: 1, diamond: 2, no: 0},
+ fantasy: {fantasy1: 2, fantasy2: 2, fantasy3: 1, fantasy4: 1, fantasy5: 3},
+ middleEarth: {noldor: 1, gondor: 1, easterling: 1, erebor: 1, ironHills: 1, urukHai: 1, moriaOrc: 1}
+ }
+
+ const generate = function(parent, kinship, dominion, type) {
+ if (parent === "custom") parent = null;
+ let usedPattern = null, usedTinctures = [];
+
+ const t1 = P(kinship) ? parent.t1 : getTincture("field");
+ if (t1.includes("-")) usedPattern = t1;
+ const coa = {t1};
+
+ let charge = P(usedPattern ? .5 : .93) ? true : false; // 80% for charge
+ const linedOrdinary = charge && P(.3) || P(.5) ? parent?.ordinaries && P(kinship) ? parent.ordinaries[0].ordinary : rw(ordinaries.lined) : null;
+ const ordinary = !charge && P(.65) || P(.3) ? linedOrdinary ? linedOrdinary : rw(ordinaries.straight) : null; // 36% for ordinary
+ const rareDivided = ["chief", "terrace", "chevron", "quarter", "flaunches"].includes(ordinary);
+ const divisioned = rareDivided ? P(.03) : charge && ordinary ? P(.03) : charge ? P(.3) : ordinary ? P(.7) : P(.995); // 33% for division
+ const division = divisioned ? parent?.division && P(kinship - .1) ? parent.division.division : rw(divisions.variants) : null;
+ if (charge) charge =
+ parent?.charges && P(kinship - .1) ? parent.charges[0].charge :
+ type && type !== "Generic" && P(.2) ? rw(charges[type]) :
+ selectCharge();
+
+ if (division) {
+ const t = getTincture("division", usedTinctures, P(.98) ? coa.t1 : null);
+ coa.division = {division, t};
+ if (divisions[division]) coa.division.line = usedPattern || (ordinary && P(.7)) ? "straight" : rw(divisions[division]);
+ }
+
+ if (ordinary) {
+ coa.ordinaries = [{ordinary, t: getTincture("charge", usedTinctures, coa.t1)}];
+ if (linedOrdinary) coa.ordinaries[0].line = usedPattern || (division && P(.7)) ? "straight" : rw(lines);
+ if (division && !charge && !usedPattern && P(.5) && ordinary !== "bordure" && ordinary !== "orle") {
+ if (P(.8)) coa.ordinaries[0].divided = "counter"; // 40%
+ else if (P(.6)) coa.ordinaries[0].divided = "field"; // 6%
+ else coa.ordinaries[0].divided = "division"; // 4%
+ }
+ }
+
+ if (charge) {
+ let p = "e", t = "gules";
+ const ordinaryT = coa.ordinaries ? coa.ordinaries[0].t : null;
+ if (positions.ordinariesOn[ordinary] && P(.8)) {
+ // place charge over ordinary (use tincture of field type)
+ p = rw(positions.ordinariesOn[ordinary]);
+ while (charges.natural[charge] === ordinaryT) charge = selectCharge();
+ t = !usedPattern && P(.3) ? coa.t1 : getTincture("charge", [], ordinaryT);
+ } else if (positions.ordinariesOff[ordinary] && P(.95)) {
+ // place charge out of ordinary (use tincture of ordinary type)
+ p = rw(positions.ordinariesOff[ordinary]);
+ while (charges.natural[charge] === coa.t1) charge = selectCharge();
+ t = !usedPattern && P(.3) ? ordinaryT : getTincture("charge", usedTinctures, coa.t1);
+ } else if (positions.divisions[division]) {
+ // place charge in fields made by division
+ p = rw(positions.divisions[division]);
+ while (charges.natural[charge] === coa.t1) charge = selectCharge();
+ t = getTincture("charge", ordinaryT ? usedTinctures.concat(ordinaryT) : usedTinctures, coa.t1);
+ } else if (positions[charge]) {
+ // place charge-suitable position
+ p = rw(positions[charge]);
+ while (charges.natural[charge] === coa.t1) charge = selectCharge();
+ t = getTincture("charge", usedTinctures, coa.t1);
+ } else {
+ // place in standard position (use new tincture)
+ p = usedPattern ? "e" : charges.conventional[charge] ? rw(positions.conventional) : rw(positions.complex);
+ while (charges.natural[charge] === coa.t1) charge = selectCharge();
+ t = getTincture("charge", usedTinctures.concat(ordinaryT), coa.t1);
+ }
+
+ if (charges.natural[charge]) t = charges.natural[charge]; // natural tincture
+ coa.charges = [{charge, t, p}];
+
+ if (p === "ABCDEFGHIKL" && P(.95)) {
+ // add central charge if charge is in bordure
+ coa.charges[0].charge = rw(charges.conventional);
+ const charge = selectCharge(charges.single);
+ const t = getTincture("charge", usedTinctures, coa.t1);
+ coa.charges.push({charge, t, p: "e"});
+ } else if (P(.8) && charge === "inescutcheon") {
+ // add charge to inescutcheon
+ const charge = selectCharge(charges.types);
+ const t2 = getTincture("charge", [], t);
+ coa.charges.push({charge, t: t2, p, size:.5});
+ } else if (division && !ordinary) {
+ const allowCounter = !usedPattern && (!coa.line || coa.line === "straight");
+
+ // dimidiation: second charge at division basic positons
+ if (P(.3) && ["perPale", "perFess"].includes(division) && coa.line === "straight") {
+ coa.charges[0].divided = "field";
+ if (P(.95)) {
+ const p2 = p === "e" || P(.5) ? "e" : rw(positions.divisions[division]);
+ const charge = selectCharge(charges.single);
+ const t = getTincture("charge", usedTinctures, coa.division.t);
+ coa.charges.push({charge, t, p: p2, divided: "division"});
+ }
+ }
+ else if (allowCounter && P(.4)) coa.charges[0].divided = "counter"; // counterchanged, 40%
+ else if (["perPale", "perFess", "perBend", "perBendSinister"].includes(division) && P(.8)) { // place 2 charges in division standard positions
+ const [p1, p2] = division === "perPale" ? ["p", "q"] :
+ division === "perFess" ? ["k", "n"] :
+ 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});
+ }
+ 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;
+ }
+ }
+
+ // dominions have canton with parent coa
+ if (P(dominion) && parent.charges) {
+ const invert = isSameType(parent.t1, coa.t1);
+ const t = invert ? getTincture("division", usedTinctures, coa.t1) : parent.t1;
+ const canton = {ordinary: "canton", t};
+ if (coa.charges) {
+ coa.charges.forEach((charge, i) => {
+ if (charge.size === 1.5) charge.size = 1.4;
+ if (charge.p.includes("a")) charge.p = charge.p.replaceAll("a", "");
+ if (charge.p.includes("j")) charge.p = charge.p.replaceAll("j", "");
+ if (charge.p.includes("y")) charge.p = charge.p.replaceAll("y", "");
+ if (!charge.p) coa.charges.splice(i, 1);
+ });
+ }
+
+ let charge = parent.charges[0].charge;
+ if (charge === "inescutcheon" && parent.charges[1]) charge = parent.charges[1].charge;
+
+ let t2 = invert ? parent.t1 : parent.charges[0].t;
+ if (isSameType(t, t2)) t2 = getTincture("charge", usedTinctures, t);
+
+ if (!coa.charges) coa.charges = [];
+ coa.charges.push({charge, t: t2, p: "y", size: 0.5});
+
+ coa.ordinaries ? coa.ordinaries.push(canton) : coa.ordinaries = [canton];
+ }
+
+ function selectCharge(set) {
+ const type = set ? rw(set) : ordinary || divisioned ? rw(charges.types): rw(charges.single);
+ return type === "inescutcheon" ? "inescutcheon" : rw(charges[type]);
+ }
+
+ // 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;
+ }
+
+ function getType(t) {
+ const tincture = t.includes("-") ? t.split("-")[1] : t;
+ if (Object.keys(tinctures.metals).includes(tincture)) return "metals";
+ if (Object.keys(tinctures.colours).includes(tincture)) return "colours";
+ if (Object.keys(tinctures.stains).includes(tincture)) return "stains";
+ }
+
+ function isSameType(t1, t2) {
+ return type(t1) === type(t2);
+
+ function type(tincture) {
+ if (Object.keys(tinctures.metals).includes(tincture)) return "metals";
+ if (Object.keys(tinctures.colours).includes(tincture)) return "colours";
+ if (Object.keys(tinctures.stains).includes(tincture)) return "stains";
+ else return "pattern";
+ }
+
+ }
+
+ function definePattern(pattern, element, size = "") {
+ let t1 = null, t2 = null;
+ if (P(.1)) size = "-small";
+ else if (P(.1)) size = "-smaller";
+ else if (P(.01)) size = "-big";
+ else if (P(.005)) 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";}
+ else if (pattern === "pappellony") {
+ if (P(.2)) {t1 = "gules"; t2 = "or";}
+ else if (P(.2)) {t1 = "argent"; t2 = "sable";}
+ else if (P(.2)) {t1 = "azure"; t2 = "argent";}
+ }
+ else if (pattern === "masoned") {
+ if (P(.3)) {t1 = "gules"; t2 = "argent";}
+ else if (P(.3)) {t1 = "argent"; t2 = "sable";}
+ else if (P(.1)) {t1 = "or"; t2 = "sable";}
+ }
+ else if (pattern === "fretty") {
+ if (t2 === "sable" || P(.35)) {t1 = "argent"; t2 = "gules";}
+ else if (P(.25)) {t1 = "sable"; t2 = "or";}
+ 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]);}
+ return n;
+ }
+
+ function getSize(p, o = null, d = null) {
+ if (p === "e" && (o === "bordure" || o === "orle")) return 1.1;
+ if (p === "e") return 1.5;
+ if (p === "jln" || p === "jlh") return .7;
+ if (p === "abcpqh" || p === "ez" || p === "be") return .5;
+ if (["a", "b", "c", "d", "f", "g", "h", "i", "bh", "df"].includes(p)) return .5;
+ if (["j", "l", "m", "o", "jlmo"].includes(p) && d === "perCross") return .6;
+ if (p.length > 10) return .18; // >10 (bordure)
+ if (p.length > 7) return .3; // 8, 9, 10
+ if (p.length > 4) return .4; // 5, 6, 7
+ if (p.length > 2) return .5; // 3, 4
+ return .7; // 1, 2
+ }
+
+ return coa;
+ }
+
+ const getShield = function(culture, state) {
+ const emblemShape = document.getElementById("emblemShape");
+ const shapeGroup = emblemShape.selectedOptions[0].parentNode.label;
+ if (shapeGroup !== "Diversiform") return emblemShape.value;
+
+ if (emblemShape.value === "state" && state && pack.states[state].coa) return pack.states[state].coa.shield;
+ if (pack.cultures[culture].shield) return pack.cultures[culture].shield;
+ console.error("Shield shape is not defined on culture level", pack.cultures[culture]);
+ return "heater";
+ }
+
+ const toString = coa => JSON.stringify(coa).replaceAll("#", "%23");
+ const copy = coa => JSON.parse(JSON.stringify(coa));
+
+ return {generate, toString, copy, getShield, shields};
+
+})));
\ No newline at end of file
diff --git a/modules/coa-renderer.js b/modules/coa-renderer.js
new file mode 100644
index 00000000..3a451782
--- /dev/null
+++ b/modules/coa-renderer.js
@@ -0,0 +1,1094 @@
+(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, -40], b: [0, -40], c: [40, -40],
+ d: [-40, 0], e: [0, 0], f: [40, 0],
+ g: [-40, 40], h: [0, 40], i: [40, 40],
+ 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"
+ }
+
+ const shieldPaths = {
+ heater: "m25,25 h150 v50 a150,150,0,0,1,-75,125 a150,150,0,0,1,-75,-125 z",
+ spanish: "m25,25 h150 v100 a75,75,0,0,1,-150,0 z",
+ french: "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",
+ horsehead: "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",
+ horsehead2: "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",
+ polish: "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",
+ hessen: "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",
+ swiss: "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",
+ boeotian: "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",
+ roman: "m 160,170 c -40,20 -80,20 -120,0 V 30 C 80,10 120,10 160,30 Z",
+ kite: "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",
+ oldFrench: "m25,25 h150 v75 a100,100,0,0,1,-75,100 a100,100,0,0,1,-75,-100 z",
+ renaissance: "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",
+ baroque: "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",
+ targe: "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",
+ targe2: "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",
+ pavise: "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",
+ wedged: "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",
+ round: "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",
+ oval: "m 32.3,99.5 a 67.7,93.7 0 1 1 0,1.3 z",
+ vesicaPiscis: "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",
+ square: "M 25,25 H 175 V 175 H 25 Z",
+ diamond: "M 25,100 100,200 175,100 100,0 Z",
+ no: "m0,0 h200 v200 h-200 z",
+ flag: "M 10,40 h180 v120 h-180 Z",
+ pennon: "M 10,40 l190,60 -190,60 Z",
+ guidon: "M 10,40 h190 l-65,60 65,60 h-190 Z",
+ banner: "m 25,25 v 170 l 25,-40 25,40 25,-40 25,40 25,-40 25,40 V 25 Z",
+ dovetail: "m 25,25 v 175 l 75,-40 75,40 V 25 Z",
+ gonfalon: "m 25,25 v 125 l 75,50 75,-50 V 25 Z",
+ pennant: "M 25,15 100,200 175,15 Z",
+ fantasy1: "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",
+ fantasy2: "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",
+ fantasy3: "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",
+ fantasy4: "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",
+ fantasy5: "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",
+ noldor: "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",
+ gondor: "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",
+ easterling: "M 160,185 C 120,170 80,170 40,185 V 15 c 40,15 80,15 120,0 z",
+ erebor: "M25 135 V60 l22-13 16-37 h75 l15 37 22 13 v75l-22 18-16 37 H63l-16-37z",
+ ironHills: "m 30,25 60,-10 10,10 10,-10 60,10 -5,125 -65,50 -65,-50 z",
+ urukHai: "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",
+ moriaOrc: "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"
+ }
+
+ const lines = {
+ straight: "m 0,100 v15 h 200 v -15 z",
+ engrailed: "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",
+ invecked: "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",
+ embattled: "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",
+ wavy: "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",
+ raguly: "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",
+ dancetty: "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",
+ dentilly: "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",
+ angled: "m 0,95 h 100 v 10 h 100 v 10 H 0 Z",
+ urdy: "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",
+ indented: "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",
+ bevilled: "m 0,92.5 h 110 l -20,15 H 200 V 115 H 0 Z",
+ nowy: "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",
+ nowyReversed: "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",
+ potenty: "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",
+ potentyDexter: "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",
+ potentySinister: "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",
+ embattledGhibellin: "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",
+ embattledNotched: "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",
+ embattledGrady: "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",
+ dovetailed: "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",
+ dovetailedIndented: "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",
+ nebuly: "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",
+ rayonne: "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",
+ seaWaves: "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",
+ dragonTeeth: "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",
+ firTrees: "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",
+ flechy: "m 0,100 h 85 l 15,-15 15,15 h 85 v 15 H 0 Z",
+ barby: "m 0,100 h 85 l 15,15 15,-15 h 85 v 15 H 0 Z",
+ enclavy: "M 0,100 H 85 V 85 h 30 v 15 h 85 v 15 H 0 Z",
+ escartely: "m 0,100 h 85 v 15 h 30 v -15 h 85 v 15 H 0 Z",
+ arched: "m 100,95 c 40,-0.2 100,20 100,20 H 0 c 0,0 60,-19.8 100,-20 z",
+ archedReversed: "m 0,85 c 0,0 60,20.2 100,20 40,-0.2 100,-20 100,-20 v 30 H 0 Z"
+ }
+
+ const templates = {
+ // straight divisions
+ perFess: `${getTemplate(division.division, division.line)} ` : "";
+ const loadedCharges = await getCharges(coa, id, shieldPath);
+ const loadedPatterns = getPatterns(coa, id);
+ const blacklight = `
+ ${shieldClip}${divisionClip}${loadedCharges}${loadedPatterns}${blacklight}
+ ${field}${divisionGroup}${templateAboveAll()}
+ ${overlay} `;
+
+ // insert coa svg to defs
+ document.getElementById("coas").insertAdjacentHTML("beforeend", svg);
+ return true;
+
+ function templateDivision() {
+ 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 += ``;
+ if (ordinary.ordinary === "bordure") svg += ``;
+ else svg += getTemplate(ordinary.ordinary, ordinary.line);
+ return svg + ` `;
+ }
+
+ function templateCharge(charge, tincture) {
+ const fill = clr(tincture);
+ const chargePositions = [...new Set(charge.p)].filter(position => positions[position]);
+
+ let svg = "";
+ svg += ``;
+ for (const p of chargePositions) {
+ const transform = getElTransform(charge, p);
+ svg += ` `;
+
+ function getElTransform(c, p) {
+ const s = (c.size || 1) * sizeModifier;
+ const sx = c.sinister ? -s : s;
+ const sy = c.reversed ? -s : s;
+ let [x, y] = positions[p];
+ x = x - 100 * (sx - 1);
+ y = y - 100 * (sy - 1);
+ const scale = c.sinister || c.reversed ? `${sx} ${sy}` : s;
+ return `translate(${x} ${y}) scale(${scale})`;
+ }
+ }
+ }
+
+ async function getCharges(coa, id, shieldPath) {
+ let charges = coa.charges ? coa.charges.map(charge => charge.charge) : []; // add charges
+ if (semy(coa.t1)) charges.push(semy(coa.t1)); // add field semy charge
+ if (semy(coa.division?.t)) charges.push(semy(coa.division.t)); // add division semy charge
+
+ const uniqueCharges = [...new Set(charges)];
+ const fetchedCharges = await Promise.all(
+ uniqueCharges.map(async charge => {
+ if (charge === "inescutcheon") return `image/svg+xml ");
- const serialized = (new XMLSerializer()).serializeToString(clone.node());
- const svg_xml = `` + serialized;
+ // remove unused patterns
+ const patterns = cloneEl.querySelectorAll("pattern");
+ for (let i=0; i < patterns.length; i++) {
+ const id = patterns[i].id;
+ if (cloneEl.querySelector("[fill='url(#"+id+")']")) continue;
+ patterns[i].remove();
+ }
+
+ // remove unused symbols
+ const symbols = cloneEl.querySelectorAll("symbol");
+ for (let i=0; i < symbols.length; i++) {
+ const id = symbols[i].id;
+ if (cloneEl.querySelector("use[href='#"+id+"']")) continue;
+ symbols[i].remove();
+ }
+
+ // add displayed emblems
+ if (layerIsOn("toggleEmblems")) {
+ Array.from(cloneEl.getElementById("emblems").querySelectorAll("use")).forEach(el => {
+ const href = el.getAttribute("href");
+ if (!href) return;
+ const emblem = document.getElementById(href.slice(1)).cloneNode(true); // clone emblem
+ cloneDefs.append(emblem);
+ });
+ }
+
+ // add ocean pattern
+ if (cloneEl.getElementById("oceanicPattern")) {
+ const patternId = cloneEl.getElementById("oceanicPattern").getAttribute("filter").slice(5,-1);
+ const pattern = svgDefs.getElementById(patternId);
+ if (patternId) cloneDefs.appendChild(pattern.cloneNode(true));
+ }
+
+ // add relief icons
+ if (cloneEl.getElementById("terrain")) {
+ const uniqueElements = new Set();
+ const terrainElements = cloneEl.getElementById("terrain").childNodes;
+ for (let i=0; i < terrainElements.length; i++) {
+ uniqueElements.add(terrainElements[i].getAttribute("href"));
+ }
+
+ const defsRelief = svgDefs.getElementById("defs-relief");
+ for (const terrain of [...uniqueElements]) {
+ const element = defsRelief.querySelector(terrain);
+ if (element) cloneDefs.appendChild(element.cloneNode(true));
+ }
+ }
+
+ // add wind rose
+ if (cloneEl.getElementById("compass")) {
+ const rose = svgDefs.getElementById("rose");
+ if (rose) cloneDefs.appendChild(rose.cloneNode(true));
+ }
+
+ // add port icon
+ if (cloneEl.getElementById("anchors")) {
+ const anchor = svgDefs.getElementById("icon-anchor");
+ if (anchor) cloneDefs.appendChild(anchor.cloneNode(true));
+ }
+
+ if (!cloneEl.getElementById("hatching").children.length) cloneEl.getElementById("hatching").remove(); //remove unused hatching group
+ if (!cloneEl.getElementById("fogging-cont")) cloneEl.getElementById("fog").remove(); //remove unused fog
+ if (!cloneEl.getElementById("regions")) cloneEl.getElementById("statePaths").remove(); // removed unused statePaths
+ if (!cloneEl.getElementById("labels")) cloneEl.getElementById("textPaths").remove(); // removed unused textPaths
+
+ // add armies style
+ if (cloneEl.getElementById("armies")) cloneEl.insertAdjacentHTML("afterbegin", "");
+
+ const fontStyle = await GFontToDataURI(getFontsToLoad(clone)); // load non-standard fonts
+ if (fontStyle) clone.select("defs").append("style").text(fontStyle.join('\n')); // add font to style
clone.remove();
- const blob = new Blob([svg_xml], {type: 'image/svg+xml;charset=utf-8'});
+
+ const serialized = `` + (new XMLSerializer()).serializeToString(cloneEl);
+ const blob = new Blob([serialized], {type: 'image/svg+xml;charset=utf-8'});
const url = window.URL.createObjectURL(blob);
window.setTimeout(() => window.URL.revokeObjectURL(url), 5000);
return url;
@@ -115,7 +190,7 @@ function removeUnusedElements(clone) {
for (let empty = 1; empty;) {
empty = 0;
clone.selectAll("g").each(function() {
- if (!this.hasChildNodes() || this.style.display === "none") {empty++; this.remove();}
+ if (!this.hasChildNodes() || this.style.display === "none" || this.classList.contains("hidden")) {empty++; this.remove();}
if (this.hasAttribute("display") && this.style.display === "inline") this.removeAttribute("display");
});
}
@@ -170,11 +245,11 @@ function inlineStyle(clone) {
}
// get non-standard fonts used for labels to fetch them from web
-function getFontsToLoad() {
+function getFontsToLoad(clone) {
const webSafe = ["Georgia", "Times+New+Roman", "Comic+Sans+MS", "Lucida+Sans+Unicode", "Courier+New", "Verdana", "Arial", "Impact"]; // fonts to not fetch
const fontsInUse = new Set(); // to store fonts currently in use
- labels.selectAll("g").each(function() {
+ clone.selectAll("#labels > g").each(function() {
if (!this.hasChildNodes()) return;
const font = this.dataset.font;
if (!font || webSafe.includes(font)) return;
@@ -246,12 +321,14 @@ function getMapData() {
const biomes = [biomesData.color, biomesData.habitability, biomesData.name].join("|");
const notesData = JSON.stringify(notes);
- const cloneEl = document.getElementById("map").cloneNode(true); // clone svg
+ // clone svg
+ const cloneEl = document.getElementById("map").cloneNode(true);
// set transform values to default
cloneEl.setAttribute("width", graphWidth);
cloneEl.setAttribute("height", graphHeight);
cloneEl.querySelector("#viewbox").removeAttribute("transform");
+
const svg_xml = (new XMLSerializer()).serializeToString(cloneEl);
const gridGeneral = JSON.stringify({spacing:grid.spacing, cellsX:grid.cellsX, cellsY:grid.cellsY, boundary:grid.boundary, points:grid.points, features:grid.features});
@@ -298,7 +375,6 @@ async function saveMap() {
const link = document.createElement("a");
link.download = getFileName() + ".map";
link.href = URL;
- document.body.appendChild(link);
link.click();
tip(`${link.download} is saved. Open "Downloads" screen (CTRL + J) to check`, true, "success", 7000);
window.URL.revokeObjectURL(URL);
@@ -423,7 +499,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() {
@@ -501,6 +577,8 @@ function uploadMap(file, callback) {
const fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent) {
if (callback) callback();
+ document.getElementById("coas").innerHTML = ""; // remove auto-generated emblems
+
const dataLoaded = fileLoadedEvent.target.result;
const data = dataLoaded.split("\r\n");
@@ -519,7 +597,7 @@ function uploadMap(file, callback) {
} else {
load = true;
message = `The map version (${mapVersion}) does not match the Generator version (${version}).
- auto-updated . In case of issues please keep using an ${archive} of the Generator`;
}
alertMessage.innerHTML = message;
$("#alert").dialog({title: "Version conflict", width: "38em", buttons: {
@@ -638,6 +716,7 @@ function parseLoadedData(data) {
coastline = viewbox.select("#coastline");
prec = viewbox.select("#prec");
population = viewbox.select("#population");
+ emblems = viewbox.select("#emblems");
labels = viewbox.select("#labels");
icons = viewbox.select("#icons");
burgIcons = icons.select("#burgIcons");
@@ -698,36 +777,43 @@ function parseLoadedData(data) {
}
}()
- void function restoreLayersState() {
- if (texture.style("display") !== "none" && texture.select("image").size()) turnButtonOn("toggleTexture"); else turnButtonOff("toggleTexture");
- if (terrs.selectAll("*").size()) turnButtonOn("toggleHeight"); else turnButtonOff("toggleHeight");
- if (biomes.selectAll("*").size()) turnButtonOn("toggleBiomes"); else turnButtonOff("toggleBiomes");
- if (cells.selectAll("*").size()) turnButtonOn("toggleCells"); else turnButtonOff("toggleCells");
- if (gridOverlay.selectAll("*").size()) turnButtonOn("toggleGrid"); else turnButtonOff("toggleGrid");
- if (coordinates.selectAll("*").size()) turnButtonOn("toggleCoordinates"); else turnButtonOff("toggleCoordinates");
- if (compass.style("display") !== "none" && compass.select("use").size()) turnButtonOn("toggleCompass"); else turnButtonOff("toggleCompass");
- if (rivers.style("display") !== "none") turnButtonOn("toggleRivers"); else turnButtonOff("toggleRivers");
- if (terrain.style("display") !== "none" && terrain.selectAll("*").size()) turnButtonOn("toggleRelief"); else turnButtonOff("toggleRelief");
- if (relig.selectAll("*").size()) turnButtonOn("toggleReligions"); else turnButtonOff("toggleReligions");
- if (cults.selectAll("*").size()) turnButtonOn("toggleCultures"); else turnButtonOff("toggleCultures");
- if (statesBody.selectAll("*").size()) turnButtonOn("toggleStates"); else turnButtonOff("toggleStates");
- if (provs.selectAll("*").size()) turnButtonOn("toggleProvinces"); else turnButtonOff("toggleProvinces");
- if (zones.selectAll("*").size() && zones.style("display") !== "none") turnButtonOn("toggleZones"); else turnButtonOff("toggleZones");
- if (borders.style("display") !== "none") turnButtonOn("toggleBorders"); else turnButtonOff("toggleBorders");
- if (routes.style("display") !== "none" && routes.selectAll("path").size()) turnButtonOn("toggleRoutes"); else turnButtonOff("toggleRoutes");
- if (temperature.selectAll("*").size()) turnButtonOn("toggleTemp"); else turnButtonOff("toggleTemp");
- if (prec.selectAll("circle").size()) turnButtonOn("togglePrec"); else turnButtonOff("togglePrec");
- if (labels.style("display") !== "none") turnButtonOn("toggleLabels"); else turnButtonOff("toggleLabels");
- if (icons.style("display") !== "none") turnButtonOn("toggleIcons"); else turnButtonOff("toggleIcons");
- if (armies.selectAll("*").size() && armies.style("display") !== "none") turnButtonOn("toggleMilitary"); else turnButtonOff("toggleMilitary");
- if (markers.selectAll("*").size() && markers.style("display") !== "none") turnButtonOn("toggleMarkers"); else turnButtonOff("toggleMarkers");
- if (ruler.style("display") !== "none") turnButtonOn("toggleRulers"); else turnButtonOff("toggleRulers");
- if (scaleBar.style("display") !== "none") turnButtonOn("toggleScaleBar"); else turnButtonOff("toggleScaleBar");
+ const notHidden = selection => selection.style("display") !== "none";
+ const hasChildren = selection => selection.node()?.hasChildNodes();
+ const hasChild = (selection, selector) => selection.node()?.querySelector(selector);
+ const turnOn = el => document.getElementById(el).classList.remove("buttonoff");
- // special case for population bars
- const populationIsOn = population.selectAll("line").size();
- if (populationIsOn) drawPopulation();
- if (populationIsOn) turnButtonOn("togglePopulation"); else turnButtonOff("togglePopulation");
+ void function restoreLayersState() {
+ // turn all layers off
+ document.getElementById("mapLayers").querySelectorAll("li").forEach(el => el.classList.add("buttonoff"));
+
+ // turn on active layers
+ if (notHidden(texture) && hasChild(texture, "image")) turnOn("toggleTexture");
+ if (hasChildren(terrs)) turnOn("toggleHeight");
+ if (hasChildren(biomes)) turnOn("toggleBiomes");
+ if (hasChildren(cells)) turnOn("toggleCells");
+ if (hasChildren(gridOverlay)) turnOn("toggleGrid");
+ if (hasChildren(coordinates)) turnOn("toggleCoordinates");
+ if (notHidden(compass) && hasChild(compass, "use")) turnOn("toggleCompass");
+ if (notHidden(rivers)) turnOn("toggleRivers");
+ if (notHidden(terrain) && hasChildren(terrain)) turnOn("toggleRelief");
+ if (hasChildren(relig)) turnOn("toggleReligions");
+ if (hasChildren(cults)) turnOn("toggleCultures");
+ if (hasChildren(statesBody)) turnOn("toggleStates");
+ if (hasChildren(provs)) turnOn("toggleProvinces");
+ if (hasChildren(zones) && notHidden(zones)) turnOn("toggleZones");
+ if (notHidden(borders) && hasChild(compass, "use")) turnOn("toggleBorders");
+ if (notHidden(routes) && hasChild(routes, "path")) turnOn("toggleRoutes");
+ if (hasChildren(temperature)) turnOn("toggleTemp");
+ if (hasChild(population, "line")) turnOn("togglePopulation");
+ if (hasChildren(ice)) turnOn("toggleIce");
+ if (hasChild(prec, "circle")) turnOn("togglePrec");
+ if (hasChild(emblems, "use")) turnOn("toggleEmblems");
+ if (notHidden(labels)) turnOn("toggleLabels");
+ if (notHidden(icons)) turnOn("toggleIcons");
+ if (hasChildren(armies) && notHidden(armies)) turnOn("toggleMilitary");
+ if (hasChildren(markers) && notHidden(markers)) turnOn("toggleMarkers");
+ if (notHidden(ruler)) turnOn("toggleRulers");
+ if (notHidden(scaleBar)) turnOn("toggleScaleBar");
getCurrentPreset();
}()
@@ -741,7 +827,7 @@ function parseLoadedData(data) {
ruler.selectAll("g.opisometer circle").call(d3.drag().on("start", dragOpisometerEnd));
ruler.selectAll("g.opisometer circle").call(d3.drag().on("start", dragOpisometerEnd));
- scaleBar.on("mousemove", () => tip("Click to open Units Editor"));
+ scaleBar.on("mousemove", () => tip("Click to open Units Editor")).on("click", () => editUnits());
legend.on("mousemove", () => tip("Drag to change the position. Click to hide the legend")).on("click", () => clearLegend());
}()
@@ -917,13 +1003,6 @@ function parseLoadedData(data) {
}
if (version < 1.22) {
- // v 1.21 had incorrect style formatting
- localStorage.removeItem("styleClean");
- localStorage.removeItem("styleGloom");
- localStorage.removeItem("styleAncient");
- localStorage.removeItem("styleMonochrome");
- addDefaulsStyles();
-
// v 1.22 changed state neighbors from Set object to array
BurgsAndStates.collectStatistics();
}
@@ -941,7 +1020,6 @@ function parseLoadedData(data) {
BurgsAndStates.generateCampaigns();
// v 1.3 added militry layer
- svg.select("defs").append("style").text(armiesStyle()); // add armies style
armies = viewbox.insert("g", "#icons").attr("id", "armies");
armies.attr("opacity", 1).attr("fill-opacity", 1).attr("font-size", 6).attr("box-size", 3).attr("stroke", "#000").attr("stroke-width", .3);
turnButtonOn("toggleMilitary");
@@ -981,6 +1059,35 @@ function parseLoadedData(data) {
pack.states.filter(s => s.military).forEach(s => s.military.forEach(r => r.state = s.i));
}
+ if (version < 1.5) {
+ // not need to store default styles from v 1.5
+ localStorage.removeItem("styleClean");
+ localStorage.removeItem("styleGloom");
+ localStorage.removeItem("styleAncient");
+ localStorage.removeItem("styleMonochrome");
+
+ // v 1.5 cultures has shield attribute
+ pack.cultures.forEach(culture => {
+ if (culture.removed) return;
+ culture.shield = Cultures.getRandomShield();
+ });
+
+ // v 1.5 added burg type value
+ pack.burgs.forEach(burg => {
+ if (!burg.i || burg.removed) return;
+ burg.type = BurgsAndStates.getType(burg.cell, burg.port);
+ });
+
+ // v 1.5 added emblems
+ defs.append("g").attr("id", "defs-emblems");
+ emblems = viewbox.insert("g", "#population").attr("id", "emblems").style("display", "none");
+ emblems.append("g").attr("id", "burgEmblems");
+ emblems.append("g").attr("id", "provinceEmblems");
+ emblems.append("g").attr("id", "stateEmblems");
+ regenerateEmblems();
+ toggleEmblems();
+ }
+
}()
void function checkDataIntegrity() {
@@ -1041,6 +1148,9 @@ function parseLoadedData(data) {
changeMapSize();
+ // remove href from emblems, to trigger rendering on load
+ emblems.selectAll("use").attr("href", null);
+
// set options
yearInput.value = options.year;
eraInput.value = options.era;
diff --git a/modules/ui/3d.js b/modules/ui/3d.js
index bd88decc..c7fa9aa0 100644
--- a/modules/ui/3d.js
+++ b/modules/ui/3d.js
@@ -121,7 +121,6 @@ const saveScreenshot = async function() {
const link = document.createElement("a");
link.download = getFileName() + ".jpeg";
link.href = URL;
- document.body.appendChild(link);
link.click();
tip(`Screenshot is saved. Open "Downloads" screen (CTRL + J) to check`, true, "success", 7000);
window.setTimeout(() => window.URL.revokeObjectURL(URL), 5000);
diff --git a/modules/ui/burg-editor.js b/modules/ui/burg-editor.js
index 9a3af95c..2b384ee5 100644
--- a/modules/ui/burg-editor.js
+++ b/modules/ui/burg-editor.js
@@ -31,8 +31,10 @@ function editBurg(id) {
document.getElementById("burgRemoveGroup").addEventListener("click", removeBurgsGroup);
document.getElementById("burgName").addEventListener("input", changeName);
- document.getElementById("burgNameReCulture").addEventListener("click", generateNameCulture);
document.getElementById("burgNameReRandom").addEventListener("click", generateNameRandom);
+ document.getElementById("burgType").addEventListener("input", changeType);
+ document.getElementById("burgCulture").addEventListener("input", changeCulture);
+ document.getElementById("burgNameReCulture").addEventListener("click", generateNameCulture);
document.getElementById("burgPopulation").addEventListener("change", changePopulation);
burgBody.querySelectorAll(".burgFeature").forEach(el => el.addEventListener("click", toggleFeature));
@@ -43,7 +45,7 @@ function editBurg(id) {
document.getElementById("burgEditAnchorStyle").addEventListener("click", editGroupAnchorStyle);
document.getElementById("burgSeeInMFCG").addEventListener("click", openInMFCG);
- document.getElementById("burgOpenCOA").addEventListener("click", openInIAHG);
+ document.getElementById("burgEditEmblem").addEventListener("click", openEmblemEdit);
document.getElementById("burgRelocate").addEventListener("click", toggleRelocateBurg);
document.getElementById("burglLegend").addEventListener("click", editBurgLegend);
document.getElementById("burgRemove").addEventListener("click", removeSelectedBurg);
@@ -51,10 +53,27 @@ function editBurg(id) {
function updateBurgValues() {
const id = +elSelected.attr("data-id");
const b = pack.burgs[id];
+ const province = pack.cells.province[b.cell];
+ const provinceName = province ? pack.provinces[province].fullName + ", " : "";
+ const stateName = pack.states[b.state].fullName || pack.states[b.state].name;
+ document.getElementById("burgProvinceAndState").innerHTML = provinceName + stateName;
+
document.getElementById("burgName").value = b.name;
+ document.getElementById("burgType").value = b.type || "Generic";
document.getElementById("burgPopulation").value = rn(b.population * populationRate.value * urbanization.value);
document.getElementById("burgEditAnchorStyle").style.display = +b.port ? "inline-block" : "none";
+ // update list and select culture
+ const cultureSelect = document.getElementById("burgCulture");
+ cultureSelect.options.length = 0;
+ const cultures = pack.cultures.filter(c => !c.removed);
+ cultures.forEach(c => cultureSelect.options.add(new Option(c.name, c.i, false, c.i === b.culture)));
+
+ const temperature = grid.cells.temp[pack.cells.g[b.cell]];
+ document.getElementById("burgTemperature").innerHTML = convertTemperature(temperature);
+ document.getElementById("burgTemperatureLikeIn").innerHTML = getTemperatureLikeness(temperature);
+ document.getElementById("burgElevation").innerHTML = getHeight(pack.cells.h[b.cell]);
+
// toggle features
if (b.capital) document.getElementById("burgCapital").classList.remove("inactive");
else document.getElementById("burgCapital").classList.add("inactive");
@@ -79,6 +98,23 @@ function editBurg(id) {
burgLabels.selectAll("g").each(function() {
select.options.add(new Option(this.id, this.id, false, this.id === group));
});
+
+ // set emlem image
+ const coaID = "burgCOA"+id;
+ COArenderer.trigger(coaID, b.coa);
+ document.getElementById("burgEmblem").setAttribute("href", "#" + coaID);
+ }
+
+ // in °C, array from -1 °C; source: https://en.wikipedia.org/wiki/List_of_cities_by_average_temperature
+ function getTemperatureLikeness(temperature) {
+ if (temperature < -5) return "Yakutsk";
+ const cities = [
+ "Snag (Yukon)", "Yellowknife (Canada)", "Okhotsk (Russia)", "Fairbanks (Alaska)", "Nuuk (Greenland)", "Murmansk", // -5 - 0
+ "Arkhangelsk", "Anchorage", "Tromsø", "Reykjavik", "Riga", "Stockholm", "Halifax", "Prague", "Copenhagen", "London", // 1 - 10
+ "Antwerp", "Paris", "Milan", "Batumi", "Rome", "Dubrovnik", "Lisbon", "Barcelona", "Marrakesh", "Alexandria", // 11 - 20
+ "Tegucigalpa", "Guangzhou", "Rio de Janeiro", "Dakar", "Miami", "Jakarta", "Mogadishu", "Bangkok", "Aden", "Khartoum"]; // 21 - 30
+ if (temperature > 30) return "Mecca";
+ return cities[temperature+5] || null;
}
function dragBurgLabel() {
@@ -220,6 +256,22 @@ function editBurg(id) {
elSelected.text(burgName.value);
}
+ function generateNameRandom() {
+ const base = rand(nameBases.length-1);
+ burgName.value = Names.getBase(base);
+ changeName();
+ }
+
+ function changeType() {
+ const id = +elSelected.attr("data-id");
+ pack.burgs[id].type = this.value;
+ }
+
+ function changeCulture() {
+ const id = +elSelected.attr("data-id");
+ pack.burgs[id].culture = +this.value;
+ }
+
function generateNameCulture() {
const id = +elSelected.attr("data-id");
const culture = pack.burgs[id].culture;
@@ -227,12 +279,6 @@ function editBurg(id) {
changeName();
}
- function generateNameRandom() {
- const base = rand(nameBases.length-1);
- burgName.value = Names.getBase(base);
- changeName();
- }
-
function changePopulation() {
const id = +elSelected.attr("data-id");
pack.burgs[id].population = rn(burgPopulation.value / populationRate.value / urbanization.value, 4);
@@ -296,7 +342,8 @@ function editBurg(id) {
if (!seed && burg.MFCGlink) {openURL(burg.MFCGlink); return;}
const cells = pack.cells;
const name = elSelected.text();
- const size = Math.max(Math.min(rn(burg.population), 65), 6);
+ const size = Math.max(Math.min(rn(burg.population), 100), 6); // to be removed once change on MFDC is done
+ const population = rn(burg.population * populationRate.value * urbanization.value);
const s = burg.MFCG || defSeed;
const cell = burg.cell;
@@ -321,22 +368,14 @@ function editBurg(id) {
}
const site = "http://fantasycities.watabou.ru/?random=0&continuous=0";
- const url = `${site}&name=${name}&size=${size}&seed=${s}&hub=${hub}&river=${river}&coast=${coast}&citadel=${citadel}&plaza=${plaza}&temple=${temple}&walls=${walls}&shantytown=${shanty}${sea}`;
+ const url = `${site}&name=${name}&population=${population}&size=${size}&seed=${s}&hub=${hub}&river=${river}&coast=${coast}&citadel=${citadel}&plaza=${plaza}&temple=${temple}&walls=${walls}&shantytown=${shanty}${sea}`;
openURL(url);
}
}
- function openInIAHG(event) {
- const id = elSelected.attr("data-id"), burg = pack.burgs[id], defSeed = `${seed}-b${id}`;
- const openIAHG = () => openURL("https://ironarachne.com/#/heraldry/" + (burg.IAHG || defSeed));
-
- if (isCtrlClick(event)) {
- prompt(`Please provide an Iron Arachne Heraldry Generator seed. To remove a capital you have to remove a state first `;
$("#alert").dialog({resizable: false, title: "Remove all burgs",
buttons: {
Remove: function() {
@@ -472,5 +472,4 @@ function overviewBurgs() {
pack.burgs.filter(b => b.i && !b.capital).forEach(b => removeBurg(b.i));
burgsOverviewAddLines();
}
-
}
diff --git a/modules/ui/cultures-editor.js b/modules/ui/cultures-editor.js
index 8c4e7965..5f25fb38 100644
--- a/modules/ui/cultures-editor.js
+++ b/modules/ui/cultures-editor.js
@@ -60,6 +60,9 @@ function editCultures() {
const unit = areaUnit.value === "square" ? " " + distanceUnitInput.value + "²" : " " + areaUnit.value;
let lines = "", totalArea = 0, totalPopulation = 0;
+ const emblemShapeGroup = document.getElementById("emblemShape").selectedOptions[0].parentNode.label;
+ const selectShape = emblemShapeGroup === "Diversiform"
+
for (const c of pack.cultures) {
if (c.removed) continue;
const area = c.area * (distanceScaleInput.value ** 2);
@@ -73,7 +76,7 @@ function editCultures() {
if (!c.i) {
// Uncultured (neutral) line
lines += `
+ data-area=${area} data-population=${population} data-base=${c.base} data-type="" data-expansionism="" data-emblems="${c.shield}">
@@ -86,26 +89,28 @@ function editCultures() {
${si(population)}
-
${getBaseOptions(c.base)}
+
${getBaseOptions(c.base)}
+ ${selectShape ? `
${getShapeOptions(c.shield)} ` : ""}
+ data-area=${area} data-population=${population} data-base=${c.base} data-type=${c.type} data-expansionism=${c.expansionism} data-emblems="${c.shield}">
${c.cells}
-
+
${getTypeOptions(c.type)}
${si(area) + unit}
${si(population)}
-
${getBaseOptions(c.base)}
+
${getBaseOptions(c.base)}
+ ${selectShape ? `
${getShapeOptions(c.shield)} ` : ""}
${capitalize(shape)} `);
+ }
+
function cultureHighlightOn(event) {
const culture = +event.target.dataset.id;
const info = document.getElementById("cultureInfo");
@@ -225,6 +236,40 @@ function editCultures() {
this.parentNode.dataset.base = pack.cultures[culture].base = v;
}
+ function cultureChangeShape() {
+ const culture = +this.parentNode.dataset.id;
+ const shape = this.value;
+ this.parentNode.dataset.emblems = pack.cultures[culture].shield = shape;
+
+ const rerenderCOA = (id, coa) => {
+ const coaEl = document.getElementById(id);
+ if (!coaEl) return; // not rendered
+ coaEl.remove();
+ COArenderer.trigger(id, coa);
+ }
+
+ pack.states.forEach(state => {
+ if (state.culture !== culture || !state.i || state.removed || !state.coa || state.coa === "custom") return;
+ if (shape === state.coa.shield) return;
+ state.coa.shield = shape;
+ rerenderCOA("stateCOA" + state.i, state.coa);
+ });
+
+ pack.provinces.forEach(province => {
+ if (pack.cells.culture[province.center] !== culture || !province.i || province.removed || !province.coa || province.coa === "custom") return;
+ if (shape === province.coa.shield) return;
+ province.coa.shield = shape;
+ rerenderCOA("provinceCOA" + province.i, province.coa);
+ });
+
+ pack.burgs.forEach(burg => {
+ if (burg.culture !== culture || !burg.i || burg.removed || !burg.coa || burg.coa === "custom") return;
+ if (shape === burg.coa.shield) return;
+ burg.coa.shield = shape
+ rerenderCOA("burgCOA" + burg.i, burg.coa);
+ });
+ }
+
function changePopulation() {
const culture = +this.parentNode.dataset.id;
const c = pack.cultures[culture];
@@ -293,7 +338,7 @@ function editCultures() {
b.name = Names.getCulture(culture);
labels.select("[data-id='" + b.i +"']").text(b.name);
});
- tip(`Names for ${cBurgs.length} burgs are re-generated`);
+ tip(`Names for ${cBurgs.length} burgs are regenerated`, false, "success");
}
function cultureRemove() {
@@ -306,12 +351,12 @@ function editCultures() {
Remove: function() {
cults.select("#culture"+culture).remove();
debug.select("#cultureCenter"+culture).remove();
-
+
pack.burgs.filter(b => b.culture == culture).forEach(b => b.culture = 0);
pack.states.forEach((s, i) => {if(s.culture === culture) s.culture = 0;});
pack.cells.culture.forEach((c, i) => {if(c === culture) pack.cells.culture[i] = 0;});
pack.cultures[culture].removed = true;
-
+
const origin = pack.cultures[culture].origin;
pack.cultures.forEach(c => {if(c.origin === culture) c.origin = origin;});
refreshCulturesEditor();
@@ -492,9 +537,9 @@ function editCultures() {
debug.select("#cultureCenters").style("display", "none");
culturesEditor.querySelectorAll(".hide").forEach(el => el.classList.add("hidden"));
- culturesHeader.querySelector("div[data-sortby='type']").style.left = "6.8em";
+ culturesHeader.querySelector("div[data-sortby='type']").style.left = "8.8em";
+ culturesHeader.querySelector("div[data-sortby='base']").style.left = "13.6em";
culturesFooter.style.display = "none";
- culturesHeader.querySelector("div[data-sortby='base']").style.marginLeft = "21px";
body.querySelectorAll("div > input, select, span, svg").forEach(e => e.style.pointerEvents = "none");
$("#culturesEditor").dialog({position: {my: "right top", at: "right-10 top+10", of: "svg"}});
@@ -588,9 +633,9 @@ function editCultures() {
document.getElementById("culturesManuallyButtons").style.display = "none";
culturesEditor.querySelectorAll(".hide").forEach(el => el.classList.remove("hidden"));
- culturesHeader.querySelector("div[data-sortby='type']").style.left = "15.8em";
+ culturesHeader.querySelector("div[data-sortby='type']").style.left = "18.6em";
+ culturesHeader.querySelector("div[data-sortby='base']").style.left = "35.8em";
culturesFooter.style.display = "block";
- culturesHeader.querySelector("div[data-sortby='base']").style.marginLeft = "2px";
body.querySelectorAll("div > input, select, span, svg").forEach(e => e.style.pointerEvents = "all");
if(!close) $("#culturesEditor").dialog({position: {my: "right top", at: "right-10 top+10", of: "svg"}});
@@ -634,7 +679,7 @@ function editCultures() {
function downloadCulturesData() {
const unit = areaUnit.value === "square" ? distanceUnitInput.value + "2" : areaUnit.value;
- let data = "Id,Culture,Color,Cells,Expansionism,Type,Area "+unit+",Population,Namesbase\n"; // headers
+ let data = "Id,Culture,Color,Cells,Expansionism,Type,Area "+unit+",Population,Namesbase,Emblems Shape\n"; // headers
body.querySelectorAll(":scope > div").forEach(function(el) {
data += el.dataset.id + ",";
@@ -646,7 +691,8 @@ function editCultures() {
data += el.dataset.area + ",";
data += el.dataset.population + ",";
const base = +el.dataset.base;
- data += nameBases[base].name + "\n";
+ data += nameBases[base].name + ",";
+ data += el.dataset.emblems + "\n";
});
const name = getFileName("Cultures") + ".csv";
diff --git a/modules/ui/diplomacy-editor.js b/modules/ui/diplomacy-editor.js
index 67dc6173..c5f5e986 100644
--- a/modules/ui/diplomacy-editor.js
+++ b/modules/ui/diplomacy-editor.js
@@ -54,8 +54,10 @@ function editDiplomacy() {
const selName = states[sel].fullName;
diplomacySelect.style.display = "none";
- let lines = `
-
${selName}
+ COArenderer.trigger("stateCOA"+sel, states[sel].coa);
+ let lines = `
`;
for (const s of states) {
@@ -66,9 +68,10 @@ function editDiplomacy() {
const tip = s.fullName + description[index] + selName;
const tipSelect = `${tip}. Click to see relations to ${s.name}`;
const tipChange = `${tip}. Click to change relations to ${selName}`;
+ COArenderer.trigger("stateCOA"+s.i, s.coa);
lines += `
-
+
${s.fullName}
Go Back `;
+
+ const stateSection = ``;
+
+ const provinceSections = validStates.map(state => {
+ const stateProvinces = validProvinces.filter(p => p.state === state.i);
+ const figures = stateProvinces.map(province => {
+ const el = document.getElementById("provinceCOA"+province.i);
+ return `${province.fullName} ${getSVG(el, 200)}${back}
${state.fullName} provinces ${figures}` : "";
+ }).join("");
+
+ const burgSections = validStates.map(state => {
+ const stateBurgs = validBurgs.filter(b => b.state === state.i);
+ let stateBurgSections = validProvinces.filter(p => p.state === state.i).map(province => {
+ const provinceBurgs = stateBurgs.filter(b => pack.cells.province[b.cell] === province.i);
+ const provinceBurgFigures = provinceBurgs.map(burg => {
+ const el = document.getElementById("burgCOA"+burg.i);
+ return `${burg.name} ${getSVG(el, 200)}${back}
${province.fullName} burgs ${provinceBurgFigures}` : "";
+ }).join("");
+
+ const stateBurgOutOfProvinces = stateBurgs.filter(b => !pack.cells.province[b.cell]);
+ const stateBurgOutOfProvincesFigures = stateBurgOutOfProvinces.map(burg => {
+ const el = document.getElementById("burgCOA"+burg.i);
+ return `${burg.name} ${getSVG(el, 200)}
${state.fullName} burgs under direct control ${stateBurgOutOfProvincesFigures}`;
+ return stateBurgSections;
+ }).join("");
+
+ const neutralBurgs = validBurgs.filter(b => !b.state);
+ const neutralsSection = neutralBurgs.length ? "
Independent burgs " + neutralBurgs.map(burg => {
+ const el = document.getElementById("burgCOA"+burg.i);
+ return `${burg.name} ${getSVG(el, 200)}Azgaar's Fantasy Map Generator `;
+ const license = `the license `;
+ const html = `${mapName.value} Emblems Gallery
+
+
${mapName.value} Emblems Gallery
+ ${stateSection}
+ ${provinceSections}
+ ${burgSections}
+ ${neutralsSection}
+ Generated by ${FMG}. The tool is free, but images may be copyrighted, see ${license}
+ `;
+ downloadFile(html, name + ".html", "text/plain");
+ }
+ }
+
+ async function renderAllEmblems(states, provinces, burgs) {
+ tip("Preparing for download...", true, "warn");
+
+ const statePromises = states.map(state => COArenderer.trigger("stateCOA"+state.i, state.coa));
+ const provincePromises = provinces.map(province => COArenderer.trigger("provinceCOA"+province.i, province.coa));
+ const burgPromises = burgs.map(burg => COArenderer.trigger("burgCOA"+burg.i, burg.coa));
+ const promises = [...statePromises, ...provincePromises, ...burgPromises];
+
+ return Promise.allSettled(promises).then(res => clearMainTip());
+ }
+
+ function dragEmblem() {
+ const tr = parseTransform(this.getAttribute("transform"));
+ const x = +tr[0] - d3.event.x, y = +tr[1] - d3.event.y;
+
+ d3.event.on("drag", function() {
+ const transform = `translate(${(x + d3.event.x)},${(y + d3.event.y)})`;
+ this.setAttribute("transform", transform);
+ });
+ }
+
+ function closeEmblemEditor() {
+ emblems.selectAll("use").call(d3.drag().on("drag", null)).attr("class", null);
+ }
+}
\ No newline at end of file
diff --git a/modules/ui/general.js b/modules/ui/general.js
index ca6ee9f7..5e6d671f 100644
--- a/modules/ui/general.js
+++ b/modules/ui/general.js
@@ -19,6 +19,12 @@ document.getElementById("dialogs").addEventListener("mousemove", showDataTip);
document.getElementById("optionsContainer").addEventListener("mousemove", showDataTip);
document.getElementById("exitCustomization").addEventListener("mousemove", showDataTip);
+/**
+ * @param {string} tip Tooltip text
+ * @param {boolean} main Show above other tooltips
+ * @param {string} type Message type (color): error, warn, success
+ * @param {number} time Timeout to auto hide, ms
+ */
function tip(tip = "Tip is undefined", main, type, time) {
tooltip.innerHTML = tip;
tooltip.style.background = "linear-gradient(0.1turn, #ffffff00, #5e5c5c80, #ffffff00)";
@@ -94,6 +100,23 @@ function showMapTooltip(point, e, i, g) {
tip(e.target.parentNode.dataset.name + ". Click to edit");
return;
}
+
+ if (group === "emblems" && e.target.tagName === "use") {
+ const parent = e.target.parentNode;
+ const [g, type] = parent.id === "burgEmblems" ? [pack.burgs, "burg"] :
+ parent.id === "provinceEmblems" ? [pack.provinces, "province"] :
+ [pack.states, "state"];
+ const i = +e.target.dataset.i;
+ if (event.shiftKey) highlightEmblemElement(type, g[i]);
+
+ d3.select(e.target).raise();
+ d3.select(parent).raise();
+
+ const name = g[i].fullName || g[i].name;
+ tip(`${name} ${type} emblem. Click to edit. Hold Shift to show associated area or place`);
+ return;
+ }
+
if (group === "rivers") {
const river = +e.target.id.slice(5);
const r = pack.rivers.find(r => r.i === river);
@@ -171,7 +194,7 @@ function highlightEditorLine(editor, id, timeout = 15000) {
Array.from(editor.getElementsByClassName("states hovered")).forEach(el => el.classList.remove("hovered")); // clear all hovered
const hovered = Array.from(editor.querySelectorAll("div")).find(el => el.dataset.id == id);
if (hovered) hovered.classList.add("hovered"); // add hovered class
- if (timeout) setTimeout(() => hovered.classList.remove("hovered"), timeout);
+ if (timeout) setTimeout(() => {hovered && hovered.classList.remove("hovered")}, timeout);
}
// get cell info on mouse move
@@ -281,6 +304,31 @@ function getPopulationTip(i) {
return `Cell population: ${si(rural+urban)}; Rural: ${si(rural)}; Urban: ${si(urban)}`;
}
+function highlightEmblemElement(type, el) {
+ const i = el.i, cells = pack.cells;
+ const animation = d3.transition().duration(1000).ease(d3.easeSinIn);
+
+ if (type === "burg") {
+ const {x, y} = el;
+ debug.append("circle").attr("cx", x).attr("cy", y).attr("r", 0)
+ .attr("fill", "none").attr("stroke", "#d0240f").attr("stroke-width", 1).attr("opacity", 1)
+ .transition(animation).attr("r", 20).attr("opacity", .1).attr("stroke-width", 0).remove();
+ return;
+ }
+
+ const [x, y] = el.pole;
+ const obj = type === "state" ? cells.state : cells.province;
+ const borderCells = cells.i.filter(id => obj[id] === i && cells.c[id].some(n => obj[n] !== i));
+ const data = Array.from(borderCells).filter((c, i) => !(i%2)).map(i => cells.p[i]).map(i => [i[0], i[1], Math.hypot(i[0]-x, i[1]-y)]);
+
+ debug.selectAll("line").data(data).enter().append("line")
+ .attr("x1", x).attr("y1", y).attr("x2", d => d[0]).attr("y2", d => d[1])
+ .attr("stroke", "#d0240f").attr("stroke-width", .5).attr("opacity", .2)
+ .attr("stroke-dashoffset", d => d[2]).attr("stroke-dasharray", d => d[2])
+ .transition(animation).attr("stroke-dashoffset", 0).attr("opacity", 1)
+ .transition(animation).delay(1000).attr("stroke-dashoffset", d => d[2]).attr("opacity", 0).remove();
+}
+
// assign lock behavior
document.querySelectorAll("[data-locked]").forEach(function(e) {
e.addEventListener("mouseover", function(event) {
@@ -289,7 +337,7 @@ document.querySelectorAll("[data-locked]").forEach(function(e) {
event.stopPropagation();
});
- e.addEventListener("click", function(event) {
+ e.addEventListener("click", function() {
const id = (this.id).slice(5);
if (this.className === "icon-lock") unlock(id);
else lock(id);
@@ -326,6 +374,22 @@ function stored(option) {
return localStorage.getItem(option);
}
+// assign skeaker behaviour
+Array.from(document.getElementsByClassName("speaker")).forEach(el => {
+ const input = el.previousElementSibling;
+ el.addEventListener("click", () => speak(input.value));
+});
+
+function speak(text) {
+ const speaker = new SpeechSynthesisUtterance(text);
+ const voices = speechSynthesis.getVoices();
+ if (voices.length) {
+ const voiceId = +document.getElementById("speakerVoice").value;
+ speaker.voice = voices[voiceId];
+ }
+ speechSynthesis.speak(speaker);
+}
+
// apply drop-down menu option. If the value is not in options, add it
function applyOption(select, id, name = id) {
const custom = !Array.from(select.options).some(o => o.value == id);
@@ -339,6 +403,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 +418,11 @@ function showInfo() {
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}.
- You can track the development process on ${Trello}.
+ Track the development process on ${Trello}.
- Links:
+ Check out our new project: ${Armoria}, heraldry generator and editor.
+
+ Links:
${link("https://github.com/Azgaar/Fantasy-Map-Generator", "GitHub repository")}
${link("https://github.com/Azgaar/Fantasy-Map-Generator/blob/master/LICENSE", "License")}
@@ -372,6 +439,7 @@ function showInfo() {
// prevent default browser behavior for FMG-used hotkeys
document.addEventListener("keydown", event => {
if (event.altKey && event.keyCode !== 18) event.preventDefault(); // disallow alt key combinations
+ if (event.ctrlKey && event.code === "KeyS") event.preventDefault(); // disallow CTRL + C
if ([112, 113, 117, 120, 9].includes(event.keyCode)) event.preventDefault(); // F1, F2, F6, F9, Tab
});
@@ -400,6 +468,7 @@ document.addEventListener("keyup", event => {
else if (key === 79 && canvas3d) toggle3dOptions(); // "O" to toggle 3d options
else if (ctrl && key === 81) toggleSaveReminder(); // Ctrl + "Q" to toggle save reminder
+ else if (ctrl && key === 83) saveMap(); // Ctrl + "S" to save .map file
else if (undo.offsetParent && ctrl && key === 90) undo.click(); // Ctrl + "Z" to undo
else if (redo.offsetParent && ctrl && key === 89) redo.click(); // Ctrl + "Y" to redo
@@ -412,6 +481,7 @@ document.addEventListener("keyup", event => {
else if (shift && key === 78) editNamesbase(); // Shift + "N" to edit Namesbase
else if (shift && key === 90) editZones(); // Shift + "Z" to edit Zones
else if (shift && key === 82) editReligions(); // Shift + "R" to edit Religions
+ else if (shift && key === 89) openEmblemEditor(); // Shift + "Y" to edit Emblems
else if (shift && key === 81) editUnits(); // Shift + "Q" to edit Units
else if (shift && key === 79) editNotes(); // Shift + "O" to edit Notes
else if (shift && key === 84) overviewBurgs(); // Shift + "T" to open Burgs overview
@@ -451,6 +521,7 @@ document.addEventListener("keyup", event => {
else if (key === 78) togglePopulation(); // "N" to toggle Population layer
else if (key === 74) toggleIce(); // "J" to toggle Ice layer
else if (key === 65) togglePrec(); // "A" to toggle Precipitation layer
+ else if (key === 89) toggleEmblems(); // "Y" to toggle Emblems layer
else if (key === 76) toggleLabels(); // "L" to toggle Labels layer
else if (key === 73) toggleIcons(); // "I" to toggle Icons layer
else if (key === 77) toggleMilitary(); // "M" to toggle Military layer
diff --git a/modules/ui/heightmap-editor.js b/modules/ui/heightmap-editor.js
index b2f7712a..34a77e1d 100644
--- a/modules/ui/heightmap-editor.js
+++ b/modules/ui/heightmap-editor.js
@@ -287,9 +287,7 @@ function editHeightmap() {
reGraph();
drawCoastline();
- if (changeHeights.checked) {
- Rivers.generate(changeHeights.checked);
- }
+ if (changeHeights.checked) Rivers.generate(changeHeights.checked);
// assign saved pack data from grid back to pack
const n = pack.cells.i.length;
@@ -1308,7 +1306,6 @@ function editHeightmap() {
const link = document.createElement("a");
link.download = getFileName("Heightmap") + ".png";
link.href = imgBig;
- document.body.appendChild(link);
link.click();
canvas.remove();
}
diff --git a/modules/ui/layers.js b/modules/ui/layers.js
index 6f66e108..ef60400e 100644
--- a/modules/ui/layers.js
+++ b/modules/ui/layers.js
@@ -1,29 +1,6 @@
// UI module stub to control map layers
"use strict";
-// on map regeneration restore layers if they was turned on
-function restoreLayers() {
- if (layerIsOn("toggleHeight")) drawHeightmap();
- if (layerIsOn("toggleCells")) drawCells();
- if (layerIsOn("toggleGrid")) drawGrid();
- if (layerIsOn("toggleCoordinates")) drawCoordinates();
- if (layerIsOn("toggleCompass")) compass.style("display", "block");
- if (layerIsOn("toggleTemp")) drawTemp();
- if (layerIsOn("togglePrec")) drawPrec();
- if (layerIsOn("togglePopulation")) drawPopulation();
- if (layerIsOn("toggleBiomes")) drawBiomes();
- if (layerIsOn("toggleRelief")) ReliefIcons();
- if (layerIsOn("toggleCultures")) drawCultures();
- if (layerIsOn("toggleProvinces")) drawProvinces();
- if (layerIsOn("toggleReligions")) drawReligions();
- if (layerIsOn("toggleIce")) drawIce();
-
- // states are getting rendered each time, if it's not required than layers should be hidden
- if (!layerIsOn("toggleBorders")) $('#borders').fadeOut();
- if (!layerIsOn("toggleStates")) regions.style("display", "none").selectAll("path").remove();
-}
-
-restoreLayers(); // run on-load
let presets = {}; // global object
restoreCustomPresets(); // run on-load
@@ -38,6 +15,7 @@ function getDefaultPresets() {
"physical": ["toggleCoordinates", "toggleHeight", "toggleIce", "toggleRivers", "toggleScaleBar"],
"poi": ["toggleBorders", "toggleHeight", "toggleIce", "toggleIcons", "toggleMarkers", "toggleRivers", "toggleRoutes", "toggleScaleBar"],
"military": ["toggleBorders", "toggleIcons", "toggleLabels", "toggleMilitary", "toggleRivers", "toggleRoutes", "toggleScaleBar", "toggleStates"],
+ "emblems": ["toggleBorders", "toggleIcons", "toggleIce", "toggleEmblems", "toggleRivers", "toggleRoutes", "toggleScaleBar", "toggleStates"],
"landmass": ["toggleScaleBar"]
}
}
@@ -55,9 +33,10 @@ function restoreCustomPresets() {
presets = storedPresets;
}
+// run on map generation
function applyPreset() {
- const selected = localStorage.getItem("preset");
- if (selected) changePreset(selected);
+ const preset = localStorage.getItem("preset") || document.getElementById("layersPreset").value;
+ changePreset(preset);
}
// toggle layers on preset change
@@ -117,6 +96,29 @@ function getCurrentPreset() {
savePresetButton.style.display = "inline-block";
}
+// run on map regeneration
+function restoreLayers() {
+ if (layerIsOn("toggleHeight")) drawHeightmap();
+ if (layerIsOn("toggleCells")) drawCells();
+ if (layerIsOn("toggleGrid")) drawGrid();
+ if (layerIsOn("toggleCoordinates")) drawCoordinates();
+ if (layerIsOn("toggleCompass")) compass.style("display", "block");
+ if (layerIsOn("toggleTemp")) drawTemp();
+ if (layerIsOn("togglePrec")) drawPrec();
+ if (layerIsOn("togglePopulation")) drawPopulation();
+ if (layerIsOn("toggleBiomes")) drawBiomes();
+ if (layerIsOn("toggleRelief")) ReliefIcons();
+ if (layerIsOn("toggleCultures")) drawCultures();
+ if (layerIsOn("toggleProvinces")) drawProvinces();
+ if (layerIsOn("toggleReligions")) drawReligions();
+ if (layerIsOn("toggleIce")) drawIce();
+ if (layerIsOn("toggleEmblems")) drawEmblems();
+
+ // states are getting rendered each time, if it's not required than layers should be hidden
+ if (!layerIsOn("toggleBorders")) $('#borders').fadeOut();
+ if (!layerIsOn("toggleStates")) regions.style("display", "none").selectAll("path").remove();
+}
+
function toggleHeight(event) {
if (!terrs.selectAll("*").size()) {
turnButtonOn("toggleHeight");
@@ -457,7 +459,7 @@ function drawCells() {
cells.append("path").attr("d", path);
}
-function toggleIce() {
+function toggleIce(event) {
if (!layerIsOn("toggleIce")) {
turnButtonOn("toggleIce");
$('#ice').fadeIn();
@@ -473,7 +475,7 @@ function toggleIce() {
function drawIce() {
const cells = grid.cells, vertices = grid.vertices, n = cells.i.length, temp = cells.temp, h = cells.h;
const used = new Uint8Array(cells.i.length);
- Math.seedrandom(seed);
+ Math.random = aleaPRNG(seed);
const shieldMin = -6; // max temp to form ice shield (glacier)
const icebergMax = 2; // max temp to form an iceberg
@@ -713,15 +715,16 @@ function drawStates() {
});
const bodyData = body.map((p, i) => [p.length > 10 ? p : null, i, states[i].color]).filter(d => d[0]);
- statesBody.selectAll("path").data(bodyData).enter().append("path").attr("d", d => d[0]).attr("fill", d => d[2]).attr("stroke", "none").attr("id", d => "state"+d[1]);
const gapData = gap.map((p, i) => [p.length > 10 ? p : null, i, states[i].color]).filter(d => d[0]);
- statesBody.selectAll(".path").data(gapData).enter().append("path").attr("d", d => d[0]).attr("fill", "none").attr("stroke", d => d[2]).attr("id", d => "state-gap"+d[1]);
- defs.select("#statePaths").selectAll("clipPath").remove();
- defs.select("#statePaths").selectAll("clipPath").data(bodyData).enter().append("clipPath").attr("id", d => "state-clip"+d[1]).append("use").attr("href", d => "#state"+d[1]);
- statesHalo.selectAll(".path").data(bodyData).enter().append("path")
- .attr("d", d => d[0]).attr("stroke", d => d3.color(d[2]) ? d3.color(d[2]).darker().hex() : "#666666")
- .attr("id", d => "state-border"+d[1]).attr("clip-path", d => "url(#state-clip"+d[1]+")");
+ const bodyString = bodyData.map(d => `" + array.map(n => `${n} `).join("") + " ";
@@ -114,6 +115,7 @@ optionsContent.addEventListener("input", function(event) {
else if (id === "neutralOutput") neutralInput.value = value;
else if (id === "manorsInput") changeBurgsNumberSlider(value);
else if (id === "religionsInput") religionsOutput.value = value;
+ else if (id === "emblemShape") changeEmblemShape(value);
else if (id === "uiSizeInput") uiSizeOutput.value = value;
else if (id === "uiSizeOutput") changeUIsize(value);
else if (id === "tooltipSizeInput" || id === "tooltipSizeOutput") changeTooltipSize(value);
@@ -139,6 +141,7 @@ optionsContent.addEventListener("click", function(event) {
else if (id === "optionsEraRegenerate") regenerateEra();
else if (id === "zoomExtentDefault") restoreDefaultZoomExtent();
else if (id === "translateExtent") toggleTranslateExtent(event.target);
+ else if (id === "speakerTest") testSpeaker();
});
function mapSizeInputChange() {
@@ -197,6 +200,30 @@ function toggleTranslateExtent(el) {
else zoom.translateExtent([[0, 0], [graphWidth, graphHeight]]);
}
+// add voice options
+const voiceInterval = setInterval(function() {
+ const voices = speechSynthesis.getVoices();
+ if (voices.length) clearInterval(voiceInterval); else return;
+
+ const select = document.getElementById("speakerVoice");
+ voices.forEach((voice, i) => {
+ select.options.add(new Option(voice.name, i, false));
+ });
+ if (stored("speakerVoice")) select.value = localStorage.getItem("speakerVoice"); // se voice to store
+ else select.value = voices.findIndex(voice => voice.lang === "en-US"); // or to first found English-US
+}, 1000);
+
+function testSpeaker() {
+ const text = `${mapName.value}, ${options.year} ${options.era}`;
+ const speaker = new SpeechSynthesisUtterance(text);
+ const voices = speechSynthesis.getVoices();
+ if (voices.length) {
+ const voiceId = +document.getElementById("speakerVoice").value;
+ speaker.voice = voices[voiceId];
+ }
+ speechSynthesis.speak(speaker);
+}
+
function generateMapWithSeed() {
if (optionsSeed.value == seed) {
tip("The current map already has this seed", false, "error");
@@ -218,7 +245,7 @@ function showSeedHistoryDialog() {
});
}
-// generate map with historycal seed
+// generate map with historical seed
function restoreSeed(id) {
if (mapHistory[id].seed == seed) {
tip("The current map is already generated with this seed", null, "error");
@@ -262,6 +289,47 @@ function changeCultureSet() {
if (+culturesOutput.value > +max) culturesInput.value = culturesOutput.value = max;
}
+function changeEmblemShape(emblemShape) {
+ const image = document.getElementById("emblemShapeImage");
+ const shapePath = window.COArenderer && COArenderer.shieldPaths[emblemShape];
+ shapePath ? image.setAttribute("d", shapePath) : image.removeAttribute("d");
+
+ const specificShape = ["culture", "state", "random"].includes(emblemShape) ? null : emblemShape;
+ if (emblemShape === "random") pack.cultures.filter(c => !c.removed).forEach(c => c.shield = Cultures.getRandomShield());
+
+ const rerenderCOA = (id, coa) => {
+ const coaEl = document.getElementById(id);
+ if (!coaEl) return; // not rendered
+ coaEl.remove();
+ COArenderer.trigger(id, coa);
+ }
+
+ pack.states.forEach(state => {
+ if (!state.i || state.removed || !state.coa || state.coa === "custom") return;
+ const newShield = specificShape || COA.getShield(state.culture, null);
+ if (newShield === state.coa.shield) return;
+ state.coa.shield = newShield;
+ rerenderCOA("stateCOA" + state.i, state.coa);
+ });
+
+ pack.provinces.forEach(province => {
+ if (!province.i || province.removed || !province.coa || province.coa === "custom") return;
+ const culture = pack.cells.culture[province.center];
+ const newShield = specificShape || COA.getShield(culture, province.state);
+ if (newShield === province.coa.shield) return;
+ province.coa.shield = newShield;
+ rerenderCOA("provinceCOA" + province.i, province.coa);
+ });
+
+ pack.burgs.forEach(burg => {
+ if (!burg.i || burg.removed || !burg.coa || burg.coa === "custom") return;
+ const newShield = specificShape || COA.getShield(burg.culture, burg.state);
+ if (newShield === burg.coa.shield) return;
+ burg.coa.shield = newShield
+ rerenderCOA("burgCOA" + burg.i, burg.coa);
+ });
+}
+
function changeStatesNumber(value) {
regionsInput.value = regionsOutput.value = value;
regionsOutput.style.color = +value ? null : "#b12117";
@@ -319,6 +387,7 @@ function applyStoredOptions() {
for (let i=0; i < localStorage.length; i++) {
const stored = localStorage.key(i), value = localStorage.getItem(stored);
+ if (stored === "speakerVoice") continue;
const input = document.getElementById(stored+"Input") || document.getElementById(stored);
const output = document.getElementById(stored+"Output");
if (input) input.value = value;
@@ -350,7 +419,7 @@ function applyStoredOptions() {
// randomize options if randomization is allowed (not locked or options='default')
function randomizeOptions() {
- Math.seedrandom(seed); // reset seed to initial one
+ Math.random = aleaPRNG(seed); // reset seed to initial one
const randomize = new URL(window.location.href).searchParams.get("options") === "default"; // ignore stored options
// 'Options' settings
@@ -403,14 +472,14 @@ function randomizeHeightmapTemplate() {
// select culture set pseudo-randomly
function randomizeCultureSet() {
const sets = {
- "world": 25,
- "european": 20,
- "oriental": 10,
- "english": 10,
- "antique": 5,
- "highFantasy": 22,
- "darkFantasy": 6,
- "random": 2};
+ "world": 10,
+ "european": 10,
+ "oriental": 2,
+ "english": 5,
+ "antique": 3,
+ "highFantasy": 11,
+ "darkFantasy": 3,
+ "random": 1};
culturesSet.value = rw(sets);
changeCultureSet();
}
diff --git a/modules/ui/provinces-editor.js b/modules/ui/provinces-editor.js
index c794386a..adda7d3e 100644
--- a/modules/ui/provinces-editor.js
+++ b/modules/ui/provinces-editor.js
@@ -38,7 +38,7 @@ function editProvinces() {
const el = ev.target, cl = el.classList, line = el.parentNode, p = +line.dataset.id;
if (cl.contains("fillRect")) changeFill(el); else
if (cl.contains("name")) editProvinceName(p); else
- if (cl.contains("icon-coa")) provinceOpenCOA(ev, p); else
+ if (cl.contains("coaIcon")) editEmblem("province", "provinceCOA"+p, pack.provinces[p]); else
if (cl.contains("icon-star-empty")) capitalZoomIn(p); else
if (cl.contains("icon-flag-empty")) triggerIndependencePromps(p); else
if (cl.contains("culturePopulation")) changePopulation(p); else
@@ -114,10 +114,11 @@ function editProvinces() {
const capital = p.burg ? pack.burgs[p.burg].name : '';
const separable = p.burg && p.burg !== pack.states[p.state].capital;
const focused = defs.select("#fog #focusProvince"+p.i).size();
+ COArenderer.trigger("provinceCOA"+p.i, p.coa);
lines += `
${p.burgs.length ? getCapitalOptions(p.burgs, p.burg) : ''}
@@ -192,19 +193,6 @@ function editProvinces() {
openPicker(currentFill, callback);
}
- function provinceOpenCOA(event, p) {
- const defSeed = `${seed}-p${p}`;
- const openIAHG = () => openURL("https://ironarachne.com/#/heraldry/" + (pack.provinces[p].IAHG || defSeed));
-
- if (isCtrlClick(event)) {
- prompt(`Please provide an Iron Arachne Heraldry Generator seed.
`;
continue;
}
+
const capital = pack.burgs[s.capital].name;
+ COArenderer.trigger("stateCOA"+s.i, s.coa);
lines += `
States Number option`, false, "warn");
+ pack.states = pack.states.slice(0,1); // remove all except of neutrals
+ pack.states[0].diplomacy = []; // clear diplomacy
+ pack.provinces = [0]; // remove all provinces
+ pack.cells.state = new Uint16Array(pack.cells.i.length); // reset cells data
+ borders.selectAll("path").remove(); // remove borders
+ regions.selectAll("path").remove(); // remove states fill
+ labels.select("#states").selectAll("text"); // remove state labels
+ defs.select("#textPaths").selectAll("path[id*='stateLabel']").remove(); // remove state labels paths
+
+ if (document.getElementById("burgsOverviewRefresh").offsetParent) burgsOverviewRefresh.click();
+ if (document.getElementById("statesEditorRefresh").offsetParent) statesEditorRefresh.click();
+ return;
+ }
+
+ const neutral = pack.states[0].name;
+ const count = Math.min(+regionsInput.value, burgs.length);
+ let spacing = (graphWidth + graphHeight) / 2 / count; // min distance between capitals
+ pack.states = d3.range(count).map(i => {
+ if (!i) return {i, name: neutral};
+
+ let capital = null, x = 0, y = 0;
+ for (const i of sorted) {
+ capital = burgs[i];
+ x = capital.x, y = capital.y;
+ if (capitalsTree.find(x, y, spacing) === undefined) break;
+ spacing = Math.max(spacing - 1, 1);
+ }
+
+ capitalsTree.add([x, y]);
+ capital.capital = 1;
+ moveBurgToGroup(capital.i, "cities");
+
+ const culture = capital.culture;
+ const basename = capital.name.length < 9 && capital.cell%5 === 0 ? capital.name : Names.getCulture(culture, 3, 6, "", 0);
+ const name = Names.getState(basename, culture);
+ const nomadic = [1, 2, 3, 4].includes(pack.cells.biome[capital.cell]);
+ const type = nomadic ? "Nomadic" : pack.cultures[culture].type === "Nomadic" ? "Generic" : pack.cultures[culture].type;
+ const expansionism = rn(Math.random() * powerInput.value + 1, 1);
+
+ const cultureType = pack.cultures[culture].type;
+ const coa = COA.generate(capital.coa, .3, null, cultureType);
+ coa.shield = capital.coa.shield;
+
+ return {i, name, type, capital:capital.i, center:capital.cell, culture, expansionism, coa};
+ });
+
+ BurgsAndStates.expandStates();
+ BurgsAndStates.normalizeStates();
+ BurgsAndStates.collectStatistics();
+ BurgsAndStates.assignColors();
+ BurgsAndStates.generateCampaigns();
+ BurgsAndStates.generateDiplomacy();
+ BurgsAndStates.defineStateForms();
+ BurgsAndStates.generateProvinces(true);
+ if (!layerIsOn("toggleStates")) toggleStates(); else drawStates();
+ if (!layerIsOn("toggleBorders")) toggleBorders(); else drawBorders();
+ BurgsAndStates.drawStateLabels();
+ Military.generate();
+ if (layerIsOn("toggleEmblems")) drawEmblems(); // redrawEmblems
+
+ if (document.getElementById("burgsOverviewRefresh").offsetParent) burgsOverviewRefresh.click();
+ if (document.getElementById("statesEditorRefresh").offsetParent) statesEditorRefresh.click();
+ if (document.getElementById("militaryOverviewRefresh").offsetParent) militaryOverviewRefresh.click();
+}
+
+function regenerateProvinces() {
+ unfog();
+
+ BurgsAndStates.generateProvinces(true);
+ drawBorders();
+ if (layerIsOn("toggleProvinces")) drawProvinces();
+
+ // remove emblems
+ document.querySelectorAll("[id^=provinceCOA]").forEach(el => el.remove());
+ emblems.selectAll("use").remove();
+ if (layerIsOn("toggleEmblems")) drawEmblems();
+}
+
function regenerateBurgs() {
const cells = pack.cells, states = pack.states;
rankCells();
@@ -139,100 +271,65 @@ function regenerateBurgs() {
BurgsAndStates.drawBurgs();
Routes.regenerate();
+ // remove emblems
+ document.querySelectorAll("[id^=burgCOA]").forEach(el => el.remove());
+ emblems.selectAll("use").remove();
+ if (layerIsOn("toggleEmblems")) drawEmblems();
+
if (document.getElementById("burgsOverviewRefresh").offsetParent) burgsOverviewRefresh.click();
if (document.getElementById("statesEditorRefresh").offsetParent) statesEditorRefresh.click();
}
-function regenerateStates() {
- Math.seedrandom(Math.floor(Math.random() * 1e9)); // new random seed
- const burgs = pack.burgs.filter(b => b.i && !b.removed);
- if (!burgs.length) {
- tip("No burgs to generate states. Please create burgs first", false, "error");
- return;
- }
- if (burgs.length < +regionsInput.value) {
- tip(`Not enough burgs to generate ${regionsInput.value} states. Will generate only ${burgs.length} states`, false, "warn");
- }
+function regenerateEmblems() {
+ // remove old emblems
+ document.querySelectorAll("[id^=stateCOA]").forEach(el => el.remove());
+ document.querySelectorAll("[id^=provinceCOA]").forEach(el => el.remove());
+ document.querySelectorAll("[id^=burgCOA]").forEach(el => el.remove());
+ emblems.selectAll("use").remove();
- // burg local ids sorted by a bit randomized population:
- const sorted = burgs.map((b, i) => [i, b.population * Math.random()]).sort((a, b) => b[1] - a[1]).map(b => b[0]);
- const capitalsTree = d3.quadtree();
-
- // turn all old capitals into towns
- burgs.filter(b => b.capital).forEach(b => {
- moveBurgToGroup(b.i, "towns");
- b.capital = 0;
+ // generate new emblems
+ pack.states.forEach(state => {
+ if (!state.i || state.removed) return;
+ const cultureType = pack.cultures[state.culture].type;
+ state.coa = COA.generate(null, null, null, cultureType);
+ state.coa.shield = COA.getShield(state.culture, null);
});
- unfog();
+ pack.burgs.forEach(burg => {
+ if (!burg.i || burg.removed) return;
+ const state = pack.states[burg.state];
- // if desired states number is 0
- if (regionsInput.value == 0) {
- tip(`Cannot generate zero states. Please check the States Number option`, false, "warn");
- pack.states = pack.states.slice(0,1); // remove all except of neutrals
- pack.states[0].diplomacy = []; // clear diplomacy
- pack.provinces = [0]; // remove all provinces
- pack.cells.state = new Uint16Array(pack.cells.i.length); // reset cells data
- borders.selectAll("path").remove(); // remove borders
- regions.selectAll("path").remove(); // remove states fill
- labels.select("#states").selectAll("text"); // remove state labels
- defs.select("#textPaths").selectAll("path[id*='stateLabel']").remove(); // remove state labels paths
+ let kinship = .25;
+ if (burg.capital) kinship += .1;
+ else if (burg.port) kinship -= .1;
+ if (burg.culture !== state.culture) kinship -= .25;
+ burg.coa = COA.generate(state.coa, kinship, null, burg.type);
+ burg.coa.shield = COA.getShield(burg.culture, burg.state);
+ });
- if (document.getElementById("burgsOverviewRefresh").offsetParent) burgsOverviewRefresh.click();
- if (document.getElementById("statesEditorRefresh").offsetParent) statesEditorRefresh.click();
- return;
- }
+ pack.provinces.forEach(province => {
+ if (!province.i || province.removed) return;
+ const parent = province.burg ? pack.burgs[province.burg] : pack.states[province.state];
- const neutral = pack.states[0].name;
- const count = Math.min(+regionsInput.value, burgs.length);
- let spacing = (graphWidth + graphHeight) / 2 / count; // min distance between capitals
- pack.states = d3.range(count).map(i => {
- if (!i) return {i, name: neutral};
-
- let capital = null, x = 0, y = 0;
- for (const i of sorted) {
- capital = burgs[i];
- x = capital.x, y = capital.y;
- if (capitalsTree.find(x, y, spacing) === undefined) break;
- spacing = Math.max(spacing - 1, 1);
+ let dominion = false;
+ if (!province.burg) {
+ dominion = P(.2);
+ if (province.formName === "Colony") dominion = P(.95); else
+ if (province.formName === "Island") dominion = P(.6); else
+ if (province.formName === "Islands") dominion = P(.5); else
+ if (province.formName === "Territory") dominion = P(.4); else
+ if (province.formName === "Land") dominion = P(.3);
}
- capitalsTree.add([x, y]);
- capital.capital = 1;
- moveBurgToGroup(capital.i, "cities");
-
- const culture = capital.culture;
- const basename = capital.name.length < 9 && capital.cell%5 === 0 ? capital.name : Names.getCulture(culture, 3, 6, "", 0);
- const name = Names.getState(basename, culture);
- const nomadic = [1, 2, 3, 4].includes(pack.cells.biome[capital.cell]);
- const type = nomadic ? "Nomadic" : pack.cultures[culture].type === "Nomadic" ? "Generic" : pack.cultures[culture].type;
- const expansionism = rn(Math.random() * powerInput.value + 1, 1);
- return {i, name, type, capital:capital.i, center:capital.cell, culture, expansionism};
+ const nameByBurg = province.burg && province.name.slice(0, 3) === parent.name.slice(0, 3);
+ const kinship = dominion ? 0 : nameByBurg ? .8 : .4;
+ const culture = pack.cells.culture[province.center];
+ const type = BurgsAndStates.getType(province.center, parent.port);
+ province.coa = COA.generate(parent.coa, kinship, dominion, type);
+ province.coa.shield = COA.getShield(culture, province.state);
});
- BurgsAndStates.expandStates();
- BurgsAndStates.normalizeStates();
- BurgsAndStates.collectStatistics();
- BurgsAndStates.assignColors();
- BurgsAndStates.generateCampaigns();
- BurgsAndStates.generateDiplomacy();
- BurgsAndStates.defineStateForms();
- BurgsAndStates.generateProvinces(true);
- if (!layerIsOn("toggleStates")) toggleStates(); else drawStates();
- if (!layerIsOn("toggleBorders")) toggleBorders(); else drawBorders();
- BurgsAndStates.drawStateLabels();
- Military.generate();
-
- if (document.getElementById("burgsOverviewRefresh").offsetParent) burgsOverviewRefresh.click();
- if (document.getElementById("statesEditorRefresh").offsetParent) statesEditorRefresh.click();
- if (document.getElementById("militaryOverviewRefresh").offsetParent) militaryOverviewRefresh.click();
-}
-
-function regenerateProvinces() {
- unfog();
- BurgsAndStates.generateProvinces(true);
- drawBorders();
- if (layerIsOn("toggleProvinces")) drawProvinces();
+ if (layerIsOn("toggleEmblems")) drawEmblems(); // redrawEmblems
}
function regenerateReligions() {
diff --git a/modules/ui/world-configurator.js b/modules/ui/world-configurator.js
index fc3f93b6..913e4f77 100644
--- a/modules/ui/world-configurator.js
+++ b/modules/ui/world-configurator.js
@@ -2,10 +2,10 @@ function editWorld() {
if (customization) return;
$("#worldConfigurator").dialog({title: "Configure World", resizable: false, width: "42em",
buttons: {
- "Whole World": () => applyPreset(100, 50),
- "Northern": () => applyPreset(33, 25),
- "Tropical": () => applyPreset(33, 50),
- "Southern": () => applyPreset(33, 75),
+ "Whole World": () => applyWorldPreset(100, 50),
+ "Northern": () => applyWorldPreset(33, 25),
+ "Tropical": () => applyWorldPreset(33, 50),
+ "Southern": () => applyWorldPreset(33, 75),
"Restore Winds": restoreDefaultWinds
}, open: function() {
const buttons = $(this).dialog("widget").find(".ui-dialog-buttonset > button");
@@ -124,7 +124,7 @@ function editWorld() {
if (update) updateWorld();
}
- function applyPreset(size, lat) {
+ function applyWorldPreset(size, lat) {
document.getElementById("mapSizeInput").value = document.getElementById("mapSizeOutput").value = size;
document.getElementById("latitudeInput").value = document.getElementById("latitudeOutput").value = lat;
lock("mapSize");
diff --git a/modules/utils.js b/modules/utils.js
index 005d0738..3e34336c 100644
--- a/modules/utils.js
+++ b/modules/utils.js
@@ -232,7 +232,7 @@ function gauss(expected = 100, deviation = 30, min = 0, max = 300, round = 0) {
return rn(Math.max(Math.min(d3.randomNormal(expected, deviation)(), max), min), round);
}
-/** This is a description of the foo function. */
+// probability shorthand for floats
function Pint(float) {
return ~~float + +P(float % 1);
}
diff --git a/modules/voronoi.js b/modules/voronoi.js
index 7889b91e..f5e4b45c 100644
--- a/modules/voronoi.js
+++ b/modules/voronoi.js
@@ -13,7 +13,6 @@ class Voronoi {
this.cells = { v: [], c: [], b: [] }; // voronoi cells: v = cell vertices, c = adjacent cells, b = near-border cell
this.vertices = { p: [], v: [], c: [] }; // cells vertices: p = vertex coordinates, v = neighboring vertices, c = adjacent cells
-
// Half-edges are the indices into the delaunator outputs:
// delaunay.triangles[e] gives the point ID where the half-edge starts
// delaunay.triangles[e] returns either the opposite half-edge in the adjacent triangle, or -1 if there's not an adjacent triangle.
diff --git a/run_python_server.bat b/run_python_server.bat
new file mode 100644
index 00000000..b74d34c1
--- /dev/null
+++ b/run_python_server.bat
@@ -0,0 +1,3 @@
+start chrome.exe http://localhost:8000/
+@echo off
+python -m http.server 8000
\ No newline at end of file
+ 
+ 
+ 
+ 
+ 