mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-16 17:31:24 +01:00
v. 0.59.16b
This commit is contained in:
Azgaar
parent
52527ce1ce
commit
0920b86eaa
4 changed files with 505 additions and 363 deletions
|
|
@ -209,3 +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: '⌒'; }
|
||||
|
|
|
|||
52
index.css
52
index.css
|
|
@ -153,55 +153,61 @@ button, select, a {
|
|||
font-size: 9px;
|
||||
}
|
||||
|
||||
.editTrigger {
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 60px;
|
||||
#labelEditor div {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
div > input.editTrigger[type="number"] {
|
||||
width: 44px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
div > input.editTrigger[type="range"] {
|
||||
width: 132px;
|
||||
#labelEditor span {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#editGroupSelect {
|
||||
#labelGroupSelect {
|
||||
width: 146px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#editGroupInput {
|
||||
#labelGroupInput {
|
||||
display: none;
|
||||
width: 161px;
|
||||
width: 142px;
|
||||
}
|
||||
|
||||
#editText {
|
||||
#labelText {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
#editFontSelect {
|
||||
#labelFontSelect {
|
||||
width: 129px;
|
||||
}
|
||||
|
||||
#editFontInput {
|
||||
#labelFontInput {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
input[type="color"].editColor {
|
||||
#textPath {
|
||||
stroke: #3e3e4b;
|
||||
stroke-width: .5;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
#textPathControl {
|
||||
stroke: #3e3e4b;
|
||||
stroke-width: .5;
|
||||
fill: #ffff00;
|
||||
cursor: row-resize;
|
||||
}
|
||||
|
||||
div > input[type="color"].editColor {
|
||||
height: 18px;
|
||||
width: 46px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="range"].editRange {
|
||||
div > input[type="range"].editRange {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
input[type="number"].editNumber {
|
||||
div > input[type="number"].editNumber {
|
||||
width: 44px;
|
||||
}
|
||||
|
||||
|
|
@ -235,13 +241,13 @@ input[type="number"].editNumber {
|
|||
|
||||
#labels {
|
||||
text-anchor: middle;
|
||||
dominant-baseline: alphabetic;
|
||||
dominant-baseline: central;
|
||||
text-shadow: 0 0 4px white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#countries {
|
||||
dominant-baseline: central;
|
||||
#burgLabels {
|
||||
dominant-baseline: alphabetic;
|
||||
}
|
||||
|
||||
#routeLength {
|
||||
|
|
|
|||
76
index.html
76
index.html
|
|
@ -461,7 +461,7 @@
|
|||
</td>
|
||||
<td onmouseover="tip('Set precipitation level. Controls river quantity and power')">Precipitation</td>
|
||||
<td>
|
||||
<input id="precInput" type="range" min="0" max="50" value="15">
|
||||
<input id="precInput" type="range" min="0" max="25" value="10">
|
||||
</td>
|
||||
<td>
|
||||
<output id="precOutput">15</output>
|
||||
|
|
@ -621,32 +621,50 @@
|
|||
</div>
|
||||
|
||||
<div id="dialogs" style="background-color: #ffffff">
|
||||
|
||||
<div id="labelEditor" class="dialog" style="display: none">
|
||||
<button id="editGroupButton" onmouseover="tip('Edit label Group')" class="editButton icon-tags"></button>
|
||||
<select id="editGroupSelect" onmouseover="tip('Select Group for this label')" class="editTrigger"></select>
|
||||
<input id="editGroupInput" placeholder="new name" onmouseover="tip('Declare new Group for this label')" class="editTrigger"/>
|
||||
<span id="editGroupNew" onmouseover="tip('Declare new Group for this label')" class="editButtonS icon-plus"></span>
|
||||
<span id="editGroupRemove" onmouseover="tip('Remove the Group with all labels')" class="editButtonS icon-trash"></span>
|
||||
<button id="editTextButton" onmouseover="tip('Edit label Text')" class="editButton icon-pencil"></button>
|
||||
<input id="editText" class="editTrigger"/>
|
||||
<span id="editTextRandom" onmouseover="tip('Generate random name')" class="editButtonS icon-shuffle"></span>
|
||||
<button id="editFontButton" onmouseover="tip('Select Font for the entire Group')" class="editButton icon-font"></button>
|
||||
<span id="editExternalFont" onmouseover="tip('Fetch fonts by linking @font-face declaration, just populate with font name if using Google font (fonts.google.com)')" class="editButtonS icon-link"></span>
|
||||
<select id="editFontSelect" class="editTrigger" onmouseover="tip('Select one of the default Fonts')"></select>
|
||||
<input id="editFontInput" placeholder="link to @font-face" onmouseover="tip('Fetch fonts by linking @font-face declaration')" class="editTrigger"/>
|
||||
<i id="editSizeIcon" class="icon-text-height hidden"></i>
|
||||
<input id="editSize" onmouseover="tip('Change Font size for the label Group')" class="editTrigger" value="14" type="number" min="1" max="100" step=".5"/>
|
||||
<button id="editStyleButton" onmouseover="tip('Select text color and opacity for the label Group')" class="editButton icon-brush"></button>
|
||||
<input id="editColor" type="color" class="editTrigger editColor" value="#3e3e4b">
|
||||
<i id="editOpacityIcon" class="icon-adjust hidden"></i>
|
||||
<input id="editOpacity" onmouseover="tip('Change Opacity for the entire Group')" class="editTrigger" value="1" type="number" min="0" max="1" step="0.02">
|
||||
<i id="editShadowIcon" class="icon-clone hidden"></i>
|
||||
<input id="editShadow" onmouseover="tip('Change Shadow for the entire Group')" class="editTrigger" value="1" type="number" min="0" max="1" step="0.02" disabled>
|
||||
<button id="editAngleButton" onmouseover="tip('Rotate the label')" class="editButton icon-ccw"></button>
|
||||
<input id="editAngle" class="editTrigger" value="0" type="range" min="-180" max="180" step="0.2">
|
||||
<span id="editAngleValue" class="editValue">0°</span>
|
||||
<button id="editCopy" onmouseover="tip('Copy the label')" class="editButton icon-clone"></button>
|
||||
<button id="editRemoveSingle" onmouseover="tip('Remove the label')" class="editButton icon-trash"></button>
|
||||
<button id="labelGroupButton" onmouseover="tip('Edit label Group')" class="icon-tags"></button>
|
||||
<div id="labelGroupButtons" style="display: none">
|
||||
<select id="labelGroupSelect" onmouseover="tip('Select Group for this label')"></select>
|
||||
<input id="labelGroupInput" placeholder="new group name" onmouseover="tip('Declare new Group for this label')"/>
|
||||
<span id="labelGroupNew" onmouseover="tip('Declare new Group for this label')" class="icon-plus"></span>
|
||||
<span id="labelGroupRemove" onmouseover="tip('Remove the Group with all labels')" class="icon-trash"></span>
|
||||
</div>
|
||||
|
||||
<button id="labelTextButton" onmouseover="tip('Edit label Text')" class="icon-pencil"></button>
|
||||
<div id="labelTextButtons" style="display: none">
|
||||
<input id="labelText"/>
|
||||
<span id="labelTextRandom" onmouseover="tip('Generate random name')" class="icon-shuffle"></span>
|
||||
</div>
|
||||
|
||||
<button id="labelFontButton" onmouseover="tip('Select Font for the entire Group')" class="icon-font"></button>
|
||||
<div id="labelFontButtons" style="display: none">
|
||||
<span id="labelExternalFont" onmouseover="tip('Fetch fonts by linking @font-face declaration, just populate with font name if using Google font (fonts.google.com)')" class="icon-plus"></span>
|
||||
<select id="labelFontSelect" onmouseover="tip('Select one of the default Fonts')"></select>
|
||||
<input id="labelFontInput" placeholder="link to @font-face" onmouseover="tip('Fetch fonts by linking @font-face declaration')"/ class="hidden">
|
||||
<i id="labelSizeIcon" class="icon-text-height"></i>
|
||||
<input id="labelSize" onmouseover="tip('Change Font size for the label Group')" value="14" type="number" min="1" max="100" step=".5" class="editNumber"/>
|
||||
</div>
|
||||
|
||||
<button id="labelStyleButton" onmouseover="tip('Select text color and opacity for the label Group')" class="icon-brush"></button>
|
||||
<div id="labelStyleButtons" style="display: none">
|
||||
<input id="labelColor" type="color" class="editColor" value="#3e3e4b">
|
||||
<i id="labelOpacityIcon" class="icon-adjust hidden"></i>
|
||||
<input id="labelOpacity" onmouseover="tip('Change Opacity for the entire Group')" value="1" type="number" min="0" max="1" step="0.02" class="editNumber">
|
||||
<i id="labelShadowIcon" class="icon-clone hidden"></i>
|
||||
<input id="labelShadow" onmouseover="tip('Change Shadow for the entire Group')" value="1" type="number" min="0" max="1" step="0.02" disabled>
|
||||
</div>
|
||||
|
||||
<button id="labelAngleButton" onmouseover="tip('Rotate the label')" class="icon-ccw"></button>
|
||||
<div id="labelAngleButtons" style="display: none">
|
||||
<input id="labelAngle" value="0" type="range" min="-90" max="90" step="0.2" class="editRange">
|
||||
<span id="labelAngleValue" class="labelValue">0°</span>
|
||||
<button id="labelCurve" onmouseover="tip('Show control points to curve the label')" class="icon-arc"></button>
|
||||
<button id="labelCurveCancel" onmouseover="tip('Convert curved label into a normal one')" class="icon-minus"></button>
|
||||
</div>
|
||||
|
||||
<button id="labelCopy" onmouseover="tip('Copy the label')" class="icon-clone"></button>
|
||||
<button id="labelRemoveSingle" onmouseover="tip('Remove the label')" class="icon-trash"></button>
|
||||
</div>
|
||||
|
||||
<div id="riverEditor" class="dialog" style="display: none">
|
||||
|
|
@ -658,10 +676,10 @@
|
|||
<input id="riverIncrement" onmouseover="tip('Change river bed increment (widening speed)')" value="1" type="range" min="0.02" max="2" step="0.02">
|
||||
</div>
|
||||
<button id="riverRegenerate" onmouseover="tip('Regenerate river')" class="icon-shuffle"></button>
|
||||
<button id="riverResize" onmouseover="tip('Visually transform (rotate, rescale) river')" class="icon-arrows-cw" onclick='$("#riverEditor > *").not(this).not("#riverWidthButtons").toggle();'></button>
|
||||
<button id="riverResize" onmouseover="tip('Visually transform (rotate, rescale) river')" class="icon-ccw" onclick='$("#riverEditor > *").not(this).not("#riverWidthButtons").toggle();'></button>
|
||||
<div id="riverResizeButtons" style="display: none">
|
||||
<i id="riverAngleIcon" onmouseover="tip('Rotate river (set angle)')" class="icon-a"></i>
|
||||
<input id="riverAngle" onmouseover="tip('Rotate river (set angle)')" value="0" type="range" min="-180" max="180" step="0.2">
|
||||
<input id="riverAngle" onmouseover="tip('Rotate river (set angle)')" value="0" type="range" min="-90" max="90" step="0.2">
|
||||
<span id="riverAngleValue">0°</span>
|
||||
<i id="riverScaleIcon" onmouseover="tip('Change river scale')" class="icon-s"></i>
|
||||
<input id="riverScale" onmouseover="tip('Change river scale')" value="1" type="number" min="0.1" max="3" step="0.01">
|
||||
|
|
@ -764,7 +782,7 @@
|
|||
|
||||
<button id="burgLabelRotation" onmouseover="tip('Rotate the label')" class="icon-ccw"></button>
|
||||
<div id="burgLabelRotationSection" style="display: none; width: 142px;">
|
||||
<input id="burgLabelAngle" class="editTrigger" value="0" type="range" min="-180" max="180" step="0.2" style="width: 98px">
|
||||
<input id="burgLabelAngle" value="0" type="range" min="-90" max="90" step="0.2" style="width: 98px">
|
||||
<output id="burgLabelAngleOutput">0°</output>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
739
script.js
739
script.js
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue