diff --git a/README.md b/README.md index f662ac3c..f1226922 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,14 @@ # Fantasy Map Generator -Azgaar's _Fantasy Map Generator_. Based on [D3](https://d3js.org) Voronoi diagram rendered in svg. +Azgaar's _Fantasy Map Generator_. Online tool generating maps based on [D3](https://d3js.org) Voronoi diagram rendered in svg. -Project goal is a procedurally generated map for my *Medieval Dynasty* simulator. Map should be interactive, scalable, fast and plausible. Initial intend was to place at least 500 burgs within 7 cultural areas and imagined land area about 1 million km2. As of now all these parameters are customizable. +Project goal is a procedurally generated map for my *Medieval Dynasty* simulator. Map should be interactive, scalable, fast and plausible. Initial intend was to place at least 500 burgs within 7 cultural areas and imagined land area about 1 million km2. As of now all these parameters are customizable and Generator is mostly used for a homebrew DnD campaign maps. [![alt tag](https://i0.wp.com/azgaar.files.wordpress.com/2017/03/80k-part.png)](https://azgaar.wordpress.com) -Project is under development, check out the demo [here](https://azgaar.github.io/Fantasy-Map-Generator). Refer to [the project wiki](https://github.com/Azgaar/Fantasy-Map-Generator/wiki) for a quick guidance. The the previous versions see the [changelog](https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Changelog). If you find the Demo performance low, open the page in a smaller window and use the graph size = 1. +Project is under development, check out the work is progress version [here](https://azgaar.github.io/Fantasy-Map-Generator). Changelog is [here](https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Changelog). Refer to [the project wiki](https://github.com/Azgaar/Fantasy-Map-Generator/wiki) for a quick guidance. Some details are covered in my blog [_Fantasy Maps for fun and glory_](https://azgaar.wordpress.com), you may also keep an eye on my [Trello devboard](https://trello.com/b/7x832DG4/fantasy-map-generator). If you find the Demo performance low, open the page in a smaller window and use the default graph size only. -Some details are covered in my blog [_Fantasy Maps for fun and glory_](https://azgaar.wordpress.com), you may also keep an eye on my [devboard](https://trello.com/b/7x832DG4/fantasy-map-generator). Comments and ideas are *highly* welcomed, kindly contact me via [email](mailto:maxganiev@yandex.ru). I would also like to see your completed or work in progress maps. For bug reports and change requests please use the project [issues page](https://github.com/Azgaar/Fantasy-Map-Generator/issues). + Join our [Reddit community](https://www.reddit.com/r/FantasyMapGenerator) to share the created maps, discuss the Generator, suggest ideas and get a most recent updates. You may also contact me directly via [email](mailto:maxganiev@yandex.com). For bug reports please use the project [issues page](https://github.com/Azgaar/Fantasy-Map-Generator/issues). _Inspiration:_ diff --git a/index.css b/index.css index 7ee38d92..6404fb9e 100644 --- a/index.css +++ b/index.css @@ -48,7 +48,6 @@ button, select, a { #cults { stroke-width: 0.7; - stroke-linejoin: round; mask: url(#shape); mask-mode: alpha; pointer-events: none; @@ -269,7 +268,7 @@ input[type="number"].editNumber { } circle.drag { - stroke: white; + stroke: #9f3237; } text.drag { @@ -512,6 +511,10 @@ p { width: 35%; } +#customizeOptions { + margin: 2px 0; +} + #tooltip { position: fixed; display: none; @@ -519,7 +522,7 @@ p { top: calc(98vh - (10px + 0.5vw)); width: 100%; cursor: default; - text-shadow: 1px 0px 1px #1d0e0f; + text-shadow: 1px 1px 2px #1d0e0f; color: #ffffff; font-size: calc(10px + 0.5vw); pointer-events: none; @@ -666,8 +669,8 @@ body button.noicon { line-height: 6px; } +#styleInputs #styleOcean, #styleInputs #styleOpacity, -#styleInputs #styleFill, #styleInputs #styleFilter { display: block; } @@ -950,6 +953,13 @@ div.states>[class^="icon-"] { padding: 0 1px 0 7px; } +div.states>[class="icon-arrows-cw"] { + color: #67575c; + padding: 0 2px 0 0; + font-size: 9px; + cursor: pointer; +} + div.states>.before { color: #6e5e66; padding: 0 1px 0 0; @@ -959,6 +969,24 @@ div.states>.small { font-size: 9px; } +div.states>.cultureName { + width: 50px; +} + +div.states>.culturePopulation { + width: 40px; +} + +div.states>.cultureBase { + width: 46px; + cursor: pointer; + border: 0; + background-color: transparent; + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; +} + #burgsBody, #countriesBody { overflow: auto; @@ -1273,3 +1301,49 @@ input[type="checkbox"] { #capital-anchors, #town-anchors { transform: translate(-0.47em, -0.47em); } + +#cultureCenters circle:hover { + stroke: #000000b3; + cursor: pointer; +} + +#namesbaseEditor select, +#namesbaseEditor textarea { + font-size: 10px; + font-family: Copperplate, monospace; + outline: none; +} + +#namesbaseEditor input { + font-size: 10px; + font-family: Copperplate, monospace; + outline: none; + height: 12px; +} + +#namesbaseEditor fieldset { + margin: 3px 3px 5px 0; + border-style: dashed; +} + +#namesbaseEditor span, #namesbaseEditor legend { + font-size: 9px; + font-weight: bold; +} + +#namesbaseExamples { + font-family: Copperplate, monospace; + cursor: pointer; +} + +#namesbaseName { + width: 80px; +} + +#namesbaseMin, #namesbaseMax { + width: 33px; +} + +#namesbaseDouble { + width: 40px; +} diff --git a/index.html b/index.html index 25cd3920..75433fbd 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@ gtag('js', new Date()); gtag('config', 'UA-116735150-1'); - Azgaar's Fantasy Map Generator Demo + Azgaar's Fantasy Map Generator @@ -26,14 +26,13 @@ - - - + + @@ -51,6 +50,17 @@ + + + + + + + + + + + @@ -59,17 +69,25 @@ + + + + + + + + - + - + - + - + @@ -140,7 +158,7 @@
Azgaar's
Fantasy Map Generator
-
v. 0.57b
+
v. 0.58b

