Inkscape tips: Difference between revisions

From Warzone Wiki
Jump to navigation Jump to search
← Older edit
Corrected spelling mistake in the Making Clean Map Borders section.
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
This page gives tips on how to perform common tasks in Inkscape related to WarLight map development.  Also check out [[SVG workarounds]] if you're having problems having your SVG file show up correctly.
This page gives tips on how to perform common tasks in Inkscape related to Warzone map development.  Also check out [[SVG workarounds]] if you're having problems having your SVG file show up correctly.


==Unioning==
==Unioning==


It's possible to have one player-controllable [[territory]] that spans several objects in Inkscape.  This can create islands off the coast of a territory, which is used in several WarLight maps.
It's possible to have one player-controllable [[territory]] that spans several objects in Inkscape.  This can create islands off the coast of a territory, which is used in several Warzone maps.


To accomplish this, first make all of the objects as individual territories.  Then select them all at once, and select Path -> Union.
To accomplish this, first make all of the objects as individual territories.  Then select them all at once, and select Path -> Union.
Line 11: Line 11:
The union feature can also be used to ensure players can click on small territories.  Take, for example, Baja from the [[Earth]] map.  In its raw form, it's way too small to fit an army number or be clickable:
The union feature can also be used to ensure players can click on small territories.  Take, for example, Baja from the [[Earth]] map.  In its raw form, it's way too small to fit an army number or be clickable:


http://s3cdn.warlight.net/static/img/Baja1.png
https://d32kaghj56y4ei.cloudfront.net/static/img/Baja1.png


To rectify this, we draw a circle on top of it:
To rectify this, we draw a circle on top of it:


http://s3cdn.warlight.net/static/img/Baja2.png
https://d32kaghj56y4ei.cloudfront.net/static/img/Baja2.png


Then select both the new circle and the Baja territory behind it at the same time.  Select Path -> Union (you can also press CTRL+SHIFT+=), and observe the resulting territory:
Then select both the new circle and the Baja territory behind it at the same time.  Select Path -> Union, and observe the resulting territory:


http://s3cdn.warlight.net/static/img/Baja3.png
https://d32kaghj56y4ei.cloudfront.net/static/img/Baja3.png


== Cutting holes ==
== Cutting holes ==


Sometimes maps call for having territories inside of other territories.  It may be logical to just make both territories and put the outer one behind the inner one, but this doesn't work since in WarLight player-controllable territories should never overlap. Instead, a hole should be cut in the bigger territory so the smaller one can persist in the hole.
Sometimes maps call for having territories inside of other territories.  It may be logical to just make both territories and put the outer one behind the inner one, but this doesn't work since in Warzone player-controllable territories should never overlap. Instead, a hole should be cut in the bigger territory so the smaller one can persist in the hole.


To accomplish this, we use the Path -> Difference command.  To begin, select both territories (the inner and outer one) at the same time using Shift+Click
To accomplish this, we use the Path -> Difference command.  To begin, select both territories (the inner and outer one) at the same time using Shift+Click


http://s3cdn.warlight.net/static/img/CutTutorial1.png
https://d32kaghj56y4ei.cloudfront.net/static/img/CutTutorial1.png


Then select Path -> Difference.  This will delete the smaller object and leave the outer one with a hole.
Then select Path -> Difference.  This will delete the smaller object and leave the outer one with a hole.


http://s3cdn.warlight.net/static/img/CutTutorial2.png
https://d32kaghj56y4ei.cloudfront.net/static/img/CutTutorial2.png


Since this deletes the inner object, you should consider making a duplicate of it, and perform the operation with the duplicate.
Since this deletes the inner object, you should consider making a duplicate of it, and perform the operation with the duplicate.
Line 41: Line 41:
This is easy to fix simply by selecting Path -> Simplify (Ctrl+L).  This reduces the number of vertices drastically, and in most cases, doesn't alter the appearance of the object at all:
This is easy to fix simply by selecting Path -> Simplify (Ctrl+L).  This reduces the number of vertices drastically, and in most cases, doesn't alter the appearance of the object at all:


http://s3cdn.warlight.net/static/img/Simplify.png
https://d32kaghj56y4ei.cloudfront.net/static/img/Simplify.png


Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting WarLight map which makes it load faster and allows you to fit more objects into your map.
Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting Warzone map which makes it load faster and allows you to fit more objects into your map.


==Path Division==
==Making clean map borders==
One way of building WarLight maps is to divide larger areas into smaller territories with the path division operation. It can be used to divide a single region into two according to another path that defines the border between the new regions.


To split a region, you naturally first have to have drawn this region as a proper Inkscape path. Begin by drawing the desired border as a new path using, for example, the Pen tool. It does not matter if the path defining the border extends outside the territory you wish to split, as it disappears when this operation is complete.
This section will teach you how to make clean map borders.


After drawing the new border, select the region with the Selection tool, and then also simultanously select the dividing path while pressing the Shift key. Then select the Division operation from the Path menu, or press its shortcut Ctrl+/. You now have two regions that you can modify separately, and perhaps split again to make smaller regions. It is a good idea to simplify the dividing path before doing this, as simplifying the two new regions afterwards separately usually changes their border shapes in different ways.
Draw the entire map outline. Ignore bonuses for now.


When splitting a large continent into bonus regions, you can make use of the Inset operation after making all the divisions. Using an inset of half a pixel (set by going to Inkscape Preferences and opening the Steps tab) on each of the bonus regions should make their borders appear adjacent in [[ Map_guidelines |the recommended way. ]] After defining all the bonus regions, no further insets are needed, as inside each bonus region the recommended way is to have the borders overlap. Because of this, the bonus regions and their insets should be done first when mapping a larger continent.
Draw a line where you want your first bonus border to be. Set the line width to 0.8 pixel.
 
http://i44.tinypic.com/v5anq1.jpg
 
Do the following. You can get quite quick at it after a while:
 
Select the path
 
Press CTRL+ALT+C
 
Select the path and the map outline you drew earlier
 
Press CTRL+-
 
Press CTRL+SHIFT+K
 
http://i44.tinypic.com/2wlt26g.png
 
There you go! A clean bonus border! Now do it until all bonuses are separate paths.
 
Draw a line where you want your first territory border to be. The width of the line doesn't matter now.
 
http://i40.tinypic.com/ftde15.png
 
Select both the path and the bonus, and press CTRL+/.
 
http://i43.tinypic.com/2ylr3n9.png
 
There you go! A clean territory border! Now do it until all territories are separate paths.


<!-- TODO: Add screenshots to clarify the steps-->
[[Category:Map Making]]
[[Category:Map Making]]

Latest revision as of 02:05, 8 April 2018

This page gives tips on how to perform common tasks in Inkscape related to Warzone map development. Also check out SVG workarounds if you're having problems having your SVG file show up correctly.

Unioning

It's possible to have one player-controllable territory that spans several objects in Inkscape. This can create islands off the coast of a territory, which is used in several Warzone maps.

To accomplish this, first make all of the objects as individual territories. Then select them all at once, and select Path -> Union.

Fixing small territories

The union feature can also be used to ensure players can click on small territories. Take, for example, Baja from the Earth map. In its raw form, it's way too small to fit an army number or be clickable:

Baja1.png

To rectify this, we draw a circle on top of it:

Baja2.png

Then select both the new circle and the Baja territory behind it at the same time. Select Path -> Union, and observe the resulting territory:

Baja3.png

Cutting holes

Sometimes maps call for having territories inside of other territories. It may be logical to just make both territories and put the outer one behind the inner one, but this doesn't work since in Warzone player-controllable territories should never overlap. Instead, a hole should be cut in the bigger territory so the smaller one can persist in the hole.

To accomplish this, we use the Path -> Difference command. To begin, select both territories (the inner and outer one) at the same time using Shift+Click

CutTutorial1.png

Then select Path -> Difference. This will delete the smaller object and leave the outer one with a hole.

CutTutorial2.png

Since this deletes the inner object, you should consider making a duplicate of it, and perform the operation with the duplicate.

Simplify

Sometimes territories can contain way more data than they need. One example is after drawing territories with the pencil tool, if you view the vertices (F2) you'll see it has an excessive amount.

This is easy to fix simply by selecting Path -> Simplify (Ctrl+L). This reduces the number of vertices drastically, and in most cases, doesn't alter the appearance of the object at all:

Simplify.png

Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting Warzone map which makes it load faster and allows you to fit more objects into your map.

Making clean map borders

This section will teach you how to make clean map borders.

Draw the entire map outline. Ignore bonuses for now.

Draw a line where you want your first bonus border to be. Set the line width to 0.8 pixel.

v5anq1.jpg

Do the following. You can get quite quick at it after a while:

Select the path

Press CTRL+ALT+C

Select the path and the map outline you drew earlier

Press CTRL+-

Press CTRL+SHIFT+K

2wlt26g.png

There you go! A clean bonus border! Now do it until all bonuses are separate paths.

Draw a line where you want your first territory border to be. The width of the line doesn't matter now.

ftde15.png

Select both the path and the bonus, and press CTRL+/.

2ylr3n9.png

There you go! A clean territory border! Now do it until all territories are separate paths.

Retrieved from "https://www.warzone.com/wiki/index.php?title=Inkscape_tips&oldid=4548"