Square Fence

Square fence

Advanced container, has three type of objects: edges, corners and body (in the middle). Great for city walls, castles, greek-style columns, prisons or fence for cottage house.

Properties

property display: square-fence;
Required YES
property body: SELECTOR-TO-DRAW-OBJ;

Link to draw-obj which be rendered in the center.

Square fence body

The body (blue)

property edge: SELECTOR-TO-DRAW-OBJ;

Link to draw-obj which be rendered in four edges.

Square fence edge

Edges (blue)

property corner: SELECTOR-TO-DRAW-OBJ;

Link to draw-obj which be rendered in four corners.

Square fence corner

Corners (blue)

property body-justify: JUSTIFY-X, JUSTIFY-Y | center | random;
Default start, start

Align of body object.

../../../_images/sf-body-justify-start.png

justify: start, start
../../../_images/sf-body-justify-end.png

justify: end, end
../../../_images/sf-body-justify-center.png

justify: center
../../../_images/sf-body-justify-random.png

justify: random
../../../_images/sf-body-justify-start-center.png

justify: start, center
../../../_images/sf-body-justify-end-center.png

justify: end, center
property edge-justify: start | end | center | random;
Default start

Align of edge object.

../../../_images/sf-edge-justify-start.png

justify: start
../../../_images/sf-edge-justify-end.png

justify: end
../../../_images/sf-edge-justify-center.png

justify: center
../../../_images/sf-edge-justify-random.png

justify: random
property edge-size: INTEGER;
Default 0

Depth (to the center of container) size of edge and corner.

Example

prison {
    display: square-fence;
    width: 500;
    depth: 500;

    body: building;
    edge: fence;
    corner: tower;

    body-justify: center;
    edge-size: 40;
}

You can try on https://pixelopolis.herokuapp.com/examples/Containers/Square-Fence