Creating the SVG - Revision history

Fizzer at 02:35, 18 April 2026

2026-04-18T02:35:52Z

Fizzer at 19:02, 24 April 2024

2024-04-24T19:02:12Z

← Older revision		Revision as of 19:02, 24 April 2024
Line 41:		Line 41:
	Player-controllable territories are "brought to the front." That is, you can't overlap a player-controllable territory with another object and expect it to stay that way.		Player-controllable territories are "brought to the front." That is, you can't overlap a player-controllable territory with another object and expect it to stay that way.

	Further, player-controllable territories should not overlap each other - you don't want to have territories that players can't click on. If you want a territory to be on top of another, you really need to cut a hole in the outer territory in the shape of the inner one. This makes the inner one look like it's on top, even though technically the territories aren't overlapping. ~~An easy~~ way to do this is with Path > Flatten (keybind shift+F).		Further, player-controllable territories should not overlap each other - you don't want to have territories that players can't click on. If you want a territory to be on top of another, you really need to cut a hole in the outer territory in the shape of the inner one. This makes the inner one look like it's on top, even though technically the territories aren't overlapping. In Inkscape, one way to do this is with Path > Flatten (keybind shift+F).

	==Bonus Links==		==Bonus Links==

96.126.110.127: flattened

2024-04-24T18:18:00Z

flattened

← Older revision		Revision as of 18:18, 24 April 2024
Line 41:		Line 41:
	Player-controllable territories are "brought to the front." That is, you can't overlap a player-controllable territory with another object and expect it to stay that way.		Player-controllable territories are "brought to the front." That is, you can't overlap a player-controllable territory with another object and expect it to stay that way.

	Further, player-controllable territories should not overlap each other - you don't want to have territories that players can't click on. If you want a territory to be on top of another, you really need to cut a hole in the outer territory in the shape of the inner one. This makes the inner one look like it's on top, even though technically the territories aren't overlapping.		Further, player-controllable territories should not overlap each other - you don't want to have territories that players can't click on. If you want a territory to be on top of another, you really need to cut a hole in the outer territory in the shape of the inner one. This makes the inner one look like it's on top, even though technically the territories aren't overlapping. An easy way to do this is with Path > Flatten (keybind shift+F).

	==Bonus Links==		==Bonus Links==

JK 3: Renamed "Map limitations" to "SVG limitations", since map requirements has its own page

2024-02-12T18:46:52Z

Renamed "Map limitations" to "SVG limitations", since map requirements has its own page

← Older revision		Revision as of 18:46, 12 February 2024
Line 69:		Line 69:
	If you followed these steps but the text still is not showing up, please also verify that the text isn't overlapping any player-controllable territories, and that the text's color isn't the same as what's behind it. A common mistake is to make black text, and if you didn't change your Inkscape background to black as instructed above, it will appear in Inkscape but not when Warzone changes your background to black.		If you followed these steps but the text still is not showing up, please also verify that the text isn't overlapping any player-controllable territories, and that the text's color isn't the same as what's behind it. A common mistake is to make black text, and if you didn't change your Inkscape background to black as instructed above, it will appear in Inkscape but not when Warzone changes your background to black.

	== ~~Map~~ limitations ==		== SVG file limitations ==

	New Warzone maps are currently subject to the following limitations:		New Warzone maps are currently subject to the following limitations:

JK 3: expanded See Also section to link to Uploading SVG page

2024-02-12T18:38:00Z

expanded See Also section to link to Uploading SVG page

← Older revision		Revision as of 18:38, 12 February 2024
Line 83:		Line 83:

	* [[Map Making]]		* [[Map Making]]
			* [[Uploading your SVG]]
			* [[Map requirements]]

	[[Category:Map Making]]		[[Category:Map Making]]

JK 3: Added list of map limitations

2024-02-12T18:35:02Z

Added list of map limitations

← Older revision		Revision as of 18:35, 12 February 2024
Line 55:		Line 55:

	The fill color of a bonus link will be set to the color assigned to the bonus. The stroke color of the bonus link will always be set to yellow, and this color is not overridable. However, the yellow stroke can be hidden by setting the stroke opacity to zero.		The fill color of a bonus link will be set to the color assigned to the bonus. The stroke color of the bonus link will always be set to yellow, and this color is not overridable. However, the yellow stroke can be hidden by setting the stroke opacity to zero.



	== Including Text ==		== Including Text ==