LOADING...

@@ -192,26 +210,26 @@

Select element:

@@ -225,6 +243,15 @@
Size: 5
+
+
Elements: + + + +
+ Background: #000000
+ Foreground: #53679f +
Fill: #5E4FA2 @@ -233,7 +260,6 @@ Stroke: #5E4FA2
-
Colors:

Stroke width: 1 @@ -267,7 +293,11 @@ + + + +
@@ -288,7 +318,7 @@
-

Generation options (new map to apply):

+

Generation options (new map to apply):

@@ -378,6 +408,18 @@ 200 + + + + + + @@ -425,7 +467,7 @@ - +
+ + Cultures count + + + 7 +
@@ -406,14 +448,14 @@ Ocean layers - + + + + + + + PNG resolution - + 5x @@ -433,7 +475,7 @@
Zoom extentZoom extent o: @@ -445,12 +487,14 @@
+

Customize:

+
+
+ + + + +
@@ -496,19 +546,19 @@
-

Fantasy Map Generator is an open source tool which procedurally generates fantasy maps. You may either use an auto-generated maps or create your own map manually or with a help of templates or image converter. Check out the quick start tutorial and project wiki for guidance.

-

This is a Demo version, the Generator is still under development. For older versions see the changelog. Some details are covered in my blog. To track the current progress see the devboard.

-

Please report bugs and suggest new features here. You may also send me an email.

+

Fantasy Map Generator is an open source 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 quick start tutorial and project wiki for guidance. Join our Reddit Community if you have questions, need any help, have a suggestion or just want to share a created map.

+

The project is under active development. For older versions see the changelog. Some details are covered in my blog. To track the current progress see the devboard.

+

Please report bugs here. You may also send me an email.

- +
.map
@@ -516,7 +566,7 @@
.png
- +
@@ -527,7 +577,7 @@ - + @@ -737,8 +787,9 @@ - + + @@ -865,6 +916,7 @@ + @@ -891,12 +943,84 @@
- +
+ + + +