Top Banner

of 45

Lilac UI

Apr 14, 2018

Download

Documents

Neil Salmond
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • 7/27/2019 Lilac UI

    1/45

    Make Places

    LILAC

  • 7/27/2019 Lilac UI

    2/45

    L

    Screen setup

  • 7/27/2019 Lilac UI

    3/45

    L

    1500ft (~5 minute walk)

    Circle circumscribes

    workspace

  • 7/27/2019 Lilac UI

    4/45

    LCreate a square, somehow.

    (Perhaps drag from the Lilac logo?)

  • 7/27/2019 Lilac UI

    5/45

    L

    150ft (~0.5

    acre square)

    100ft deep

    Square is 150ft square; surrounding

    lots are 100ft deep

  • 7/27/2019 Lilac UI

    6/45

    L

    10ft gap

    Lots are 10ft shorter than the square. Handles are in the middle of the sides.

  • 7/27/2019 Lilac UI

    7/45L

    Still150ft

    Modifier-click a handle and delete a side. When triangular, handles are on corners.

  • 7/27/2019 Lilac UI

    8/45L

    Still150ft

    Drag a triangular squares side out, and its the other two that change.

    (Need to give this more thought.)

  • 7/27/2019 Lilac UI

    9/45L

    Still100ft

    Modifier-click and drag a handle (up) into the lot, to curve the lot. Depth remains 100ft so sides curve.

  • 7/27/2019 Lilac UI

    10/45L

    Drag thinner. Below 2:1 ratio, end buildings disappear on the thinner end. (You can still bump another street up against the end to close off a side, if desired.)

  • 7/27/2019 Lilac UI

    11/45LDrag a wider street

  • 7/27/2019 Lilac UI

    12/45L Rotate

  • 7/27/2019 Lilac UI

    13/45L Change transect (somehow: shift click to cycle through? Or choose and paint transect?)

  • 7/27/2019 Lilac UI

    14/45L

    Dragging together

  • 7/27/2019 Lilac UI

    15/45L

    100ft

  • 7/27/2019 Lilac UI

    16/45L

    Handles vanish while draggingLots go transparent while dragging

  • 7/27/2019 Lilac UI

    17/45L

  • 7/27/2019 Lilac UI

    18/45L

    50%

    50%

  • 7/27/2019 Lilac UI

    19/45

    L

    Connecting

  • 7/27/2019 Lilac UI

    20/45

    L

    Pick up T3 street

  • 7/27/2019 Lilac UI

    21/45

    L

    Can be dropped here

  • 7/27/2019 Lilac UI

    22/45

    L

    Cannot be dropped here: place overlaps lot, but not connected

  • 7/27/2019 Lilac UI

    23/45

    L

    Cannot be dropped here: place overlaps lot, but only one corner connected

  • 7/27/2019 Lilac UI

    24/45

    L

    Can be dropped here: connection made.

    Moved lots shown behind destination lots.

    Round nodes indicate intersection.

    Arrow indicates dominant transect for corner lot.

  • 7/27/2019 Lilac UI

    25/45

    L

    Can be dropped here.Moved space reduced as its dragged under the destination space.

  • 7/27/2019 Lilac UI

    26/45

    L

    Dropped, transects resolve

  • 7/27/2019 Lilac UI

    27/45

    L

    Click node to change arrow direction, and so dominant intersection transect

  • 7/27/2019 Lilac UI

    28/45

    L

    Squeet (Square/Street) Model

  • 7/27/2019 Lilac UI

    29/45

    L

    Lots:

    Slave to place side: cannot be

    independently moved, resized etc.

    Also get their transect from place

    side.

    Place:

    Has four or three sides.

    May be rotated.

    Each side has a transect (T3 to T6).

    Each side may be curved out.

  • 7/27/2019 Lilac UI

    30/45

    L

    Brownfield Interaction

  • 7/27/2019 Lilac UI

    31/45

    L

    Existing building or planned civic building.

    Assigned transect colour to indicate

    approximate height / massing.

  • 7/27/2019 Lilac UI

    32/45

    L

    Halo buffer around building

    Halo connects to space dragged on top

  • 7/27/2019 Lilac UI

    33/45

    L

    Perhaps better site planning to make building focus

    of a square

  • 7/27/2019 Lilac UI

    34/45

    L

    Approximate Goal

  • 7/27/2019 Lilac UI

    35/45

    L

  • 7/27/2019 Lilac UI

    36/45

    L

  • 7/27/2019 Lilac UI

    37/45

    L

  • 7/27/2019 Lilac UI

    38/45

    L

    Small thin squares and big fat streets

  • 7/27/2019 Lilac UI

    39/45

    L Placeta d'En Marcs, BarcelonaOpen at both ends, though, so maybe really a very short street.

  • 7/27/2019 Lilac UI

    40/45

    L Montagu Square, LondonAlso open at both ends, actually

  • 7/27/2019 Lilac UI

    41/45

    L Av. De la Grande Armee, ParisOpen at both ends.

  • 7/27/2019 Lilac UI

    42/45

    L Waldeck Pyrmontkade, The HagueOpen at both ends. Transit on grass in the middle.

  • 7/27/2019 Lilac UI

    43/45

    L Rue de la Republique, LyonCars permitted to travel

  • 7/27/2019 Lilac UI

    44/45

    L Rue de la Republique, LyonLocal access only

  • 7/27/2019 Lilac UI

    45/45

    Make Places

    LILAC