mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-16 17:31:24 +01:00
v. 0.61.00b
This commit is contained in:
Azgaar
parent
012e788629
commit
987d9851c5
4 changed files with 878 additions and 593 deletions
|
|
@ -209,4 +209,4 @@
|
|||
.icon-smooth:before {font-weight: bold; content: '∼'; }
|
||||
.icon-disrupt:before {font-weight: bold; content: '෴'; }
|
||||
.icon-if:before {font-style: italic; font-weight: bold; content: 'if'; }
|
||||
.icon-arc:before {font-weight: bold; font-size: 1.2em; content: '⌒'; }
|
||||
.icon-arc:before {font-weight: bold; font-size: 1.2em; content: '⌒'; }
|
||||
45
index.css
45
index.css
|
|
@ -99,16 +99,6 @@ button, select, a {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
#hills {
|
||||
stroke-width: 0.1px;
|
||||
fill: #999999;
|
||||
}
|
||||
|
||||
#mounts {
|
||||
stroke-width: 0.1px;
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.strokes {
|
||||
stroke-width: 0.08px;
|
||||
width: 2px;
|
||||
|
|
@ -131,17 +121,6 @@ button, select, a {
|
|||
mask-mode: alpha;
|
||||
}
|
||||
|
||||
#swamps {
|
||||
stroke-width: 0.05px;
|
||||
fill: none;
|
||||
stroke: #5c5c70;
|
||||
}
|
||||
|
||||
#forests {
|
||||
stroke-width: 0.1px;
|
||||
stroke: #5c5c70;
|
||||
}
|
||||
|
||||
#options .pressed {
|
||||
background-color: #916e7f;
|
||||
font-style: italic;
|
||||
|
|
@ -234,7 +213,6 @@ div > input[type="number"].editNumber {
|
|||
#riverEditor > *,
|
||||
#routeEditor > *,
|
||||
#iconEditor > *,
|
||||
#reliefEditor > *,
|
||||
#burgEditor * {
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -812,7 +790,12 @@ body button.noicon {
|
|||
.ui-dialog input[type="number"] {
|
||||
width: 28px;
|
||||
height: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ui-dialog input[type="number"].relief {
|
||||
width: 38px;
|
||||
height: 10px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.ui-dialog .disabled {
|
||||
|
|
@ -1425,3 +1408,19 @@ div#legendHeader {
|
|||
div#legendBody {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
|
||||
svg.button {
|
||||
position: relative;
|
||||
background-color: transparent;
|
||||
margin: -5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#reliefIconsSeletionAny {
|
||||
display: none;
|
||||
font-style: italic;
|
||||
width: 26px;
|
||||
height: 21px;
|
||||
padding: 0;
|
||||
}
|
||||
|
|
|
|||
200
index.html
200
index.html
|
|
@ -31,8 +31,8 @@
|
|||
<script src="libs/polylabel.min.js"></script>
|
||||
<script src="libs/quantize.min.js" defer></script>
|
||||
<script src="libs/jquery.ui.touch-punch.min.js" defer></script>
|
||||
<link rel="stylesheet" type="text/css" href="index.css?version=0.60.14b"/>
|
||||
<link rel="stylesheet" type="text/css" href="icons.css?version=0.60.14b"/>
|
||||
<link rel="stylesheet" type="text/css" href="index.css?version=0.61.00b"/>
|
||||
<link rel="stylesheet" type="text/css" href="icons.css?version=0.61.00b"/>
|
||||
<link rel="stylesheet" type="text/css" href="libs/jquery-ui.css"/>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -121,6 +121,39 @@
|
|||
<path d="M15 4c0-0.547-0.453-1-1-1s-1 0.453-1 1 0.453 1 1 1 1-0.453 1-1zM28 18.5v5.5c0 0.203-0.125 0.391-0.313 0.469-0.063 0.016-0.125 0.031-0.187 0.031-0.125 0-0.25-0.047-0.359-0.141l-1.453-1.453c-2.453 2.953-6.859 4.844-11.688 4.844s-9.234-1.891-11.688-4.844l-1.453 1.453c-0.094 0.094-0.234 0.141-0.359 0.141-0.063 0-0.125-0.016-0.187-0.031-0.187-0.078-0.313-0.266-0.313-0.469v-5.5c0-0.281 0.219-0.5 0.5-0.5h5.5c0.203 0 0.391 0.125 0.469 0.313s0.031 0.391-0.109 0.547l-1.563 1.563c1.406 1.891 4.109 3.266 7.203 3.687v-10.109h-3c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h3v-2.547c-1.188-0.688-2-1.969-2-3.453 0-2.203 1.797-4 4-4s4 1.797 4 4c0 1.484-0.812 2.766-2 3.453v2.547h3c0.547 0 1 0.453 1 1v2c0 0.547-0.453 1-1 1h-3v10.109c3.094-0.422 5.797-1.797 7.203-3.687l-1.563-1.563c-0.141-0.156-0.187-0.359-0.109-0.547s0.266-0.313 0.469-0.313h5.5c0.281 0 0.5 0.219 0.5 0.5z"></path>
|
||||
</symbol>
|
||||
</g>
|
||||
<g id="defs-relief">
|
||||
<symbol id="relief-mount-1" viewBox="0 0 100 100">
|
||||
<path d="m3,69 16,-12 31,-32 15,20 30,24" fill="#fff" stroke="#5c5c70" stroke-width="1"></path>
|
||||
<path d="m3,69 16,-12 31,-32 -14,44" fill="#999999"></path>
|
||||
<path d="m3,71 h92 m-83,3 h83" stroke="#5c5c70" stroke-dasharray="7, 11" stroke-width="1"></path>
|
||||
</symbol>
|
||||
<symbol id="relief-hill-1" viewBox="0 0 100 100">
|
||||
<path d="m20,55 q30,-28 60,0" fill="#999999" stroke="#5c5c70"></path>
|
||||
<path d="m38,55 q13,-24 40,0" fill="#fff"></path>
|
||||
<path d="m20,58 h70 m-62,3 h50" stroke="#5c5c70" stroke-dasharray="7, 11" stroke-width="1"></path>
|
||||
</symbol>
|
||||
<symbol id="relief-deciduous-1" viewBox="0 0 100 100">
|
||||
<path d="m50,52 v7 h1 v-7 h-0.5 q13,-7 0,-16 q-13,9 0,16" fill="#fff" stroke="#5c5c70"></path>
|
||||
<path d="m50,52 q-12,-7 0,-16 q-3.5,10 0,15.5" fill="#999999"></path>
|
||||
</symbol>
|
||||
<symbol id="relief-conifer-1" viewBox="0 0 100 100">
|
||||
<path d="m50,55 v4 h1 v-4 l4.5,0 -4,-8 l3.5,0 -4.5,-9 -4,9 3,0 -3.5,8 7,0" fill="#fff" stroke="#5c5c70"></path>
|
||||
<path d="m46,55 l4,-8 -4,0 5,-9 -2.5,9 l1.5,0 -2,8" fill="#999999"></path>
|
||||
</symbol>
|
||||
<symbol id="relief-palm-1" viewBox="0 0 100 100">
|
||||
<path d="m 48.1,55.5 2.1,0 c 0,0 1.3,-5.5 1.2,-8.6 0,-3.2 -1.1,-5.5 -1.1,-5.5 l -0.5,-0.4 -0.2,0.1 c 0,0 0.9,2.7 0.5,6.2 -0.5,3.8 -2.1,8.2 -2.1,8.2 z" fill="#5c5c70"></path>
|
||||
<path d="m 54.9,48.8 c 0,0 1.9,-2.5 0.3,-5.4 -1.4,-2.6 -4.3,-3.2 -4.3,-3.2 0,0 1.6,-0.6 3.3,-0.3 1.7,0.3 4.1,2.5 4.1,2.5 0,0 -0.6,-3.6 -3.6,-4.4 -2.2,-0.6 -4.2,1.3 -4.2,1.3 0,0 0.3,-1.5 -0.2,-2.9 -0.6,-1.4 -2.6,-1.9 -2.6,-1.9 0,0 0.8,1.1 1.2,2.2 0.3,0.9 0.3,2 0.3,2 0,0 -1.3,-1.8 -3.7,-1.5 -2.5,0.2 -3.7,2.5 -3.7,2.5 0,0 2.3,-0.6 3.4,-0.6 1.1,0.1 2.6,0.8 2.6,0.8 l -0.4,0.2 c 0,0 -1.2,-0.4 -2.7,0.4 -1.9,1.1 -2.9,3.7 -2.9,3.7 0,0 1.4,-1.4 2.3,-1.9 0.5,-0.3 1.8,-0.7 1.8,-0.7 0,0 -0.7,1.3 -0.9,3.1 -0.1,2.5 1.1,4.6 1.1,4.6 0,0 0.1,-3.4 1.2,-5.6 1,-1.9 2.3,-2.6 2.3,-2.6 l 0.4,-0.2 c 0,0 1.5,0.7 2.8,2.8 1,1.7 2.3,5 2.3,5 z" fill="#fff" stroke="#5c5c70" stroke-width=".6"></path>
|
||||
<path d="m 47.75,34.61 c 0,0 0.97,1.22 1.22,2.31 0.2,0.89 0.35,2.81 0.35,2.81 0,0 -1.59,-1.5 -3.2,-1.61 -1.82,-0.13 -3.97,1.31 -3.97,1.31 0,0 2.11,-0.49 3.34,-0.47 1.51,0.03 3.33,1.21 3.33,1.21 0,0 -1.7,0.83 -2.57,2.8 -0.88,1.97 -0.34,6.01 -0.34,6.01 0,0 0.04,-2.95 0.94,-4.96 0.8,-1.78 2.11,-2.67 2.44,-2.85 0.66,-0.34 0.49,-1.09 0.49,-1.09 0,0 -0.1,-2.18 -0.52,-3.37 -0.42,-1.21 -1.51,-2.11 -1.51,-2.11 z" fill="#999"></path>
|
||||
<path d="m 42,43.7 c 0,0 1.2,-1.1 1.8,-1.5 0.7,-0.4 2,-0.8 2,-0.8 L 46.5,40.5 c 0,0 -0.8,0 -2.3,0.8 -1.3,0.8 -2.2,2.3 -2.2,2.3 z" fill="#999"></path>
|
||||
</symbol>
|
||||
<symbol id="relief-swamp-1" viewBox="0 0 100 100">
|
||||
<path d="m50,46 v6 l3,-4 m-3,4 l-3,-4 m-7,4.5 h4 m4,0 h4 m4,0 h4" fill="none" stroke="#5c5c70"></path>
|
||||
</symbol>
|
||||
<symbol id="relief-dune-1" viewBox="0 0 100 100">
|
||||
<path d="m 28.7,52.8 c 5,-3.9 10,-8.2 15.8,-8.3 4.5,0 10.8,3.8 15.2,6.5 3.5,2.2 6.8,2 6.8,2" fill="none" stroke="#5c5c70" stroke-width="1.8"></path>
|
||||
<path d="m 44.2,47.6 c -3.2,3.2 3.5,5.7 5.9,7.8" fill="none" stroke="#5c5c70"></path>
|
||||
</symbol>
|
||||
</g>
|
||||
<g id="defs-markers">
|
||||
<symbol id="marker0" viewBox="0 0 30 30">
|
||||
<path d="M6,19 l9,10 L24,19" fill="#000000" stroke="none"></path>
|
||||
|
|
@ -188,14 +221,14 @@
|
|||
<div id="loading">
|
||||
<div id="title_name">Azgaar's</div>
|
||||
<div id="title">Fantasy Map Generator</div>
|
||||
<div id="version">v. 0.60b</div>
|
||||
<div id="version">v. 0.61b</div>
|
||||
<p id="loading-text">LOADING<span>.</span><span>.</span><span>.</span></p>
|
||||
</div>
|
||||
<canvas id="canvas" style="opacity: 0"></canvas>
|
||||
<div id="optionsContainer" class="hidden">
|
||||
<div id="collapsible">
|
||||
<button id="optionsTrigger" onmouseover="tip('Click to toggle options. Hotkey: O')" class="options icon-right-open glow"></button>
|
||||
<button id="regenerate" onmouseover="tip('Click to generate a new map. Hotkey: F6')" class="options">New Map!</button>
|
||||
<button id="regenerate" onmouseover="tip('Click to generate a new map. Hotkey: F7')" class="options">New Map!</button>
|
||||
</div>
|
||||
<div id="options">
|
||||
<div class="drag-trigger" onmouseover="tip('Drag to move options pane')"></div>
|
||||
|
|
@ -278,6 +311,8 @@
|
|||
<br>Size: <input id="styleOverlaySize" type="range" min="2" max="50" step="0.1" value="10">
|
||||
<output id="styleOverlaySizeOutput" onmouseover="tip('Overlay size')">10</output>
|
||||
<output id="styleOverlaySizeFriendly" onmouseover="tip('Size between two adjacent cells in map scale')">(52 mi)</output>
|
||||
<br>Shift by x: <input id="styleOverlayShiftX" type="number" value="0" class="pureInput" onmouseover="tip('Shift the overlay by X axis')">
|
||||
Shift by y: <input id="styleOverlayShiftY" type="number" value="0" class="pureInput" onmouseover="tip('Shift the overlay by Y axis')">
|
||||
</div>
|
||||
<div id="styleOcean">
|
||||
<br>Elements:
|
||||
|
|
@ -323,6 +358,12 @@
|
|||
<br>Opacity: <input id="styleOpacityInput" type="range" min="0" max="1" step="0.01" value="1">
|
||||
<output id="styleOpacityOutput">1</output>
|
||||
</div>
|
||||
|
||||
<div id="styleCoastline" style="padding: 7px 0 0;">
|
||||
<input id="styleCoastlineAuto" class="checkbox" type="checkbox" checked onchange="$('#styleFilter').toggle();">
|
||||
<label for="styleCoastlineAuto" onmouseover="tip('Allow system to apply filter uutomatically based on zoom level')" class="checkbox-label">Automatically change filter on zoom</label>
|
||||
</div>
|
||||
|
||||
<div id="styleFilter">
|
||||
<br>Filter: <select id="styleFilterInput" class="pureInput">
|
||||
<option value="" selected>None</option>
|
||||
|
|
@ -477,7 +518,7 @@
|
|||
</td>
|
||||
<td onmouseover="tip('Define how many Cultures should be generated')">Cultures count</td>
|
||||
<td>
|
||||
<input id="culturesInput" type="range" min="1" max="13" value="7">
|
||||
<input id="culturesInput" type="range" min="1" max="15" value="7">
|
||||
</td>
|
||||
<td>
|
||||
<output id="culturesOutput">7</output>
|
||||
|
|
@ -495,13 +536,38 @@
|
|||
<output id="precOutput">15</output>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<i onmouseover="tip('Unlock to allow option randomization on new map generation')" data-locked=1 id="lockReliefSizeInput" class="icon-lock"></i>
|
||||
</td>
|
||||
<td onmouseover="tip('Define the size of relief icons. Changes will be applied immediately')">Relief icons size</td>
|
||||
<td>
|
||||
<input id="reliefSizeInput" type="range" min="0.2" max="2" step="0.1" value="1">
|
||||
</td>
|
||||
<td>
|
||||
<output id="reliefSizeOutput">1</output>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<tr>
|
||||
<td>
|
||||
<i onmouseover="tip('Unlock to allow option randomization on new map generation')" data-locked=1 id="lockReliefDensityInput" class="icon-lock"></i>
|
||||
</td>
|
||||
<td onmouseover="tip('Define the density of relief icons. Highly affects on performance. All relief icons will be regenerated on change')">Relief density</td>
|
||||
<td>
|
||||
<input id="reliefDensityInput" type="range" min="0" max="1" step="0.01" value="0.5">
|
||||
</td>
|
||||
<td>
|
||||
<output id="reliefDensityOutput">50%</output>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<i onmouseover="tip('Unlock to allow option randomization on new map generation')" data-locked=1 id="lockSwampinessInput" class="icon-lock"></i>
|
||||
</td>
|
||||
<td onmouseover="tip('Define the land swampiness. Increase to see more marshes on Relief map')">Swampiness</td>
|
||||
<td>
|
||||
<input id="swampinessInput" type="range" min="0" max="100" value="10">
|
||||
<input id="swampinessInput" type="range" min="0" max="300" value="50">
|
||||
</td>
|
||||
<td>
|
||||
<output id="swampinessOutput">10</output>
|
||||
|
|
@ -569,6 +635,7 @@
|
|||
<button id="editCountries" onmouseover="tip('Click to open Countries Editor')">Countries</button>
|
||||
<button id="editCultures" onmouseover="tip('Click to open Cultures Editor')">Cultures</button>
|
||||
<button id="editScale" onmouseover="tip('Click to open Scale Editor')">Scale</button>
|
||||
<button id="editReliefIcons" onmouseover="tip('Click to open Relief Icons Editor')">Relief Icons</button>
|
||||
</div>
|
||||
<div id="customizeHeightmap" style="display: none;">
|
||||
<p>Heightmap customization:</p>
|
||||
|
|
@ -600,7 +667,6 @@
|
|||
<p>Click to add:</p>
|
||||
<button id="addBurg" onmouseover="tip('Click on map to place a burg')">Burg</button>
|
||||
<button id="addLabel" onmouseover="tip('Click on map to place label')">Label</button>
|
||||
<button id="addRelief" onmouseover="tip('Click on map to place a relief icon')">Relief Icon</button>
|
||||
<button id="addRiver" onmouseover="tip('Click on map to place new river or extend an existing one')">River</button>
|
||||
<button id="addRoute" onmouseover="tip('Click on map to place a route')">Route</button>
|
||||
<button id="addMarker" onmouseover="tip('Click on map to place a marker')">Marker</button>
|
||||
|
|
@ -626,7 +692,8 @@
|
|||
<div id="aboutContent" class="tabcontent">
|
||||
<p><a href="https://github.com/Azgaar/Fantasy-Map-Generator" target="_blank">Fantasy Map Generator</a> is an <a href="https://github.com/Azgaar/Fantasy-Map-Generator/blob/master/LICENSE" target="_blank">open source</a> tool which procedurally generates fantasy maps. You may use auto-generated maps as they are, edit them or even create a map from scratch. Check out the <a href="https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Quick-Start-Tutorial" target="_blank">quick start tutorial</a> and <a href="https://github.com/Azgaar/Fantasy-Map-Generator/wiki" target="_blank">project wiki</a> for guidance. Join our <a href="https://www.reddit.com/r/FantasyMapGenerator/" target="_blank">Reddit Community</a> if you have questions, need any help, have a suggestion or just want to share a created map.</p>
|
||||
<p>The project is under active development. For older versions see the <a href="https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Changelog" target="_blank">changelog</a>. Some details are covered in my <a href="https://azgaar.wordpress.com/" target="_blank">blog</a>. To track the current progress see the <a href="https://trello.com/b/7x832DG4/fantasy-map-generator" target="_blank">devboard</a>.</p>
|
||||
<p>Please report bugs <a href="https://github.com/Azgaar/Fantasy-Map-Generator/issues" target="_blank">here</a>. You may also <a href="mailto:maxganiev@yandex.ru" target="_blank">send me</a> an email.</p>
|
||||
<p>Please report bugs <a href="https://github.com/Azgaar/Fantasy-Map-Generator/issues" target="_blank">here</a>. You may also <a href="mailto:maxganiev@yandex.ru" target="_blank">send me</a> an email. Support the project on <a href='https://www.patreon.com/azgaar' target='_blank'>Patreon</a>.</p>
|
||||
<p>Supporters: David Patterson, es, Fondue Daredevil, Luke Wiltshire, Paavi1, Wil Sisney</p>
|
||||
<ul class="share-buttons">
|
||||
<li><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fazgaar.github.io%2FFantasy-Map-Generator%2F"e=" onmouseover="tip('Share on Facebook')" target="_blank"><img alt="Share on Facebook" src="images/Facebook.png" /></a></li>
|
||||
<li><a href="https://twitter.com/intent/tweet?source=https%3A%2F%2Fazgaar.github.io%2FFantasy-Map-Generator&text=%23FantasyMapGenerator%0A%0Ahttps%3A//azgaar.github.io/Fantasy-Map-Generator" target="_blank" onmouseover="tip('Tweet')"><img alt="Tweet" src="images/Twitter.png" /></a></li>
|
||||
|
|
@ -636,7 +703,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div id="sticked">
|
||||
<button id="randomMap" onmouseover="tip('Generate a new map based on options. May take about 1 minute. Hotkey: F6')" class="options">New Map</button>
|
||||
<button id="randomMap" onmouseover="tip('Generate a new map based on options. May take about 1 minute. Hotkey: F7')" class="options">New Map</button>
|
||||
<button id="saveButton" onmouseover="tip('Select file format to save map')" class="options">Save as</button>
|
||||
<div id="saveDropdown">
|
||||
<div id="saveMap" onmouseover="tip('Save as fully functional map in .map format. Hotkey: M')">.map</div>
|
||||
|
|
@ -694,7 +761,7 @@
|
|||
|
||||
<button id="labelLegend" onmouseover="tip('Edit free text notes (legend) for this label')" class="icon-edit"></button>
|
||||
<button id="labelCopy" onmouseover="tip('Copy the label')" class="icon-clone"></button>
|
||||
<button id="labelRemoveSingle" onmouseover="tip('Remove the label')" class="icon-trash"></button>
|
||||
<button id="labelRemoveSingle" onmouseover="tip('Remove the label. Hotkey: Delete')" class="icon-trash"></button>
|
||||
</div>
|
||||
|
||||
<div id="riverEditor" class="dialog" style="display: none">
|
||||
|
|
@ -718,7 +785,7 @@
|
|||
<button id="riverCopy" onmouseover="tip('Copy river')" class="icon-clone"></button>
|
||||
<button id="riverLegend" onmouseover="tip('Edit free text notes (legend) for the river')" class="icon-edit"></button>
|
||||
<button id="riverNew" onmouseover="tip('Create new river clicking on map')" class="icon-map-pin"></button>
|
||||
<button id="riverRemove" onmouseover="tip('Remove river')" class="icon-trash"></button>
|
||||
<button id="riverRemove" onmouseover="tip('Remove river. Hotkey: Delete')" class="icon-trash"></button>
|
||||
</div>
|
||||
|
||||
<div id="routeEditor" class="dialog" style="display: none">
|
||||
|
|
@ -732,7 +799,7 @@
|
|||
<button id="routeSplit" onmouseover="tip('Click on a control point to split the route')" class="icon-unlink" onclick="$(this).toggleClass('pressed')"></button>
|
||||
<button id="routeLegend" onmouseover="tip('Edit free text notes (legend) for the route')" class="icon-edit"></button>
|
||||
<button id="routeNew" onmouseover="tip('Create new route clicking on map')" class="icon-map-pin"></button>
|
||||
<button id="routeRemove" onmouseover="tip('Remove route')" class="icon-trash"></button>
|
||||
<button id="routeRemove" onmouseover="tip('Remove route. Hotkey: Delete')" class="icon-trash"></button>
|
||||
</div>
|
||||
|
||||
<div id="iconEditor" class="dialog" style="display: none">
|
||||
|
|
@ -756,32 +823,95 @@
|
|||
<input id="iconStrokeWidth" onmouseover="tip('Change group stroke-width')" type="number" class="editNumber" value="1" min="0" max="5" step=".02"></select>
|
||||
</div>
|
||||
<button id="iconCopy" onmouseover="tip('Copy the icon')" class="icon-clone"></button>
|
||||
<button id="iconRemove" onmouseover="tip('Remove icon')" class="icon-trash"></button>
|
||||
<button id="iconRemove" onmouseover="tip('Remove icon. Hotkey: Delete')" class="icon-trash"></button>
|
||||
</div>
|
||||
|
||||
<div id="reliefEditor" class="dialog" style="display: none">
|
||||
|
||||
<button id="reliefGroups" onmouseover="tip('Change relief icon')" class="icon-tags"></button>
|
||||
<div id="reliefGroupsSelection" style="display: none">
|
||||
<select id="reliefGroup" onmouseover="tip('Change relief icon')">
|
||||
<option value="mounts" selected>mounts</option>
|
||||
<option value="hills">hills</option>
|
||||
<option value="swamps">swamps</option>
|
||||
<option value="forests">forests</option>
|
||||
</select>
|
||||
<i id="reliefRemoveGroup" onmouseover="tip('Remove all icons within selected group')" class="icon-trash pointer"></i>
|
||||
<div id="reliefTools">
|
||||
<i onmouseover="tip('Select tool')">Tool:</i>
|
||||
<button id="reliefIndividual" onmouseover="tip('Edit selected relief icon')" class="icon-tree pressed"></button>
|
||||
<button id="reliefBulkAdd" onmouseover="tip('Place relief icons in a bulk')" class="icon-brush"></button>
|
||||
<button id="reliefBulkRemove" onmouseover="tip('Remove relief icons in a bulk')" class="icon-eraser"></button>
|
||||
<button id="reliefCopy" onmouseover="tip('Copy selected relief icon')" class="icon-clone" style=""></button>
|
||||
<button id="reliefMoveFront" onmouseover="tip('Move selected relief icon to front')" class="icon-level-up"></button>
|
||||
<button id="reliefMoveBack" onmouseover="tip('Move selected relief icon back')" class="icon-level-down"></button>
|
||||
<button id="reliefRemove" onmouseover="tip('Remove selected relief icon. Hotkey: Delete')" class="icon-trash"></button>
|
||||
</div>
|
||||
|
||||
<button id="reliefCopy" onmouseover="tip('Copy the relief icon')" class="icon-clone"></button>
|
||||
<button id="reliefAddfromEditor" onmouseover="tip('Add relief Icon')" class="icon-plus"></button>
|
||||
|
||||
<button id="reliefBulkRemove" onmouseover="tip('Erase all relief icons in radius')" class="icon-eraser"></button>
|
||||
<div id="reliefBulkRemoveSection" style="display: none">
|
||||
<input id="reliefBulkRemoveRadius" oninput="tip('Eraser brush size: '+this.value); reliefBulkRemoveRadiusNumber.value = this.value" type="range" min="1" max="7" value="3">
|
||||
<input id="reliefBulkRemoveRadiusNumber" oninput="tip('Eraser brush size: '+this.value); reliefBulkRemoveRadius.value = this.value" type="number" min="1" max="7" value="3">
|
||||
<div id="reliefSizeDiv" onmouseover="tip('Set icon size for individual icon or for bulk placement (based on the selected tool)')">
|
||||
<i>Size:</i>
|
||||
<input id="reliefSize" oninput="tip('Icon size: '+this.value); reliefSizeNumber.value = this.value" type="range" min="1" max="20" step=".1" value="5" style="width:151px;">
|
||||
<input id="reliefSizeNumber" oninput="tip('Icon size: '+this.value); reliefSize.value = this.value" type="number" min=".2" step=".1" value="5" class="relief">
|
||||
</div>
|
||||
|
||||
<button id="reliefRemove" onmouseover="tip('Remove this relief icon')" class="icon-trash"></button>
|
||||
<div id="reliefRadiusDiv" onmouseover="tip('Set brush radius for bulk icon placement on deletion (based on the selected tool)')" style="display:none;">
|
||||
<i>Radius:</i>
|
||||
<input id="reliefRadius" oninput="tip('Brush radius: '+this.value); reliefRadiusNumber.value = this.value" type="range" min="1" max="7" value="3" style="width:137px;">
|
||||
<input id="reliefRadiusNumber" oninput="tip('Brush radius: '+this.value); reliefRadius.value = this.value" type="number" min="1" max="7" value="3" class="relief">
|
||||
</div>
|
||||
|
||||
<div id="reliefSpacingDiv" onmouseover="tip('Set min spacing between relief icons')" style="display:none;">
|
||||
<i>Spacing:</i>
|
||||
<input id="reliefSpacing" oninput="tip('Spacing: '+this.value); reliefSpacingNumber.value = this.value" type="range" min="1" max="20" value="5" style="width:131px;">
|
||||
<input id="reliefSpacingNumber" oninput="tip('Spacing: '+this.value); reliefSpacing.value = this.value" type="number" min="1" max="20" value="5" class="relief">
|
||||
</div>
|
||||
|
||||
<div id="reliefIconsDiv" onmouseover="tip('Change type of the selected icon or set icon for bulk placement (based on the selected tool)')">
|
||||
<i onmouseover="tip('Select icon')">Icon:</i>
|
||||
|
||||
<button data-type="#relief-mount-1">
|
||||
<svg class="button" viewBox="5 0 90 90" height="22" width="20">
|
||||
<path d="m3,69 16,-12 31,-32 15,20 30,24" fill="#fff" stroke="#000" stroke-width="1"></path>
|
||||
<path d="m3,69 16,-12 31,-32 -14,44" fill="#333"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<button data-type="#relief-hill-1">
|
||||
<svg class="button" viewBox="14 0 74 74" height="22" width="20">
|
||||
<path d="m20,55 q30,-28 60,0" fill="#333" stroke="#000"></path>
|
||||
<path d="m38,55 q13,-24 40,0" fill="#fff"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<button data-type="#relief-deciduous-1">
|
||||
<svg class="button" viewBox="27 20 48 48" height="22" width="20">
|
||||
<path d="m50,52 v7 h1 v-7 h-0.5 q13,-7 0,-16 q-13,9 0,16" fill="#fff" stroke="#000"></path>
|
||||
<path d="m50,52 q-12,-7 0,-16 q-3.5,10 0,15.5" fill="#333"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<button data-type="#relief-conifer-1">
|
||||
<svg class="button" viewBox="28 23 44 44" height="22" width="20">
|
||||
<path d="m50,55 v4 h1 v-4 l4.5,0 -4,-8 l3.5,0 -4.5,-9 -4,9 3,0 -3.5,8 7,0" fill="#fff" stroke="#000"></path>
|
||||
<path d="m46,55 l4,-8 -4,0 5,-9 -2.5,9 l1.5,0 -2,8" fill="#333"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<button data-type="#relief-palm-1">
|
||||
<svg class="button" viewBox="27 20 44 44" height="22" width="20">
|
||||
<path d="m 48.1,55.5 2.1,0 c 0,0 1.3,-5.5 1.2,-8.6 0,-3.2 -1.1,-5.5 -1.1,-5.5 l -0.5,-0.4 -0.2,0.1 c 0,0 0.9,2.7 0.5,6.2 -0.5,3.8 -2.1,8.2 -2.1,8.2 z" fill="#000"></path>
|
||||
<path d="m 54.9,48.8 c 0,0 1.9,-2.5 0.3,-5.4 -1.4,-2.6 -4.3,-3.2 -4.3,-3.2 0,0 1.6,-0.6 3.3,-0.3 1.7,0.3 4.1,2.5 4.1,2.5 0,0 -0.6,-3.6 -3.6,-4.4 -2.2,-0.6 -4.2,1.3 -4.2,1.3 0,0 0.3,-1.5 -0.2,-2.9 -0.6,-1.4 -2.6,-1.9 -2.6,-1.9 0,0 0.8,1.1 1.2,2.2 0.3,0.9 0.3,2 0.3,2 0,0 -1.3,-1.8 -3.7,-1.5 -2.5,0.2 -3.7,2.5 -3.7,2.5 0,0 2.3,-0.6 3.4,-0.6 1.1,0.1 2.6,0.8 2.6,0.8 l -0.4,0.2 c 0,0 -1.2,-0.4 -2.7,0.4 -1.9,1.1 -2.9,3.7 -2.9,3.7 0,0 1.4,-1.4 2.3,-1.9 0.5,-0.3 1.8,-0.7 1.8,-0.7 0,0 -0.7,1.3 -0.9,3.1 -0.1,2.5 1.1,4.6 1.1,4.6 0,0 0.1,-3.4 1.2,-5.6 1,-1.9 2.3,-2.6 2.3,-2.6 l 0.4,-0.2 c 0,0 1.5,0.7 2.8,2.8 1,1.7 2.3,5 2.3,5 z" fill="#fff" stroke="#000" stroke-width=".8"></path>
|
||||
<path d="m 47.7,34.6 c 0,0 1,1.2 1.2,2.3 0.2,0.9 0.3,2.8 0.3,2.8 0,0 -1.6,-1.5 -3.2,-1.6 -1.8,-0.1 -4,1.3 -4,1.3 0,0 2.1,-0.5 3.3,-0.5 1.5,0 3.3,1.2 3.3,1.2 0,0 -1.7,0.8 -2.6,2.8 -0.9,2 -0.3,6 -0.3,6 0,0 0,-2.9 0.9,-5 0.8,-1.8 2.1,-2.7 2.4,-2.8 0.7,-0.3 0.5,-1.1 0.5,-1.1 0,0 -0.1,-2.2 -0.5,-3.4 -0.4,-1.2 -1.5,-2.1 -1.5,-2.1 z" fill="#333"></path>
|
||||
<path d="m 42,43.7 c 0,0 1.2,-1.1 1.8,-1.5 0.7,-0.4 2,-0.8 2,-0.8 L 46.5,40.5 c 0,0 -0.8,0 -2.3,0.8 -1.3,0.8 -2.2,2.3 -2.2,2.3 z" fill="#333"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<button data-type="#relief-swamp-1">
|
||||
<svg class="button" viewBox="36 34 29 29" height="22" width="20">
|
||||
<path d="m50,46 v6 l3,-4 m-3,4 l-3,-4 m-7,4.5 h4 m4,0 h4 m4,0 h4" fill="none" stroke="#000"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<button data-type="#relief-dune-1">
|
||||
<svg class="button" viewBox="23 20 48 48" height="22" width="20">
|
||||
<path d="m 28.7,52.8 c 5,-3.9 10,-8.2 15.8,-8.3 4.5,0 10.8,3.8 15.2,6.5 3.5,2.2 6.8,2 6.8,2" fill="none" stroke="#000" stroke-width="1.3"></path>
|
||||
<path d="m 44.2,47.6 c -3.2,3.2 3.5,5.7 5.9,7.8" fill="none" stroke="#000"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<button id="reliefIconsSeletionAny" style="display: none; font-style: italic">any</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="burgEditor" class="dialog" style="display: none">
|
||||
|
|
@ -863,7 +993,7 @@
|
|||
<button id="burgRelocate" onmouseover="tip('Move burg to a different cell')" class="icon-target"></button>
|
||||
<button id="burglLegend" onmouseover="tip('Edit free text notes (legend) for this burg')" class="icon-edit"></button>
|
||||
<button id="burgAddfromEditor" onmouseover="tip('Add new Burg')" class="icon-plus"></button>
|
||||
<button id="burgRemove" onmouseover="tip('Remove the Burg')" class="icon-trash"></button>
|
||||
<button id="burgRemove" onmouseover="tip('Remove the Burg. Hotkey: Delete')" class="icon-trash"></button>
|
||||
</div>
|
||||
|
||||
<div id="markerEditor" class="dialog" style="display: none">
|
||||
|
|
@ -905,7 +1035,7 @@
|
|||
<button id="markerToggleBubble" onmouseover="tip('Toggle marker bubble display')" class="icon-info-circled"></button>
|
||||
<button id="markerLegendButton" onmouseover="tip('Edit place legend (free text notes)')" class="icon-edit"></button>
|
||||
<button id="markerAdd" onmouseover="tip('Add additional marker of that type')" class="icon-plus"></button>
|
||||
<button id="markerRemove" onmouseover="tip('Remove the marker')" class="icon-trash"></button>
|
||||
<button id="markerRemove" onmouseover="tip('Remove the marker. Hotkey: Delete')" class="icon-trash"></button>
|
||||
</div>
|
||||
|
||||
<div id="templateEditor" class="dialog stable" style="display: none">
|
||||
|
|
@ -1121,6 +1251,7 @@
|
|||
<input id="culturesManuallyBrush" oninput="tip('Brush size: '+this.value); culturesManuallyBrushNumber.value = this.value" type="range" min="1" max="7" value="3">
|
||||
<input id="culturesManuallyBrushNumber" oninput="tip('Brush size: '+this.value); culturesManuallyBrush.value = this.value" type="number" min="1" max="7" value="3">
|
||||
</div>
|
||||
<button id="culturesRecalculate" onmouseover="tip('Re-calculate cultures based on culture centers placement')" class="icon-target"></button>
|
||||
<button id="culturesRandomize" onmouseover="tip('Randomly re-distribute cultures')" class="icon-shuffle"></button>
|
||||
<button id="culturesRegenerateNames" onmouseover="tip('Re-generate all Burg names based on assigned culture')" class="icon-arrows-cw"></button>
|
||||
<button id="culturesEditNamesBase" onmouseover="tip('Edit a database used for names generation')" class="icon-list-bullet"></button>
|
||||
|
|
@ -1276,6 +1407,9 @@
|
|||
<div id="alert" style="display: none">
|
||||
<p id="alertMessage">Warning!</p>
|
||||
</div>
|
||||
<div id="alert2" style="display: none">
|
||||
<p id="alertMessage2">Warning!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="map-dragged" style="display: none">
|
||||
|
|
@ -1298,5 +1432,5 @@
|
|||
<input type="file" accept=".txt" id="namesbaseToLoad">
|
||||
</div>
|
||||
|
||||
<script src="script.js?version=0.60.14b"></script>
|
||||
<script src="script.js?version=0.61.00b"></script>
|
||||
</body>
|
||||
|
|
|
|||
1224
script.js
1224
script.js
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue