It’s easiest to design maps in SVG format using a vector editor, such as Adobe Illustrator, Inkscape or BoxySVG. Since you’ll just be making relatively simple shapes without complex curvature, most software should let you work on this right out of the box. It's helpful to import real metro maps or some satellite screenshots of a city at various resolutions, to have some references to trace your water bodies from. In your SVG editor, you should use a basic Pen or Pencil tool to draw each of your planned obstacles: your background, any colliding water features and islands, and decorative obstacles.Īll islands that you draw should be totally contained within a water obstacle. Otherwise, obstacle-loading may fail, and your map won't load correctly. In your SVG Editor, click without dragging to create straight lines from point to point with the Pen or Pencil tool. Make sure to close each of these objects into a shape, not just an open path, by clicking the first point of the line when you're done. In addition, make sure to not use the curvature tools that your SVG editor will have to make curved vectors. Everything should be a straight line.Īs a general rule of thumb, try and keep the core gameplay features of your map in a 4000 pixel wide, by 3000 pixel high region, centered at the top left point of your SVG workspace. Be mindful that you have less vertical space and vision in-game than you do horizontal. It’s important to have the map centred at, as this will be the centre of your screen when the map is fully zoomed out. In Illustrator or Inkscape, the point is the top-left corner of your artboard or workspace. You might have to drag your obstacle up and off the screen to center them in the top-left corner. Once you’re happy with the way your map looks in your editor, save the file in. If you have the option, save with SVG 1.1 format.Ĭonverting SVG to JSON FormatNow you need to use a tool like Sublime Text, or any other text editor, and open your. Right click the SVG, and Open With your preferred text editor. If you’ve done everything right, you’ll find that SVG is saved in a readable format. If you correctly close the paths you were drawing to create polygons, you’ll see your shape. Search for its name, if you labelled it, and you should see a list of all the absolute points.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |