3DStreet / 3dstreet

🚲🚢🚌 Web-based 3D visualization of streets using A-Frame
https://3dstreet.app
Other
263 stars 33 forks source link

label of segment widths #909

Open kfarr opened 3 days ago

kfarr commented 3 days ago

example

image https://www.linkedin.com/posts/national-association-of-city-transportation-officials_narrower-vehicle-lanes-can-result-in-slower-ugcPost-7258115895405768704-gn5z

rahulkgupta commented 3 days ago

a couple questions / thoughts:

kfarr commented 1 day ago

how to place the toggling of labels in the ux (maybe in photo mode?)

what happens if you want a different view w/ labels (eg what does it look like in x-section view)

  • if we do three.js geometry with labels facing camera it should look good from many perspectives -- for background, I tried doing a dom-based approach a year ago (below screenshot) but it didn't work well.
  • basic implementation idea to try: create entities in aframe-streetmix-parsers.js such as for each cylinders of 1cm radius coming out of the segment borders ~2 meters long, troika text labels centered between each. for label content, try segment name first line, width second line (centered) eventually this needs to be merged geometry but can prototype with separate entities. try first without a line connecting in between all segments, just text in between

screenshot from failed dom attempt: image