[Tut] Floor Plan Editor - Part 1: Introduction

Discussion in 'Tutorials' started by T J, Oct 13, 2015.

  1. T J

    T J Hey Member

    Messages:
    88
    Likes:
    40
    Local Time:
    12:30 AM
    Boon:
  2. TJ
  3. NOTE - This post has a large number of images.

    What is the FPE?

    The Floor Plan Editor (FPE) is a tool used to edit the design of a room, by adding/removing tiles, and changing tile height. Using the floor editor, you can change wall height, the location/rotation of the entrance, room size and room shape. The maximum size of a room is 64 by 64 tiles.

    The FPE consists of the visual editor, and the text editor, both have their advantages. The visual editor is good for simple designs and users new to using the FPE, as it is easy to understand and has a preview mode, and its best for small changes. On the other hand the text editor is easier for exact editing, and copying/pasting lines, and is therefore best for big changes.

    There are two ways of opening the FPE, through settings > Open Floor Plan Editor, or by typing :floor.


    Parts of the FPE

    Visual Floor Plan
    Visual Editor

    upload_2015-10-13_23-15-11.png

    The visual floorplan editor uses the colour spectrum, and has thirty available heights, starting at zero. Each colour is equal to a different height, going through blue, green, yellow, orange, red, pink, purple. Tiles are edited by selecting the appropriate button in Draw Mode, and clicking on the tile you want to edit. You can click and drag to edit multiple tiles next to each other.

    Preview
    upload_2015-10-13_23-37-33.png
    The preview is a model showing how the current tile layout in the visual FPE will turn out.

    Draw Mode
    Draw mode only works with the visual editor

    Add/Remove Tiles
    upload_2015-10-13_23-42-13.png

    The add button places a tile of the height selected on the Height selector (coloured strip). The add tile button can also be used to alter an existing tile to be an exact height.
    The remove button deletes a tile.

    Increase/Decrease Tile Height
    upload_2015-10-13_23-44-1.png
    Self Explanatory. Not very exact.

    Draw Height
    upload_2015-10-13_23-46-19.png
    Edits the preset height of the tile when adding tiles. Default is 0 (Dark Blue).

    Room Door
    upload_2015-10-13_23-45-20.png

    Clicking a tile with this button selected moves the room door to said tile.
    Max one door per room


    Door Direction
    upload_2015-10-13_23-48-52.png

    Sets the direction users are facing when they enter the room. Default is 2.

    Other Settings
    Wall/Floor Thickness

    upload_2015-10-13_23-49-40.png
    Sets the thickness of the wall and floor. Default is Normal. This Can also be done in room settings.


    Undo
    upload_2015-10-13_23-57-12.png
    Goes to the CURRENTLY SAVED floorplan.

    Once you click save you will have to manually undo any changes/mistakes.
    Always check the preview box first.

    Text Editor
    upload_2015-10-14_0-0-35.png
    Opens the text FPE.

    Hows does the Import/Export text editor work?

    upload_2015-10-14_0-2-44.png

    The text editor uses numbers/letters to represent each height., known as a heightmap. Origionally, the heightmap was limited to 10 levels, between 0 and ten, however you can now have up to 33 heights (0-9, a-w). Blank tiles are represented by 'x'.

    The sides of the heightmap must always be straight, and has a maximum size of 64 by 64 tiles, including 'x' hidden tiles.
    upload_2015-10-14_0-6-49.png upload_2015-10-14_0-7-35.png

    To make stairs, you increase each tile by one, as you move up a row/column. Notice that the stairs is on the LOWER tile. This means you will always have a platform at the top, but not the bottom. To have a platform at the bottom you repeat the lower step twice (Img B).
    upload_2015-10-14_0-11-10.png upload_2015-10-14_0-12-59.png

    I'll probably do how to have double stacked floors next, whenever I've got time
    upload_2015-10-14_0-34-59.png
    I've not done tutorials before, so let me know how I've done please, and any suggestions for how I can change anything.
     

    Attached Files:

    Last edited: Oct 13, 2015
    Mauvros, Libby and sweetpotatoes like this.
  4. bud

    bud yikes :( BoonForums Manager

    Messages:
    780
    Likes:
    544
    Local Time:
    4:30 PM
    Boon:
  5. bud
  6. Great tutorial, shows step by step and it's amazing. well done dude!
     
    T J likes this.
  7. sweetpotatoes

    sweetpotatoes Registered User Member

    Messages:
    9
    Likes:
    6
    Local Time:
    12:30 AM
    Boon:
  8. SweetPotatoes
  9. Great tutorial, good job :)
     
  10. Libby

    Libby Registered User Member

    Messages:
    275
    Likes:
    213
    Local Time:
    7:30 PM
    This is awesome! Thank you for posting a tutorial... especially one that's informative and well-written. x :D
     
  11. Ralph

    Ralph KING Member

    Messages:
    1,237
    Likes:
    376
    Local Time:
    8:30 PM
    Boon:
  12. ralph
  13. Great for noobs. Actually looking forward to the double stack tutorial
     
  14. Mauvros

    Mauvros PhD in dumbfuckery Member

    Messages:
    662
    Likes:
    374
    Local Time:
    2:30 AM
    Boon:
  15. Matheos
  16. Awesome tut. Double stacking floors was something I wasn't even sure existed! Looking forward to it.
     
  17. jzi

    jzi Registered User Member

    Messages:
    7
    Likes:
    3
    Local Time:
    8:30 AM
    Boon:
  18. Frvr
  19. looking forward to double stacked floor
     
  20. Trump

    Trump Events Winner Forum Events Winner

    Messages:
    592
    Likes:
    129
    Local Time:
    12:30 AM
    Ur so kind. Thank you