search

TalicZealot / SotN-Replay-Player

Web player for replays generated by the Symphony of the Night Randomizer Tools Tracker.
MIT License
1 stars 0 forks source link

Page Layout #4

Open fatihG opened 3 years ago

fatihG commented 3 years ago

MaxMapSplitPlayers

This version basically shows the map as big as possible, both first and second castle, in case one of the players goes back to the first castle while the other doesnt. Both players have a tracker now, again modified to fit it as large as possible on the page.

SplitMapSplitPlayers

This is similar to the one above, however it is a more 'traditional' set up. tracker stays the same, albeit a bit smaller. Map again showing first and second castle. Alternatively, this version could be the default and if only 1 replay has been loaded, it still a single catle which scrolls up and down. If 2 replays gets loaded, show both castles side by side.

SingleMapSplitPlayers This is just how it is now, for the most part. However, there is a tracker for each player on either side of the page.

TalicZealot commented 3 years ago

The site as a whole is made to be responsive, doing these would have to ditch that for the Replays page. The biggest issue is the rather large static map. It is freely scrollable, I've just hidden the bar, which I could undo. I could introduce a tracker for the second player. I was also playing around with placing the relics at their locations on the map, but I'd have to slightly later the replays for accuracy on that.

fatihG commented 3 years ago

In relation to the responsiveness of the page. Can you not make it so that once it reaches a certain treshold it changes the display of the page?

The default size for display at 1080p could be the top image for example. Once it goes below 720 it changes to a single map display and when it reaches mobile browser resolutions, the tracker appears below the the map, since it is now a vertical page as opposed to a horizontal one.

Or if you are going to keep things as is, at the very least move the trackers below the map display for mobile browsers.

fatihG commented 3 years ago

phone

TalicZealot commented 3 years ago

The flexbox does that automatically and dynamically like on: https://taliczealot.github.io/khaos/ Things will be a bit different once I push the next update.

TalicZealot commented 3 years ago

Added back the map scrollbar and tried to make it not super ugly. Redid file upload to be a single multi-file upload with better visuals. Added player focus select that shows either player's tracker and brings their token and path to the foreground. Added relics to the map (experimental feature).