Line 70:		Line 68:

	If you followed these steps but the text still is not showing up, please also verify that the text isn't overlapping any player-controllable territories, and that the text's color isn't the same as what's behind it. A common mistake is to make black text, and if you didn't change your Inkscape background to black as instructed above, it will appear in Inkscape but not when Warzone changes your background to black.		If you followed these steps but the text still is not showing up, please also verify that the text isn't overlapping any player-controllable territories, and that the text's color isn't the same as what's behind it. A common mistake is to make black text, and if you didn't change your Inkscape background to black as instructed above, it will appear in Inkscape but not when Warzone changes your background to black.

			== Map limitations ==

			New Warzone maps are currently subject to the following limitations:

			* Max 3500 x 2500 pixels (W x H)
			* Max 1500 bonuses
			* Max 4000 territories
			* Max SVG file size: 3 MB
			* Max height map size: 2 MB
			* Max texture size: 2 MB

	==See also==		==See also==

Fizzer at 15:35, 31 January 2024

2024-01-31T15:35:48Z

← Older revision		Revision as of 15:35, 31 January 2024
Line 23:		Line 23:
	Anything that doesn't start with Territory_ won't be a territory, so you can include extra objects for decoration or instruction, such as lines, arrows, etc.		Anything that doesn't start with Territory_ won't be a territory, so you can include extra objects for decoration or instruction, such as lines, arrows, etc.

	If you're making a really large map, note that maps may not contain more than 4000 territories or 1500 bonuses and your SVG file cannot be bigger than 3 megabytes.		If you're making a really large map, note that maps may not contain more than 4000 territories or 1500 bonuses and your SVG file cannot be bigger than 3 megabytes. For very large maps (>3000 territories), keep this filesize limitation in mind. One strategy that helps is to use as few nodes as possible for your shapes.

	==Starting from an image==		==Starting from an image==

Fizzer at 18:04, 22 August 2022

2022-08-22T18:04:56Z

← Older revision		Revision as of 18:04, 22 August 2022
Line 10:		Line 10:

	* Optionally, set the background to black: This is so it fits in with Warzone's theme. In Inkscape, click "Document Properties" (top-rightmost button, or shift-control-D) and click the "Background" (under the default "Page" tab). Set the R,B, and G to 0 and the A to full to get black. This isn't a required step, as Warzone will ignore the background color you set here and always have a black background. However, making it black in Inkscape helps you visualize how it will appear when you upload it.		* Optionally, set the background to black: This is so it fits in with Warzone's theme. In Inkscape, click "Document Properties" (top-rightmost button, or shift-control-D) and click the "Background" (under the default "Page" tab). Set the R,B, and G to 0 and the A to full to get black. This isn't a required step, as Warzone will ignore the background color you set here and always have a black background. However, making it black in Inkscape helps you visualize how it will appear when you upload it.
	* Set the document size: Go back to "Document Properties" and ~~under~~ "Custom Size" set the Width and Height to ~~about 900. Ensure~~ the ~~units says px~~ (~~for pixels~~). You can adjust the size for your own map's needs. ~~(Note about map sizes: Most maps work best when they're less than 1000x1000.~~ If army numbers appear too small when you test your map, that means your map is too big and had to be shrunken down, causing the army numbers to shrink. Thanks to the magic of SVG, you can reduce the size of your map without losing any detail. ~~If you're making a super large map, note that the maximum map size is 3500x2500.)~~		* Set the document size: Go back to "Document Properties" and look at "Custom Size". First set the Units to "px", then set the Width and Height to the desired size of your map (900x900 is a good starting point). Then expand the "Viewbox" drop down and set the Width and Height to the same values as your "Custom size". You can adjust the size for your own map's needs, up to a maximum of 3500x2500. If army numbers appear too small when you test your map, that means your map is too big and had to be shrunken down, causing the army numbers to shrink. Thanks to the magic of SVG, you can reduce the size of your map without losing any detail.
	* Ensure the Scale is also set to 1 (both x and y)~~, and ensure the viewbox is set to X=0, Y=0, Width=(same as your map width) and Height=(same as your map height).~~		* Ensure the Scale is also set to 1 (both x and y)

	Then just start drawing, using Inkscape's drawing tools. For learning how to draw in Inkscape, there are many good tutorials on the web. Try searching with search engines or on Youtube.		Then just start drawing, using Inkscape's drawing tools. For learning how to draw in Inkscape, there are many good tutorials on the web. Try searching with search engines or on Youtube.

Fizzer at 20:23, 6 February 2022

2022-02-06T20:23:33Z

← Older revision		Revision as of 20:23, 6 February 2022
Line 23:		Line 23:
	Anything that doesn't start with Territory_ won't be a territory, so you can include extra objects for decoration or instruction, such as lines, arrows, etc.		Anything that doesn't start with Territory_ won't be a territory, so you can include extra objects for decoration or instruction, such as lines, arrows, etc.

	If you're making a really large map, note that maps may not contain more than 4000 territories or 1500 bonuses.		If you're making a really large map, note that maps may not contain more than 4000 territories or 1500 bonuses and your SVG file cannot be bigger than 3 megabytes.

	==Starting from an image==		==Starting from an image==

