backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-17 17:51:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added a page to explain how to add a heightmap image overlay.

evolvedexperiment 2019-12-18 12:46:09 +02:00
parent 0ae5dca714
commit 4271ee6ed2
1 changed files with 38 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

38
Heightmap-image-overlay.md Normal file

@ -0,0 +1,38 @@
## Overview
The "Texture" layer can be used as an image overlay - an image that appears over the existing map.
This can be enabled during heightmap editing to allow you to see both the heightmap and the image. Possible uses are for tracing landmasses or adding features more accurately.
## Caveats
For the texture to work, the image must be available on the web.
Due to browser security restrictions, only websites that have a relatively open Cross-Origin Resource Sharing (CORS) policy will work. You can possibly use a CORS proxy for other sites. [Imgur](https://www.imgur.com) is one site that works for this feature.
## Loading an image as an overlay
Go to Style, then click the "+" button next to Image.
![Style texture dialog](https://evolvedexperiment.github.io/FMGImages/images/style_texture1.png)
Enter the URL of the image you want to use - when it is correct, the image will appear here - this does not mean that it will work - just that the URL is correct. Click Apply.
![Image URL](https://evolvedexperiment.github.io/FMGImages/images/style_texture2.png)
Still on the Texture style, change Clipping to "No Clipping".
Go to Layers, choose the Heightmap preset.
Enable the Texture layer, then drag the Texture layer before the Heightmap layer.
![Texture and Heightmap layers both enabled](https://evolvedexperiment.github.io/FMGImages/images/style_texture3.png)
Lower the opacity of the texture under Style.
![Map showing both heightmap and image overlay](https://evolvedexperiment.github.io/FMGImages/images/style_texture4.png)
Alternatively you can lower the opacity of the heightmap - it depends on what looks best to you.
At this point you should be able to see both your map and the image.
You can play with it till everything looks clear.
Go to Tools, Heightmap, Erase.
Initially it will hide the Texture layer - go to Layers, then enable the Texture layer again, and it should show
both the heightmap and your image.