BrookJeynes / slime-rancher-2-interactive-map

An interactive map for Slime Rancher 2.
https://sr2interactivemap.com
24 stars 7 forks source link

[Enhancement] Resource and Slime location re-work #14

Closed BrookJeynes closed 3 months ago

BrookJeynes commented 2 years ago

Currently the map looks super cluttered with resource locations and it's only going to get worse as we mark them out. As well as that, the locations are only general and are hard to mark due to the locations being semi-random.

I propose that instead of marking direct locations we have a little table next to each island saying what resources and slimes can be found here. That way we can clean up the map and make it more clear of where to find things. Using this system we could also put island info on the card such as amount of treasure pods, drones, etc. It would also solve the issue of the region text being hard to read as we could just put them there.

As to how we're going to do this I'm not quite sure yet... Maybe something like this, although it will probably be a bit difficult.

Tag me if someone starts working on it, I might give it a go but not sure if I'll have too much time.

Clearmist commented 2 years ago

I was pretty sure there'd be a way to count the number of markers within a bounded area on the map, but I can't find a native react-leaflet function to do that. Relying on the library to do the counting for us would be harder in the beginning, but easier to extend later. I think it's much simpler to add a continentID property to each marker record. We could then simply group records by continentID to get the counts.

To have mobile and desktop layouts match, and try to avoid covering too much of the map, I think a collapsible element at the bottom would be good. On load it'd be a small tab at the bottom. Clicking the tab would slide up the element. On desktop I like the size of your sample. On mobile the element should take up 100% width and maybe 35% height.

I also like the idea of placing left and right arrow icons on the sides of the name of the continent. Clicking an arrow would show the information for the next continent and focus on that continent. On desktop the resource icons list should be an icon and text. On mobile we may have room only for the icons.

The count of resources could also be displayed as collected/total so the user can see the number of markers they've marked as completed and the total number of those marker types.

BrookJeynes commented 2 years ago

@Clearmist I like it, I was honestly just gonna hard code the item counts but it makes sense to automate it

BrookJeynes commented 1 year ago

@Clearmist I've started working on this here https://github.com/BrookJeynes/slime-rancher-2-interactive-map/tree/14-resource-slime-location-rework

BrookJeynes commented 3 months ago

Closing as this has been solved with the island information tab