Blueprint creator

With this blueprint creator you can very easily creature a blueprint for homes, offices, and anything else you can come up with using the pieces below.

Instructions

- Adding pieces: Adding a piece is as simple as clicking on the icon in the menus below (bathroom, dining room, etc.). The piece you click will be added to the canvas below, which you can then drag around.
- Selecting pieces: You can select one or multiple pieces on the canvas by simply clicking on them. A clicked piece will receive a blue border and it will be put in the foreground. So if you want a specific piece to be on top of a different one, simply click it and it'll be put above all other pieces.
- Deleting pieces: Simply click 'delete selected' to delete all pieces you've selected (blue border) or click 'clear canvas' to delete everything.
- Rotate pieces: Enter how many degrees you want the selected pieces to turn as a number (0-360) and click the 'rotate selected' button.
- Canvas height and width: You can change the dimensions of the canvas by entering a number for the width and height of the canvas. The default height is 600, the default width is dependent on your screen size.
- Black/white and blueprint style: The two buttons marked 'Black/White Style' and 'Blueprint' style will change the colors of all pieces. Black and white is easier for printing purposes, but they can be harsher on the eyes on a screen. Note that you can switch between both modes even after creating a blueprint.
- Saving and loading: There are 4 save slots available. Simply click any of the save buttons and created blueprint will be saved locally in your browser. Note that this only works if you're not using incognito mode. You can safely close your browser and come back at another time and load your blueprint again.
This feature does not work in older browsers.

Saving the image

If you wish to save your work, you can take a screenshot of the canvas itself. On both windows and mac you can take a screenshot of just part of the screen as follows:
- Windows: Open the snipping tool (comes with windows vista, 7, 8, and 10) and drag the crosshair across the the canvas, you can now save the image with the same tool. If you have an older version you'll have to press 'alt' and 'prt src', and then paste the image in paint or another program to edit out the rest of the screen.
- Mac: Press 'command' + 'shift' + '4' and then drag the crosshair across the canvas. Once you release the mouse button the image will automatically be saved to a folder, which is usually the desktop or default image folder.
- Mobile devices: It really depends on the brand and type of device, so you'll probably have to Google it for your specific device.

Saving locally

It's also possible to save your blueprint data locally. Simply click the "Save local" button to have the code create a text file with all the blueprint code in it, then click on the download link to download it directly to your computer. Now you can use the "Choose file" field to upload your blueprint data and use it in the future. This method makes sure there's no risk of losing all your data in case your browser data is wiped, for example, but it does mean keeping track of your downloaded file.