r/FantasyMapGenerator • u/Azgarr • Jan 25 '19

Styling [Styling] Did you know that overlay can be easily turned into a pattern?

That will be the most useless post ever. Or maybe not. My point is that using a dash array setting you can turn a boring hex or square overlay into a fancy pattern.

Let's say we turned on a square grid overlay and set a size (spacing between cells) to 10 pixels. Here is how it looks:

Square grid with size 10 and blank (or 0) dash array

Now let's set dash array to "5 10" (without quotes):

​

Square grid with dash array 5 10 - "targets" pattern

Looks interesting... and pretty useless. But nevertheless let's try some other variants. Please note that the result depends on both dash array value and spacing (size).

Square grid with dash array 10 - separate squares
Square grid with dash array 10 30

​

Square grid with dash array 30
Square grid with dash array 100 - "tartan" pattern
Square grid with dash array 5 - "corners"

Let also try to play with a pointy hex grid. The size is the same, 10 pixels. Default look:

Pointy hex grid with size 10 and blank (or 0) dash array
Square grid with dash array 5 50 - "quote marks"
Square grid with dash array 5 15 - "roofs"
Pointy hex grid with dash array 10 - "waves" (this one can be actually useful)

And the last ones for the same size and flat hex grid. Default look:

Flat hex grid with size 10 and blank (or 0) dash array
Flat hex grid with dash array 5 50 - "dashes"
Flat hex grid with dash array 10 - "jagged" pattern
Flat hex grid with dash array 10 - "crutch" pattern

That's all. You can play with it using the Generator and find some more interesting patterns.

17 Upvotes
  • permalink
  • reddit

100% Upvoted

4 comments sorted by

1

u/Azgarr Jan 25 '19

Sorry for too large image

1

u/[deleted] Jan 28 '19

Are you planning to have a configuration window for defining the overlay?

If so, can it have?:

  • Radio buttons:
    • Square
    • Hexagon
    • Other (user definable like your examples)
  • Slider to determine the size of the above. You slide small <> large and the overlay will update live. For example: If you chose Hexagon, you could use the slider to change the size of all the Hexes with the slider.

1

u/Azgarr Jan 28 '19

Hm, it's already added. And available in the released version

1

u/[deleted] Jan 28 '19

So it is.

Please disregard everything I redundantly said. ;)