Fizzer at 20:22, 6 February 2022

2022-02-06T20:22:45Z

← Older revision		Revision as of 20:22, 6 February 2022
Line 23:		Line 23:
	Anything that doesn't start with Territory_ won't be a territory, so you can include extra objects for decoration or instruction, such as lines, arrows, etc.		Anything that doesn't start with Territory_ won't be a territory, so you can include extra objects for decoration or instruction, such as lines, arrows, etc.

	If you're making a really large map, note that maps may not contain more than ~~3500~~ territories or 1500 bonuses.		If you're making a really large map, note that maps may not contain more than 4000 territories or 1500 bonuses.

	==Starting from an image==		==Starting from an image==

← Older revision		Revision as of 02:35, 18 April 2026
Line 3:		Line 3:
	You can use any SVG editor you want. Many graphic design applications have the ability to export to SVG, so if you're already familiar with one you may use that. If you don't know what to use, try Inkscape. Inkscape is a good choice since it's free, works across all of the major operating systems, and is overall very nice application. You can download it at http://inkscape.org.		You can use any SVG editor you want. Many graphic design applications have the ability to export to SVG, so if you're already familiar with one you may use that. If you don't know what to use, try Inkscape. Inkscape is a good choice since it's free, works across all of the major operating systems, and is overall very nice application. You can download it at http://inkscape.org.

	It's a good idea to test your SVG file as you are building it. Don't wait until you've spent a bunch of time building the perfect map before uploading it into ~~Warzone~~ the first time. You want to make sure the tools and techniques you are using will work with ~~Warzone~~, as ~~Warzone~~ [[SVG Limitations\|doesn't support some SVG features]].		It's a good idea to test your SVG file as you are building it. Don't wait until you've spent a bunch of time building the perfect map before uploading it into War.app the first time. You want to make sure the tools and techniques you are using will work with War.app, as War.app [[SVG Limitations\|doesn't support some SVG features]].

	==Getting Started==		==Getting Started==
Line 9:		Line 9:
	After opening Inkscape, you should do a few things to set up your document:		After opening Inkscape, you should do a few things to set up your document:

	* Optionally, set the background to black: This is so it fits in with ~~Warzone~~'s theme. In Inkscape, click "Document Properties" (top-rightmost button, or shift-control-D) and click the "Background" (under the default "Page" tab). Set the R,B, and G to 0 and the A to full to get black. This isn't a required step, as ~~Warzone~~ will ignore the background color you set here and always have a black background. However, making it black in Inkscape helps you visualize how it will appear when you upload it.		* Optionally, set the background to black: This is so it fits in with War.app's theme. In Inkscape, click "Document Properties" (top-rightmost button, or shift-control-D) and click the "Background" (under the default "Page" tab). Set the R,B, and G to 0 and the A to full to get black. This isn't a required step, as War.app will ignore the background color you set here and always have a black background. However, making it black in Inkscape helps you visualize how it will appear when you upload it.
	* Set the document size: Go back to "Document Properties" and look at "Custom Size". First set the Units to "px", then set the Width and Height to the desired size of your map (900x900 is a good starting point). Then expand the "Viewbox" drop down and set the Width and Height to the same values as your "Custom size". You can adjust the size for your own map's needs, up to a maximum of 3500x2500. If army numbers appear too small when you test your map, that means your map is too big and had to be shrunken down, causing the army numbers to shrink. Thanks to the magic of SVG, you can reduce the size of your map without losing any detail.		* Set the document size: Go back to "Document Properties" and look at "Custom Size". First set the Units to "px", then set the Width and Height to the desired size of your map (900x900 is a good starting point). Then expand the "Viewbox" drop down and set the Width and Height to the same values as your "Custom size". You can adjust the size for your own map's needs, up to a maximum of 3500x2500. If army numbers appear too small when you test your map, that means your map is too big and had to be shrunken down, causing the army numbers to shrink. Thanks to the magic of SVG, you can reduce the size of your map without losing any detail.
	* Ensure the Scale is also set to 1 (both x and y)		* Ensure the Scale is also set to 1 (both x and y)
