Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Suggestion: Different circle color for segments/nodes/junctions #7

Closed
originalfoo opened this issue May 13, 2020 · 9 comments
Closed

Comments

@originalfoo
Copy link

Currently I always get the yellow circle when dragging over node/junction/segment.

Would be nice to have some color changes:

  • Yellow = over segment; clicking will create new crossing node
  • Blue = over existing junction node (3+ segments connected to node)
  • Green = over some other node (2 segments connected to node)
  • Red (already have this) = unable to use at current location (eg. too close to junction)
@kianzarrin
Copy link
Owner

yellow overlay + tiny aesthetic circle is becoming my theme. I think its better to do it with mouse cursor:

  • zebra crossing/new node : cursor=zebra
  • new node highway: cursor=middle node
  • junction: cursor=junction
  • other node: cursor=road transition.

Chameleon gave me a bunch of Icon so Id like to put them to some use.










@originalfoo
Copy link
Author

The cursors will certainly help, but I still think the key visual indicator for most users will be the color of the circle.

The big highlight circle on the road is much more attention-grabbing than small mouse cursor.

@kianzarrin
Copy link
Owner

kianzarrin commented May 14, 2020

Green: when inserting new node - Nearby middle nodes maybe moved because I indirectly call NetTool.SplitSegment(). This happens in the same way when you attach a new segment near a middle node. Also it resize nearby segments too
Yellow: when modifying existing node.
Red: in case of error/invalid

Alt+Click: to remove existing middle/custom nodes.
Control+Click to insert new middle node without moving nearby nodes.
Click to move nearby middle nodes. For curved roads I can also warn about buildings that are destroyed in the process by highlighting them as orange (bernardd/Crossings#1)

@originalfoo
Copy link
Author

When a click will insert a crossing, what about having a white 'lane highlight' style shape that crosses the road where the crossing will go? Visually it will serve two purposes:

  • Conveys to user a click at that point will insert a crossing (because it somewhat looks like one)
  • Looks a bit like a "cut" across the road, hinting that the segment will be split in to two pieces

@kianzarrin
Copy link
Owner

kianzarrin commented Aug 17, 2020

chamelon should I put green for new node?
image
taggin @aubergine10

@chameleon-tbn
Copy link

You want to have that red circle as your brandmark if i remember right... :) I can create all cursors with any kind of border color and i already have created red, grey and green borders for the cursors... but on general i would say change the color of the circle in same way the color of the cursor change....

@kianzarrin
Copy link
Owner

@thebugfixnet I forgot to remove that red circle.
But what about the color of the overlay. should it be :

  • green stripe when adding a node
  • yellow circle/sausage when modifying node/segmentEnd.
  • white when node/segment end is selected
  • red stripe/circle/sousage in case of failure.

@chameleon-tbn
Copy link

Sounds good for me - but make the white please not too bright

@kianzarrin
Copy link
Owner

this is fixed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants