Space base creator

Creating a custom map of a space base is very easy with this tool. Simply pick the pieces you like, drag them around, resize them, and you're well on your way to creating a representation of your very own space base. You can even change the background color, add a background image, and play around with layers to truly customize everything. Perhaps one layer will show all the information to you, while another layer will show only snippets to the players, at least until they've explored more.


The tool and all of its functions work as follows:
- Adding a piece to the map: Click on any of the icons in the sub-menus below to add it to the map. Each piece can be dragged around, resized, rotated, and selected. To select it simply click it, it'll receive an orange border. When you select a piece it'll automatically be placed at the front of the layer you're on. So you don't have to plan out which pieces you're going to add first and last to make sure they overlap properly.
- Rotating a piece: Select a piece on the map, enter a value in the rotation field, then click the 'Rotate selected' button to rotate it.
- Toggle resize: You can toggle resizing on and off using the 'toggle resize' button, this can help a lot with dragging smaller pieces without accidentally resizing them.
- Grid snap: You can toggle grid snapping on and off. This will help immensely with making sure pieces align properly, but note that any pieces you've dragged already may be slightly askew compared to others if you turn on grid snap at a later time.
- Copy selected: Made a specific piece just right, and need another version of it? Simply select it, then click the 'copy selected' button. An exact duplicate will be added on top of the one you selected. This way you won't have to mess with trying to resize items to exactly the right size, for example.
- Deleting: Deleting pieces is as easy as selecting a piece and clicking the 'Delete selected' button, clicking the 'Clear layer' button to delete the entire layer, or 'Clear all' to clear everything.
- Layers: There are three layers you can work with. These aren't necessary, but they can be helpful when dealing with a lot of icons, or if you want to hide certain elements on different versions of the same map. Simply click the layer buttons to select one (the selected one will have a blue border), and toggle the other ones on and off accordingly. Note that you can only access the lower layers if the ones above it are toggled off.
- Background: You can change the background color using the color picker, and you can set a background image by entering the url in the background image field, and then clicking 'Set background image'. This can be very helpful when you need a more rugged looking terrain for example.
- Height and width: To change the width and/or height of the map, simply enter a value in the corresponding input fields, and hit the appropriate buttons
- Save and load: You can save your maps locally in your browser by clicking the save buttons. You can then safely close your browser, and come back another time to load them again. Note that this only works in modern browsers, and only if you're not using incognito mode.

Saving the image

You can turn your creation into a single image using the 'Turn to image' button. You may need to click it a few times if you're using multiple layers though, but once it's done a single image will appear below it, which you'll be able to save by right clicking it, and then selecting 'Save image'.
Note that if you're using a background image it will not come out right unless the canvas is the same height and width as the image.




Roads + Platforms


Set background color:
Note that resizing your browser window will mess up the positions of all the elements you've placed. So make sure you're working in the size you want.
Click to remove this message.

*Note: (See saving image)

Copyright© 2017