Next.js Hacker News
Show HN: Follow London Trains in 3D
64 points by mgranados 4 days ago | 26 comments
  • adecoster
    A bit buggy in term of tiles jonctions
  • TheOtherHobbes
    Interesting but quite buggy. Example: mouse dragging seems trapped in a fairly small area.
    • mgranados
      Ah yeah i tried anchoring to the train with a threshold for panning around i'll try smoothing it. thanks for trying it!
  • darknavi
    I'd love to see a view with all/many trains. In London I was constantly wondering what the criss-cross of underground lines looked like.
    • mgranados
      I saw a project like that here in hn recently for all uk trains even. it'd be pretty cool to extend this to support that, busy stations might be visually confusing, thanks for suggestions
  • hokkos
    There seems to be some parallax issues between your trip layer and your 3D Tiles layer, but nice usage of deck.gl.
    • taylorius
      Is it not that certain train lines are somewhat deep underground? The Piccadilly line swims with respect to the ground in the centre of town, when it is below ground. Further out where lines are at the surface the routes stick to the ground correctly.
    • mgranados
      thank you! i'll have a look
  • dmazin
    It would appear you are missing the High Barnet branch of the Northern line.
    • uukelele
      And the Reading branch of the Elizabeth line
      • mgranados
        thanks for feedback i'll have a look!
  • fredley
    Very nice, but the map seems to be in the wrong position vs. the trains/3d elements.
  • sdoering
    Having just taken the Elisabeth Line to LHR T5 and sitting here, this was fun. Thanks.

    Edit: Is there a Repo to look at and learn from this?

    • mgranados
      <3 thanks!! i'll clean it and share here sometime soon
  • kentonv
    This is really cool!

    Quick suggestion: When not tracking a train, the mouse wheel should zoom into / out from where the cursor is pointing, rather than the center of the window.

    • mgranados
      thanks! that's a great suggestion will implement
  • ohjeez
    This is incredibly cool. I had it open on my desktop for most of the day.
  • Falimonda
    How do I drive the train? Arrow keys not working :(
    • mgranados
      It's just following api data for now. That'd be a real cool feature for backlog!
  • Leewen
    model rough but amazing. i cant do this
  • jrrv
    The planes were a surprise
  • philipwhiuk
    I'm curious what the 3D model source is - the Gherkin is kinda weird.
  • gowld
    The train paths are drawn on a 2D layer above the buildings, not at z-index that matches the proper 3-D position. So the paths appear to weave around and over the tops of buildings.
    • mgranados
      I meant to make it feel like the tube ones felt "underground" by some metres i'll have a look thanks