Line 27:		Line 27:
	==Starting from an image==		==Starting from an image==

	If you're modeling your map after something you have an image of, it's often helpful to insert an image, set its opacity to 50% and just draw over the top of it. The image itself won't show up when you upload it to ~~Warzone~~.		If you're modeling your map after something you have an image of, it's often helpful to insert an image, set its opacity to 50% and just draw over the top of it. The image itself won't show up when you upload it to War.app.

	To insert an image in Inkscape, just drag the image file into your canvas. Then, you can move it to the back by selecting Object -> Lower to Bottom. You can adjust its opacity by selecting Object -> Fill and Stroke.		To insert an image in Inkscape, just drag the image file into your canvas. Then, you can move it to the back by selecting Object -> Lower to Bottom. You can adjust its opacity by selecting Object -> Fill and Stroke.
Line 33:		Line 33:
	==Overridden Properties==		==Overridden Properties==

	~~Warzone~~ will override a few properties of each player-controllable territory. Therefore, it does not matter what you set for these properties when designing the map, since the values will be overwritten when the map is used in a real game:		War.app will override a few properties of each player-controllable territory. Therefore, it does not matter what you set for these properties when designing the map, since the values will be overwritten when the map is used in a real game:

	* Fill color: The fill color will be replaced with the color of the player who controls the territory		* Fill color: The fill color will be replaced with the color of the player who controls the territory
Line 52:		Line 52:
	To make a bonus link, make an object near the bonus. A 16x16 rectangle is the standard, but some players prefer to use circles or other artistic styles. Give the object an ID of BonusLink_BonusName. Remove any spaces or punctuation, special letters (like the ß), letters of any other alphabet then the latin alphabet, or letters with diacritics (such as ë, î, ú) from the bonus name. For example, the Earth map has a bonus named "Middle East" and the rectangle's name is "BonusLink_MiddleEast". Be sure to use the same casing; for example, bonuslink_middleeast would not work.		To make a bonus link, make an object near the bonus. A 16x16 rectangle is the standard, but some players prefer to use circles or other artistic styles. Give the object an ID of BonusLink_BonusName. Remove any spaces or punctuation, special letters (like the ß), letters of any other alphabet then the latin alphabet, or letters with diacritics (such as ë, î, ú) from the bonus name. For example, the Earth map has a bonus named "Middle East" and the rectangle's name is "BonusLink_MiddleEast". Be sure to use the same casing; for example, bonuslink_middleeast would not work.

	If you are not sure what to name your bonus link box, ~~Warzone~~ will help you out. After uploading your SVG file and creating the bonuses in the map designer, open the Bonuses window and look at the text. The Bonuses window will tell you what to name your Bonus Link rectangle. If you've named the object correctly, but ~~Warzone~~ still isn't recognizing it, it may be because your bonus link is a group (a "g" node in the svg file.) Only individual objects can be bonus links, not groups. To fix this, in Inkscape, just right-click the offending object and select "Ungroup."		If you are not sure what to name your bonus link box, War.app will help you out. After uploading your SVG file and creating the bonuses in the map designer, open the Bonuses window and look at the text. The Bonuses window will tell you what to name your Bonus Link rectangle. If you've named the object correctly, but War.app still isn't recognizing it, it may be because your bonus link is a group (a "g" node in the svg file.) Only individual objects can be bonus links, not groups. To fix this, in Inkscape, just right-click the offending object and select "Ungroup."

	The fill color of a bonus link will be set to the color assigned to the bonus. The stroke color of the bonus link will always be set to yellow, and this color is not overridable. However, the yellow stroke can be hidden by setting the stroke opacity to zero.		The fill color of a bonus link will be set to the color assigned to the bonus. The stroke color of the bonus link will always be set to yellow, and this color is not overridable. However, the yellow stroke can be hidden by setting the stroke opacity to zero.
Line 67:		Line 67:
	After doing this, your text will behave as an object. If you need to modify what the text says, you must delete and re-create the object.		After doing this, your text will behave as an object. If you need to modify what the text says, you must delete and re-create the object.

	If you followed these steps but the text still is not showing up, please also verify that the text isn't overlapping any player-controllable territories, and that the text's color isn't the same as what's behind it. A common mistake is to make black text, and if you didn't change your Inkscape background to black as instructed above, it will appear in Inkscape but not when ~~Warzone~~ changes your background to black.		If you followed these steps but the text still is not showing up, please also verify that the text isn't overlapping any player-controllable territories, and that the text's color isn't the same as what's behind it. A common mistake is to make black text, and if you didn't change your Inkscape background to black as instructed above, it will appear in Inkscape but not when War.app changes your background to black.

	== SVG file limitations ==		== SVG file limitations ==

	New ~~Warzone~~ maps are currently subject to the following limitations:		New War.app maps are currently subject to the following limitations:

	* Max 3500 x 2500 pixels (W x H)		* Max 3500 x 2500 pixels (W x H)